116 lines
2.1 KiB
Plaintext
116 lines
2.1 KiB
Plaintext
/* pages/personCenter/personCenter.wxss */
|
|
page{
|
|
background-image: linear-gradient( #cdf0ff,#F7F9F9 30%);
|
|
}
|
|
.page{
|
|
margin-top: 180rpx;
|
|
}
|
|
.nav{
|
|
position: fixed;
|
|
top:0;
|
|
height:290rpx;
|
|
width:750rpx;
|
|
}
|
|
.nav .title{
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
color: #272B34;
|
|
margin: 106rpx 32rpx 0;
|
|
}
|
|
.headbox{
|
|
margin:0 32rpx 24rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.headbox .name{
|
|
margin-top: 15rpx;
|
|
font-size: 36rpx;
|
|
line-height: 54rpx;
|
|
font-weight: 550;
|
|
color: rgba(0,0,0,0.85);
|
|
}
|
|
.hospital{
|
|
line-height: 44rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
color: rgba(0,0,0,0.65);
|
|
}
|
|
.van-image--round{
|
|
box-shadow: 0 5rpx 10rpx 0 #ccc;
|
|
}
|
|
|
|
.databox{
|
|
padding:24rpx 0 ;
|
|
margin:0 32rpx;
|
|
display: flex;
|
|
background: #FFFFFF;
|
|
box-shadow: 0rpx 12rpx 28rpx 0rpx rgba(0,0,0,0.03);
|
|
border-radius: 16rpx;
|
|
justify-content: space-around;
|
|
}
|
|
.datacell{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.datacell .num{
|
|
font-size: 40rpx;
|
|
font-weight: bold;
|
|
color: #333333;
|
|
line-height: 48rpx;
|
|
}
|
|
.datacell .num.active{
|
|
color: #3881F7;
|
|
}
|
|
.datacell .name{
|
|
font-size: 28rpx;
|
|
font-weight: 400;
|
|
color: rgba(0,0,0,0.45);
|
|
line-height: 44rpx;
|
|
}
|
|
.itembox{
|
|
margin:24rpx 32rpx 0;
|
|
background: #FFFFFF;
|
|
box-shadow: 0rpx 12rpx 28rpx 0rpx rgba(0,0,0,0.03);
|
|
border-radius: 16rpx
|
|
}
|
|
.itembox .cell{
|
|
padding:0 24rpx;
|
|
}
|
|
.cell .row{
|
|
padding:32rpx 0;
|
|
border-bottom: 1rpx solid rgba(0,0,0,0.1);
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.cell:last-child .row{
|
|
border-bottom:none
|
|
}
|
|
.cell .left{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.cell .item{
|
|
width:40rpx;
|
|
height:40rpx;
|
|
}
|
|
.itembox .left .name{
|
|
font-size: 32rpx;
|
|
margin-left: 12rpx;
|
|
font-weight: 400;
|
|
color: rgba(0,0,0,0.65);
|
|
}
|
|
.logout{
|
|
margin:32rpx 32rpx 0;
|
|
height: 88rpx;
|
|
font-size: 32rpx;
|
|
font-weight: 400;
|
|
color: #FF4D4F;
|
|
background: #FFFFFF;
|
|
border-radius: 8rpx;
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
} |