You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
5.5 KiB
1 line
5.5 KiB
3 months ago
|
.coupon-wrap{background:var(--module-color)}.coupon1{padding:24rpx 0 24rpx 24rpx}.coupon1 .list{flex-wrap:nowrap}.coupon1 .item{flex-shrink:0;position:relative;width:156rpx;height:156rpx;border-radius:32rpx;margin-top:20rpx;margin-right:12rpx;background:var(--view-theme)}.coupon1 .item .text{width:144rpx;height:156rpx;padding-top:22rpx;border:2rpx solid #fceae9;border-radius:16rpx;margin:-20rpx auto 0;background:#fff}.coupon1 .item .money{height:40rpx;text-align:center;font-weight:500;font-size:28rpx;color:var(--view-theme)}.coupon1 .item .number{font-family:SemiBold;font-size:40rpx;line-height:40rpx}.coupon1 .item .info{margin-top:10rpx;text-align:center;font-size:18rpx;line-height:26rpx;color:#999}.coupon1 .item .button{position:absolute;right:0;bottom:0;left:0;height:76rpx;padding-top:28rpx;border-radius:0 0 32rpx 32rpx;background:linear-gradient(90deg,var(--view-theme),var(--view-gradient));text-align:center;font-weight:500;font-size:24rpx;color:#fff}.coupon1 .item .button::before{content:"";position:absolute;top:0;left:0;width:156rpx;height:20rpx;border:8rpx solid #fceae9;border-top-color:#fff;border-bottom-right-radius:78rpx 20rpx;border-bottom-left-radius:78rpx 20rpx;box-sizing:border-box;background:#fff}.coupon2{padding:24rpx 0 24rpx 24rpx}.coupon2 .list{flex-wrap:nowrap}.coupon2 .item{flex-shrink:0;width:204rpx;height:232rpx;padding-top:28rpx;border-radius:16rpx;margin-top:0;margin-right:12rpx;background:#fff}.coupon2 .name{text-align:center;font-weight:500;font-size:24rpx;line-height:34rpx;color:#333}.coupon2 .text{margin-top:8rpx;text-align:center;color:var(--view-theme)}.coupon2 .money{height:48rpx;font-weight:500;font-size:28rpx}.coupon2 .number{font-family:SemiBold;font-size:44rpx}.coupon2 .info{font-size:18rpx;line-height:26rpx}.coupon2 .button{width:136rpx;height:48rpx;border-radius:24rpx;margin:12rpx auto 0;background:linear-gradient(90deg,var(--view-theme),var(--view-gradient));text-align:center;font-weight:500;font-size:24rpx;line-height:48rpx;color:#fff}.coupon3{padding:24rpx 0 24rpx 24rpx;border-radius:16rpx}.coupon3 .list{flex-wrap:nowrap}.coupon3 .item{flex-shrink:0;width:274rpx;height:150rpx;border:1rpx solid var(--coupon3-color);border-radius:16rpx;margin-top:0;margin-right:12rpx;background:var(--coupon3-color)}.coupon3 .inner{height:100%;border-radius:15rpx;background:hsla(0,0%,100%,.9)}.coupon3 .text{flex:1;position:relative}.coupon3 .text::before{content:"";position:absolute;top:0;right:0;z-index:2;width:16rpx;height:16rpx;border:1rpx solid var(--coupon3-color);border-radius:50%;background:var(--module-color);-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.coupon3 .text::after{content:"";position:absolute;bottom:0;right:0;z-index:2;width:16rpx;height:16rpx;border:1rpx solid var(--coupon3-color);border-radius:50%;background:var(--module-color);-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.coupon3 .money{height:48rpx;text-align:center;font-weight:500;font-size:28rpx;color:var(--coupon3-color)}.coupon3 .number{font-family:SemiBold;font-size:44rpx}.coupon3 .info{margin-top:8rpx;text-align:center;font-size:24rpx;line-height:34rpx;color:var(--coupon3-color)}.coupon3 .button{position:relative;width:74rpx;padding:0 24rpx;font-size:26rpx;line-height:28rpx;color:var(--coupon3-color)}.coupon3 .button::before{content:"";position:absolute;top:12rpx;bottom:12rpx;left:0;border-left:1rpx dashed var(--coupon3-color)}.coupon5{padding:24rpx 0 24rpx 20rpx;border-radius:16rpx}.coupon5 .list{flex-wrap:nowrap}.coupon5 .item{flex-shrink:0;width:228rpx;height:108rpx;border-radius:12rpx;margin-right:12rpx;background:linear-gradient(0deg,var(--view-theme),var(--view-gradient))}.coupon5 .text{flex:1;border-radius:12rpx;background:radial-gradient(circle at left 54rpx,var(--module-color) 11rpx,hsla(0,0%,100%,.9) 0,hsla(0,0%,100%,.8) 100%) top}.coupon5 .money{height:48rpx;font-weight:500;font-size:28rpx;color:var(--view-theme)}.coupon5 .number{font-family:SemiBold;font-size:44rpx}.coupon5 .info{font-size:22rpx;line-height:30rpx;color:var(--view-theme)}.coupon5 .button{width:56rpx;p
|