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