88 lines
1.5 KiB
Plaintext
88 lines
1.5 KiB
Plaintext
/* pages/mine/mine.wxss */
|
|
page{
|
|
/* overflow-y: hidden; */
|
|
}
|
|
/* 顶部标签 */
|
|
.top{
|
|
width: 100vw;
|
|
height: 63vw;
|
|
position: relative;
|
|
}
|
|
.top .bg>image{
|
|
width: 100vw;
|
|
height: 63vw;
|
|
|
|
}
|
|
/* 设置 */
|
|
.setting{
|
|
width: 8vw;
|
|
height: 8vw;
|
|
position: absolute;
|
|
top:3vw;
|
|
right:3vw;
|
|
z-index: 100;
|
|
}
|
|
.setting>image{
|
|
width:100%;
|
|
height: 100%;
|
|
}
|
|
.info{
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left:0;
|
|
top:0;
|
|
display: flex;
|
|
flex-direction:column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.avatar{
|
|
width: 21.47vw;
|
|
height: 21.47vw;
|
|
border-radius: 50%;
|
|
box-shadow: 0vw 0.53vw 1.6vw 0vw rgba(0, 0, 0, 0.15);
|
|
border: 0.4vw solid #ffffff;
|
|
margin-bottom:2.33vw;
|
|
margin-top:-6vw;
|
|
}
|
|
.name{
|
|
color:#ffffff;
|
|
font-size: 5.87vw;
|
|
/* font-weight: bold; */
|
|
}
|
|
.phone{
|
|
color:#ffffff;
|
|
font-size: 3.73vw;
|
|
margin-top: 1vw;
|
|
}
|
|
/* 标签 */
|
|
.bottom{
|
|
width: 92vw;
|
|
padding:0 4vw;
|
|
transform: translate(0,-8%);
|
|
}
|
|
.bottom>view{
|
|
width:88.13vw;
|
|
height: 14.67vw;
|
|
background: #ffffff;
|
|
box-shadow: 0.6vw 1.04vw 2.27vw 0vw rgba(0, 0, 0, 0.19);
|
|
border-radius: 2.67vw;
|
|
border: solid 0.16vw #eeeeee;
|
|
padding-left: 3.87vw;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 4.27vw;
|
|
/* font-weight: bold; */
|
|
color: #333333;
|
|
margin-bottom:4vw;
|
|
}
|
|
/* .bottom>view:last-child{
|
|
margin-top: 4.13vw;
|
|
} */
|
|
.bottom>view>image{
|
|
width: 7.87vw;
|
|
height: 7.87vw;
|
|
border-radius: 1.6vw;
|
|
margin-right: 2.53vw;
|
|
} |