/* nova-werun/components/my/index.wxss */ .all{ width: 100vw; background-color: #e6e6e6; .perxonalbox{ width: 100%; height: 270rpx; background-color: #87ceeb; padding: 20rpx; display: flex; position: relative; margin-bottom: 80rpx; .avatar{ width: 130rpx; height: 130rpx; border-radius: 15rpx; background-color: red; } .namebox{ width: 200rpx; height: 130rpx; display: flex; justify-content: center; flex-direction: column; margin-left: 20rpx; .name{ font-size: 34rpx; } .databox{ width: 100%; height: 40rpx; display: flex; color: #d81e06; margin-top: 10rpx; align-items: center; .data{ font-size: 28rpx; } image{ width: 30rpx; height: 30rpx; margin-left: 10rpx; } } } .infobox{ width: 90%; height: 130rpx; display: flex; justify-content: center; align-items: center; background-color: white; position: absolute; left: 5%; bottom: -66rpx; border-radius: 20rpx; .info{ width: 120rpx; height: 100rpx; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-left: 10rpx; margin-right: 10rpx; .info-num{ font-size: 30rpx; } .info-tex{ font-size: 28rpx; color: gray; margin-top: 10rpx; } } } } }