/* 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; }