1 line
5.2 KiB
Plaintext
1 line
5.2 KiB
Plaintext
.level-top{width:100%;height:40rpx;position:relative}.level-top image{width:100%;height:260rpx;position:absolute}.level-swiper{width:100vw;height:270rpx}.level-swiper .level-item{width:calc(100% - 60rpx);height:100%;display:flex;align-items:center;justify-content:center;margin:0 26rpx}.level-swiper .level-item .level-wrap{width:100%;height:90%;background:#fff;border-radius:16rpx;transition:all .5s;display:flex;flex-direction:column;padding:20rpx 30rpx;box-sizing:border-box;position:relative}.level-swiper .level-item .not-unlocked{position:absolute;width:50rpx;height:50rpx;background:#4b4b4b;display:flex;align-items:center;justify-content:center;right:-1rpx;top:-1rpx;border-top-right-radius:16rpx;border-bottom-left-radius:16rpx}.level-swiper .level-item .not-unlocked .iconfont{color:#d3dee6}.level-swiper .level-item.curr{margin:0;width:100%}.level-swiper .level-item.curr .level-wrap{height:100%}.level-swiper .level-item .member-info{display:flex;align-items:center}.level-swiper .level-item .member-info .head-img{width:90rpx;height:90rpx;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.level-swiper .level-item .member-info .head-img image{width:100%;height:100%}.level-swiper .level-item .member-info .nickname{color:#fff;margin:0 20rpx;font-size:28rpx}.level-swiper .level-item .member-info .level-name{line-height:1;border:2rpx solid #fff;padding:4rpx 10rpx;border-radius:6rpx;font-size:26rpx;color:#f5f5f5}.level-swiper .level-item .level-rate{display:flex;margin-top:30rpx}.level-swiper .level-item .level-rate .rate-item{text-align:left;flex:1}.level-swiper .level-item .level-rate .title{color:#f5f5f5;font-size:24rpx}.level-swiper .level-item .level-rate .rate{margin-top:10rpx;color:#fff;font-size:38rpx;line-height:1}.level-swiper .level-item .level-rate .rate .percentage{font-size:28rpx;margin-left:4rpx}.level-swiper swiper-item:nth-child(1) .level-wrap{background:linear-gradient(90deg,#9ba7b1,#d3dee6)}.level-swiper swiper-item:nth-child(2) .level-wrap{background:linear-gradient(90deg,#f57e2a,#fad494)}.level-swiper swiper-item:nth-child(3) .level-wrap{background:linear-gradient(90deg,#f85151,#f99)}.level-swiper swiper-item:nth-child(4) .level-wrap{background:linear-gradient(90deg,#78b8b4,#afe6e2)}.level-swiper swiper-item:nth-child(5) .level-wrap{background:linear-gradient(90deg,#4da1e1,#58cbf0)}.level-swiper swiper-item:nth-child(6) .level-wrap{background:linear-gradient(90deg,#81c636,#d1f677)}.level-swiper swiper-item:nth-child(7) .level-wrap{background:linear-gradient(90deg,#6d7279,#a5aab0)}.level-swiper swiper-item:nth-child(8) .level-wrap{background:linear-gradient(90deg,#866ddb,#d49bfe)}.level-swiper swiper-item:nth-child(9) .level-wrap{background:linear-gradient(90deg,#f1c74e,#f7dc81)}.level-swiper swiper-item:nth-child(10) .level-wrap{background:linear-gradient(90deg,#418ccf,#9cc6f1)}.level-condition{margin:30rpx 26rpx;background:#fff;padding:30rpx;border-radius:10rpx}.level-condition .condition-title{display:flex;align-items:center;justify-content:space-between}.level-condition .condition-title .title{font-size:32rpx;font-weight:bolder;position:relative;padding-left:20rpx;line-height:1}.level-condition .condition-title .title:before{content:" ";position:absolute;left:0;top:0;width:6rpx;height:100%;background-color:var(--base-color);border-radius:4rpx}.level-condition .rate .complete{color:#e7b667;font-size:26rpx!important;font-weight:400!important}.level-condition .rate .num{color:#bbb;font-size:26rpx!important;font-weight:400!important}.level-condition .task-item{padding:20rpx 30rpx;background:#f8f8f8;border-radius:10rpx;margin-top:30rpx}.level-condition .task-item .flex-box{display:flex;align-items:center;justify-content:space-between}.level-condition .task-item .status{color:#999}.level-condition .task-item .status.complete{color:#000}.level-condition .task-item .title{font-weight:700}.level-condition .task-item .title .iconfont{font-size:28rpx;color:#b7b7b7;margin-left:10rpx}.level-condition .task-item .desc{color:#999;font-size:24rpx}.level-condition .task-item .progress{margin:16rpx 0}.level-condition .task-item .complete{font-size:24rpx!important}.level-condition .task-item .num{font-size:24rpx!important}.popup{width:100vw;background:#fff;border-top-left-radius:24rpx;border-top-right-radius:24rpx}.popup .popup-header{display:flex;border-bottom:2rpx solid #eee;position:relative;padding:40rpx}.popup .popup-header .tit{flex:1;font-size:32rpx;line-height:1;text-align:center}.popup .popup-header .iconfont{line-height:1;position:absolute;right:30rpx;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#909399;font-size:32rpx}.popup .popup-body{height:calc(100% - 250rpx);padding:30rpx}.popup .popup-body.store-popup{height:calc(100% - 120rpx)}.popup .popup-body.safe-area{height:calc(100% - 270rpx)}.popup .popup-body.store-popup.safe-area{height:calc(100% - 140rpx)}.data-v-3c8f0b9f .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box{background:none;max-height:unset!important;overflow-y:hidden!important}.data-v-3c8f0b9f .uni-popup__wrapper{border-radius:20rpx 20rpx 0 0}.data-v-3c8f0b9f .uni-popup{z-index:8}.data-v-3c8f0b9f .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box{max-height:unset!important} |