43 lines
618 B
Vue
43 lines
618 B
Vue
|
<script setup>
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="container">
|
||
|
|
<div class="content1">
|
||
|
|
<img src="@/assets/images/back@3x.png"/>
|
||
|
|
</div>
|
||
|
|
<div class="content2">登录</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.container{
|
||
|
|
background: #000;
|
||
|
|
width: 375px;
|
||
|
|
height: 44px;
|
||
|
|
position: relative;
|
||
|
|
.content2{
|
||
|
|
font-size: 14px;
|
||
|
|
color: #fff;
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
transform: translate(-50%,-50%);
|
||
|
|
}
|
||
|
|
.content1{
|
||
|
|
left:16px;
|
||
|
|
top: 50%;
|
||
|
|
transform: translateY(-50%);
|
||
|
|
position: absolute;
|
||
|
|
img{
|
||
|
|
width: 12px;
|
||
|
|
height: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|