.wrapper { padding: 66rpx 0 100rpx; } .width-690 { width: 690rpx; margin: 0 auto; } .user-info { position: relative; left: 0; top: 0; display: flex; align-items: center; } .btn-edit-wrap { position: absolute; right: 0; top: 0; display: flex; justify-content: flex-end; align-items: center; z-index: 1; width: 100rpx; height: 100rpx; } .btn-edit { display: block; width: 56rpx; height: 56rpx; } .portrait { width: 100rpx; height: 100rpx; border-radius: 50%; overflow: hidden; image { display: block; width: 100%; height: 100%; } } .user-name-wrap { margin-left: 12rpx; .name { line-height: 48rpx; font-size: 32rpx; color: rgba(37, 31, 57, 1); } .account { margin-top: 4rpx; line-height: 40rpx; font-size: 24rpx; color: rgba(67, 70, 101, 1); } } .dashboard { position: relative; left: 0; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; height: 329rpx; padding: 46rpx 0 33rpx; margin-top: 52rpx; margin-bottom: 50rpx; border-radius: 32rpx; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .data, .btn { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; } .label { line-height: 40rpx; font-size: 28rpx; color: rgba(157, 151, 177, 1); } .value { margin-top: 6rpx; line-height: 80rpx; font-size: 64rpx; color: rgba(37, 31, 57, 1); } .eyes { width: 40rpx; height: 40rpx; } .check { line-height: 40rpx; font-size: 24rpx; color: rgba(157, 151, 177, 1); } } .excellent-goods-title { position: relative; left: 0; top: 0; display: flex; justify-content: space-between; align-items: center; width: 690rpx; padding-left: 24rpx; line-height: 40rpx; font-size: 36rpx; font-weight: 500; color: #1F1F39; &:before { content: ''; position: absolute; left: 0; top: 6rpx; width: 14rpx; height: 37rpx; border-radius: 40rpx; background: #91B379; } image { width: 48rpx; height: 48rpx; } } .nav-wrap { display: flex; align-items: center; margin-top: 50rpx; margin-bottom: 80rpx; & > view { display: flex; flex-direction: column; align-items: center; width: 230rpx; } image { width: 104rpx; height: 104rpx; } text { margin-top: 30rpx; line-height: 40rpx; font-size: 28rpx; color: rgba(37, 31, 57, 1); } } .list { display: flex; margin-top: 40rpx; } .photo-wrap { width: 82rpx; height: 82rpx; border-radius: 16rpx; overflow: hidden; image { display: block; width: 100%; height: 100%; } } .box { width: 326rpx; padding-left: 19rpx; } .goods-name { width: 100%; line-height: 48rpx; font-size: 32rpx; color: rgba(37, 31, 57, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .add-time { margin-top: 6rpx; line-height: 40rpx; font-size: 24rpx; color: rgba(157, 151, 177, 1); } .price { width: 282rpx; line-height: 40rpx; font-size: 28rpx; color: rgba(166, 166, 166, 1); text-align: right; }