Files
mp-weixin-2285-xcx.aigc-qui…/components/diy-components/diy-seckill.wxss
2025-12-20 08:34:16 +08:00

1 line
12 KiB
Plaintext

scroll-view ::-webkit-scrollbar{width:0;height:0;background-color:initial;touch-action:none}.uni-scroll-view ::-webkit-scrollbar{display:none;width:0;height:0;color:transparent;background:transparent}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent;background:transparent}.diy-seckill{overflow:hidden}.diy-seckill .title-wrap.style-1{display:flex;justify-content:space-between;align-items:center;padding:20rpx}.diy-seckill .title-wrap.style-1 .time{display:flex;align-items:center;line-height:1;margin-right:auto;margin-left:20rpx}.diy-seckill .title-wrap.style-1 .time .seckill-title-name{margin-right:10rpx;font-size:24rpx}.diy-seckill .title-wrap.style-1 .time .number{display:flex;align-items:center;justify-content:center;padding:4rpx;min-width:38rpx;height:36rpx;box-sizing:border-box;font-size:24rpx;border-radius:6rpx}.diy-seckill .title-wrap.style-1 .time .symbol{margin:0 6rpx}.diy-seckill .title-wrap.style-1 .marketimg-box-title-right{display:flex;align-items:center}.diy-seckill .title-wrap.style-2{display:flex;justify-content:space-between;align-items:center;padding:20rpx}.diy-seckill .title-wrap.style-2 .seckill-style-name{margin-left:12rpx;margin-right:-12rpx;font-size:24rpx}.diy-seckill .title-wrap.style-2 .time{display:flex;align-items:center;line-height:1;margin-right:auto;margin-left:20rpx;border-radius:30rpx;padding:0 20rpx;height:44rpx;background-image:radial-gradient(transparent 50%,#fff);font-size:24rpx}.diy-seckill .title-wrap.style-2 .time .seckill-title-name{font-size:24rpx;background-image:radial-gradient(transparent 35%,#fff);border-radius:50%;position:relative;margin-left:-20rpx;height:44rpx;width:44rpx;line-height:44rpx;text-align:center;margin-right:6rpx}.diy-seckill .title-wrap.style-2 .marketimg-box-title-right{display:flex;align-items:center}.diy-seckill .title-wrap.style-3{display:flex;justify-content:space-between;align-items:center;padding:20rpx;border-radius:18rpx 18rpx 0 0;margin-bottom:20rpx;height:88rpx;box-sizing:border-box;background-repeat:no-repeat;background-size:cover}.diy-seckill .title-wrap.style-3 .title-img{height:40rpx}.diy-seckill .title-wrap.style-3 .time{display:flex;align-items:center;line-height:1;margin-right:auto;margin-left:20rpx}.diy-seckill .title-wrap.style-3 .time .seckill-title-name{position:relative;margin-right:10rpx;font-size:24rpx}.diy-seckill .title-wrap.style-3 .time .seckill-title-name::after{content:"";position:absolute;left:-10rpx;height:24rpx;width:2rpx;background-color:#fff}.diy-seckill .title-wrap.style-3 .time .number{display:flex;align-items:center;justify-content:center;padding:4rpx;min-width:38rpx;height:36rpx;box-sizing:border-box;font-size:24rpx;border-radius:6rpx}.diy-seckill .title-wrap.style-3 .time .symbol{margin:0 6rpx}.diy-seckill .title-wrap.style-3 .marketimg-box-title-right{display:flex;align-items:center}.diy-seckill .title-wrap.style-4{display:flex;justify-content:space-between;align-items:center;padding:20rpx;border-radius:18rpx 18rpx 0 0;margin-bottom:20rpx;height:88rpx;box-sizing:border-box;background-repeat:no-repeat;background-size:cover}.diy-seckill .title-wrap.style-4 .title-img{height:40rpx}.diy-seckill .title-wrap.style-4 .time{display:flex;align-items:center;line-height:1}.diy-seckill .title-wrap.style-4 .time .seckill-title-name{position:relative;margin-right:20rpx;font-size:24rpx}.diy-seckill .title-wrap.style-4 .time .number{display:flex;align-items:center;justify-content:center;padding:4rpx;min-width:38rpx;height:36rpx;box-sizing:border-box;font-size:24rpx;border-radius:6rpx}.diy-seckill .title-wrap.style-4 .time .symbol{margin:0 6rpx}.diy-seckill .title-wrap.style-4 .marketimg-box-title-right{display:flex;align-items:center}.diy-seckill.row1-of1 .item{display:flex;padding:20rpx}.diy-seckill.row1-of1 .item.shadow{margin:8rpx 8rpx 20rpx 8rpx}.diy-seckill.row1-of1 .item:last-child{margin-bottom:0}.diy-seckill.row1-of1 .item .img-wrap{width:200rpx;height:200rpx}.diy-seckill.row1-of1 .item .img-wrap image{width:200rpx}.diy-seckill.row1-of1 .item .content{display:flex;justify-content:space-between;flex-direction:column;flex:1;margin:10rpx 0 10rpx 20rpx}.diy-seckill.row1-of1 .item .content .goods-name.multi-hidden{line-height:1.3}.diy-seckill.row1-of1 .item .content .progress{display:flex;align-items:center}.diy-seckill.row1-of1 .item .content .progress .bg{width:240rpx;height:20rpx;border-radius:20rpx;margin-right:20rpx;background-color:#fcecd7}.diy-seckill.row1-of1 .item .content .progress .bg .curr{height:20rpx;border-radius:20rpx;background-color:#fdbe6c}.diy-seckill.row1-of1 .item .content .progress .num{font-size:24rpx;color:#909399}.diy-seckill.row1-of1 .item .content .bottom-wrap{display:flex;justify-content:space-between;align-items:center}.diy-seckill.row1-of1 .item .content .bottom-wrap .price-wrap{overflow:hidden;display:flex;align-items:baseline;flex-wrap:wrap;width:260rpx;font-size:24rpx}.diy-seckill.row1-of1 .item .content .bottom-wrap .price-wrap .discount-price{font-weight:700;margin-right:10rpx;line-height:1}.diy-seckill.row1-of1 .item .content .bottom-wrap .price-wrap .unit{font-size:24rpx;color:var(--price-color)}.diy-seckill.row1-of1 .item .content .bottom-wrap .price-wrap .price{font-size:32rpx;color:var(--price-color)}.diy-seckill.row1-of1 .item .content .bottom-wrap .original-price{margin-top:4rpx;font-size:24rpx;text-decoration:line-through;line-height:1;color:#909399}.diy-seckill.row1-of1 .item .content .bottom-wrap button{min-width:112rpx;height:52rpx;line-height:52rpx;background-color:var(--base-color);color:#fff;margin:0;padding:0 20rpx;font-size:24rpx;font-weight:700}.diy-seckill.row1-of1.style-1 .progress .bg{overflow:hidden}.diy-seckill.row1-of1.style-2 .item{overflow:hidden;position:relative;padding:16rpx}.diy-seckill.row1-of1.style-2 .item .img-wrap{position:relative;overflow:hidden}.diy-seckill.row1-of1.style-2 .item .bottom-wrap .price-font{color:#999;font-size:24rpx}.diy-seckill.row1-of1.style-2 .item .content .progress .num{color:#ff3d3d}.diy-seckill.row1-of1.style-2 .item .content .progress .bg{background-color:#ffd5d5}.diy-seckill.row1-of1.style-2 .item .content .progress .bg .curr{position:relative;background-color:#ff0400!important}.diy-seckill.row1-of1.style-2 .item .progress-bar{position:absolute;right:-24rpx;width:30rpx;height:30rpx;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.diy-seckill.row1-of1.style-2 .item .price-wrap{flex-direction:column-reverse}.diy-seckill.row1-of2.style-1 .content-wrap{display:flex;flex-wrap:wrap;justify-content:space-between}.diy-seckill.row1-of2.style-1 .item{overflow:hidden;width:calc(50% - 10rpx);display:flex;flex-direction:column;box-sizing:border-box;margin-bottom:20rpx}.diy-seckill.row1-of2.style-1 .item:nth-child(2n){margin-right:0}.diy-seckill.row1-of2.style-1 .item:nth-of-type(1), .diy-seckill.row1-of2.style-1 .item:nth-of-type(2){margin-top:0}.diy-seckill.row1-of2.style-1 .item.shadow{width:calc(50% - 18rpx);margin-top:20rpx}.diy-seckill.row1-of2.style-1 .item.shadow:nth-of-type(1), .diy-seckill.row1-of2.style-1 .item.shadow:nth-of-type(2){margin-top:8rpx}.diy-seckill.row1-of2.style-1 .item.shadow:nth-child(2n-1){margin-left:8rpx}.diy-seckill.row1-of2.style-1 .item .img-wrap image{width:100%}.diy-seckill.row1-of2.style-1 .item .content{display:flex;flex-direction:column;flex:1;padding:10rpx 20rpx;position:relative}.diy-seckill.row1-of2.style-1 .item .content .goods-name{font-size:26rpx;line-height:1.5;margin-bottom:10rpx}.diy-seckill.row1-of2.style-1 .item .content .discount-price{margin-top:auto;line-height:1;white-space:nowrap;font-weight:700}.diy-seckill.row1-of2.style-1 .item .content .discount-price .unit{display:inline-block;font-size:24rpx;color:var(--price-color)}.diy-seckill.row1-of2.style-1 .item .content .discount-price .price{font-size:32rpx;color:var(--price-color)}.diy-seckill.row1-of2.style-1 .item .content .bottom-wrap{display:flex;justify-content:space-between;align-items:flex-end}.diy-seckill.row1-of2.style-1 .item .content .bottom-wrap .original-price{font-size:22rpx;text-decoration:line-through;color:#909399}.diy-seckill.row1-of2.style-1 .item .content .bottom-wrap button{min-width:112rpx;width:auto;height:52rpx;line-height:52rpx;background-color:var(--base-color);color:#fff;margin:0;padding:0 20rpx;font-size:24rpx;font-weight:700}.diy-seckill.horizontal-slide.style-1 .scroll{width:calc(100% - 40rpx);padding:0 20rpx 20rpx;line-height:1;white-space:nowrap}.diy-seckill.horizontal-slide.style-1 .flex-between{justify-content:space-between}.diy-seckill.horizontal-slide.style-1 .item{display:inline-block;width:200rpx;overflow:hidden;box-sizing:border-box}.diy-seckill.horizontal-slide.style-1 .item:nth-child(3n + 3){width:198rpx}.diy-seckill.horizontal-slide.style-1 .item.shadow{margin-top:8rpx}.diy-seckill.horizontal-slide.style-1 .item .img-wrap{width:200rpx;height:200rpx;position:relative;overflow:hidden;margin:0 auto}.diy-seckill.horizontal-slide.style-1 .item .img-wrap > image{width:200rpx}.diy-seckill.horizontal-slide.style-1 .item .content{padding:10rpx;display:flex;flex-direction:column;justify-content:space-between}.diy-seckill.horizontal-slide.style-1 .item .content .goods-name{line-height:1.3}.diy-seckill.horizontal-slide.style-1 .item .content .goods-name.multi-hidden{white-space:break-spaces}.diy-seckill.horizontal-slide.style-1 .item .content .discount-price{margin-top:10rpx;white-space:nowrap;font-weight:700;line-height:1}.diy-seckill.horizontal-slide.style-1 .item .content .discount-price .unit{display:inline-block;font-size:24rpx;color:var(--price-color)}.diy-seckill.horizontal-slide.style-1 .item .content .discount-price .price{font-size:32rpx;color:var(--price-color)}.diy-seckill.horizontal-slide.style-1 .item .content .original-price{line-height:1;font-size:24rpx;text-decoration:line-through;color:#909399}.diy-seckill.horizontal-slide.style-1 .swiper{width:100%;white-space:nowrap;padding:0 20rpx 20rpx;box-sizing:border-box}.diy-seckill.horizontal-slide.style-1 .swiper .swiper-item{display:flex;align-items:baseline}.diy-seckill.horizontal-slide.style-1 .swiper .item{width:200rpx;box-sizing:border-box}.diy-seckill.horizontal-slide.style-2 .scroll{width:calc(100% - 40rpx);padding:0 20rpx 20rpx;line-height:1;white-space:nowrap}.diy-seckill.horizontal-slide.style-2 .flex-between{justify-content:space-between}.diy-seckill.horizontal-slide.style-2 .item{display:inline-block;width:200rpx;overflow:hidden;box-sizing:border-box}.diy-seckill.horizontal-slide.style-2 .item:nth-child(3n + 3){width:198rpx}.diy-seckill.horizontal-slide.style-2 .item.shadow{margin-top:8rpx}.diy-seckill.horizontal-slide.style-2 .item .img-wrap{width:200rpx;height:200rpx;position:relative;overflow:hidden;margin:0 auto}.diy-seckill.horizontal-slide.style-2 .item .img-wrap > image{width:200rpx}.diy-seckill.horizontal-slide.style-2 .item .content{padding:10rpx 30rpx;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.diy-seckill.horizontal-slide.style-2 .item .content .goods-name{line-height:1.3}.diy-seckill.horizontal-slide.style-2 .item .content .goods-name.multi-hidden{white-space:break-spaces}.diy-seckill.horizontal-slide.style-2 .item .content .discount-price{margin-top:10rpx;white-space:nowrap;font-weight:700;line-height:1;background:linear-gradient(90deg,#ff5f17,#fe2f18);padding:4rpx 4rpx 4rpx 10rpx;border-top-right-radius:10rpx;border-bottom-right-radius:10rpx;position:relative}.diy-seckill.horizontal-slide.style-2 .item .content .discount-price .tag{display:block;position:absolute;width:26rpx;left:-10rpx;top:0}.diy-seckill.horizontal-slide.style-2 .item .content .discount-price .unit{display:inline-block;font-size:26rpx!important;color:#fff!important}.diy-seckill.horizontal-slide.style-2 .item .content .discount-price .price{font-size:26rpx!important;color:#fff!important;margin-left:6rpx}.diy-seckill.horizontal-slide.style-2 .item .content .original-price{line-height:1;font-size:24rpx;text-decoration:line-through;color:#909399;margin-top:10rpx}.diy-seckill.horizontal-slide.style-2 .swiper{width:100%;white-space:nowrap;padding:0 20rpx 20rpx;box-sizing:border-box}.diy-seckill.horizontal-slide.style-2 .swiper .swiper-item{display:flex;align-items:baseline}.diy-seckill.horizontal-slide.style-2 .swiper .item{width:200rpx;box-sizing:border-box}