1 |
- .collection .nav{background-color:#fff;height:88rpx}.collection .nav .item{margin:0 48rpx;font-weight:400;color:#282828;font-size:30rpx;position:relative}.collection .nav .item.on{font-weight:500;color:var(--view-theme)}.collection .nav .item.on:before{content:"";position:absolute;width:60rpx;height:3rpx;background:var(--view-theme);bottom:-28rpx}.collection .manage{padding:0 30rpx;font-weight:400;color:#333;font-size:28rpx;background-color:#fff;height:74rpx}.collection .manage .close{color:#999}.collection .manage .num{color:var(--view-theme);margin:0 5rpx}.collection .collectList{padding:0 20rpx 100rpx 20rpx}.collection .collectList .item{margin-top:20rpx;background-color:#fff;border-radius:14rpx;padding:20rpx}.collection .collectList .item .pictrue{width:220rpx;height:220rpx;border-radius:10rpx;position:relative}.collection .collectList .item .pictrue .activityFrame{border-radius:10rpx}.collection .collectList .item .pictrue image{border-radius:10rpx;width:100%;height:100%}.collection .collectList .item .pictrue .checkbox{position:absolute;top:10rpx;left:10rpx;z-index:9}.collection .collectList .item .pictrue checkbox .uni-checkbox-input{background-color:rgba(0,0,0,.16)}.collection .collectList .item .pictrue checkbox .wx-checkbox-input{background-color:rgba(0,0,0,.16)}.collection .collectList .item .text{width:420rpx}.collection .collectList .item .text .top{height:128rpx}.collection .collectList .item .text .name{font-weight:400;color:#333;font-size:28rpx}.collection .collectList .item .text .label{margin-top:16rpx}.collection .collectList .item .text .label .labelCon{border:1px solid var(--view-theme);padding:2rpx 4rpx;color:var(--view-theme);font-weight:400;font-size:20rpx;border-radius:10rpx}.collection .collectList .item .text .money{margin-top:62rpx;font-size:24rpx;font-weight:600;color:var(--view-theme)}.collection .collectList .item .text .money .num{font-size:30rpx}.collection .videoList{padding:0 4rpx 100rpx 4rpx}.collection .videoList .item{width:226rpx;height:300rpx;border-radius:8rpx;position:relative;margin-left:16rpx;margin-top:20rpx;position:relative;overflow:hidden}.collection .videoList .item image{width:100%;height:100%}.collection .videoList .item .checkbox{position:absolute;top:10rpx;left:10rpx;z-index:9}.collection .videoList .item checkbox .uni-checkbox-input{background-color:rgba(0,0,0,.16)}.collection .videoList .item checkbox .wx-checkbox-input{background-color:rgba(0,0,0,.16)}.collection .videoList .item .like{position:absolute;color:#fff;bottom:0;font-weight:400;font-size:20rpx;left:0;width:226rpx;height:100rpx;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.25));border-radius:0 0 8rpx 8rpx;padding:0 0 14rpx 14rpx}.collection .videoList .item .like .iconfont{font-size:24rpx;margin-right:6rpx}.collection .footer{box-sizing:border-box;padding:0 30rpx;width:100%;height:96rpx;box-shadow:0 -4px 20px 0 rgba(0,0,0,.06);background-color:#fff;position:fixed;bottom:0;z-index:30;height:calc(96rpx + constant(safe-area-inset-bottom));height:calc(96rpx + env(safe-area-inset-bottom));padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);width:100%;left:0}.collection .footer .bnt{width:160rpx;height:60rpx;border-radius:30rpx;border:1rpx solid #ccc;color:#666}.collection .footer .bnt.on{border:1rpx solid var(--view-theme);margin-left:16rpx;color:var(--view-theme)}
|