diff --git a/pages/activity/seckill/list.vue b/pages/activity/seckill/list.vue index a1714bba..23e9e33a 100644 --- a/pages/activity/seckill/list.vue +++ b/pages/activity/seckill/list.vue @@ -1,385 +1,433 @@ + // 时间段列表 + .time-list { + width: 596rpx; + white-space: nowrap; + + // 时间段 + .item { + display: inline-block; + font-size: 20rpx; + color: #666; + text-align: center; + box-sizing: border-box; + margin-right: 30rpx; + width: 130rpx; + + // 开始时间 + .time { + font-size: 36rpx; + font-weight: 600; + color: #333; + } + + // 选中的时间段 + &.active { + .time { + color: var(--ui-BG-Main); + } + + // 状态 + .status { + height: 30rpx; + line-height: 30rpx; + border-radius: 15rpx; + width: 128rpx; + background: linear-gradient(90deg, var(--ui-BG-Main) 0%, var(--ui-BG-Main-gradient) 100%); + color: #fff; + } + } + } + } + + // 内容区 + .list-content { + position: relative; + z-index: 3; + margin: 0 20rpx 0 20rpx; + background: #fff; + border-radius: 20rpx 20rpx 0 0; + + .content-header { + width: 100%; + border-radius: 20rpx 20rpx 0 0; + height: 150rpx; + background: linear-gradient(180deg, #fff4f7, #ffe6ec); + + .content-header-box { + width: 678rpx; + height: 64rpx; + background: rgba($color: #fff, $alpha: 0.66); + border-radius: 32px; + + // 场次倒计时内容 + .countdown-title { + font-size: 28rpx; + font-weight: 500; + color: #333333; + line-height: 28rpx; + } + + // 场次倒计时 + .countdown-time { + font-size: 28rpx; + color: rgba(#ed3c30, 0.23); + + // 场次倒计时:小时部分 + .countdown-h { + font-size: 24rpx; + font-family: OPPOSANS; + font-weight: 500; + color: #ffffff; + padding: 0 4rpx; + height: 40rpx; + background: rgba(#ed3c30, 0.23); + border-radius: 6rpx; + } + + // 场次倒计时:分钟、秒 + .countdown-num { + font-size: 24rpx; + font-family: OPPOSANS; + font-weight: 500; + color: #ffffff; + width: 40rpx; + height: 40rpx; + background: rgba(#ed3c30, 0.23); + border-radius: 6rpx; + } + } + } + } + + // 活动列表 + .scroll-box { + height: 900rpx; + + // 活动 + .goods-box { + position: relative; + + // 抢购按钮 + .cart-btn { + position: absolute; + bottom: 10rpx; + right: 20rpx; + z-index: 11; + height: 44rpx; + line-height: 50rpx; + padding: 0 20rpx; + border-radius: 25rpx; + font-size: 24rpx; + color: #fff; + background: linear-gradient(90deg, #ff6600 0%, #fe832a 100%); + + &.disabled { + background: $gray-b; + color: #fff; + } + } + + // 秒杀限量商品数 + .limit { + font-size: 22rpx; + color: $dark-9; + margin-bottom: 5rpx; + } + } + } + } + \ No newline at end of file diff --git a/pages/goods/index.vue b/pages/goods/index.vue index 11a45958..ea2d6d03 100644 --- a/pages/goods/index.vue +++ b/pages/goods/index.vue @@ -207,7 +207,7 @@ // 立即购买 function onBuy(e) { - if (!state.selectedSku.id) { + if (!e.id) { sheep.$helper.toast('请选择商品规格'); return; } @@ -536,7 +536,7 @@ } .disContT1 { - width: 300rpx; + width: 400rpx; height: 50rpx; // background-color: green; display: flex; @@ -545,10 +545,10 @@ } .disContT2 { - width: 300rpx; + width: 200rpx; height: 50rpx; line-height: 50rpx; - // background-color: green; + // background-color: gold; font-size: 30rpx; text-align: end; color: white; diff --git a/pages/goods/seckill.vue b/pages/goods/seckill.vue index 3d42a2bf..cc606ef4 100644 --- a/pages/goods/seckill.vue +++ b/pages/goods/seckill.vue @@ -1,558 +1,552 @@ + .activity-title { + font-size: 26rpx; + font-weight: 500; + color: #ffffff; + line-height: 42rpx; + + .activity-icon { + width: 38rpx; + height: 38rpx; + } + } + + .activity-go { + width: 70rpx; + height: 32rpx; + background: #ffffff; + border-radius: 16rpx; + font-weight: 500; + color: #ff6000; + font-size: 24rpx; + line-height: normal; + } + } + + .model-box { + .title { + font-size: 36rpx; + font-weight: bold; + color: #333333; + } + + .subtitle { + font-size: 26rpx; + font-weight: 500; + color: #333333; + } + } + + image { + width: 100%; + height: 100%; + } + \ No newline at end of file diff --git a/pages/order/confirm.vue b/pages/order/confirm.vue index 4f01bcb8..b52d0f12 100644 --- a/pages/order/confirm.vue +++ b/pages/order/confirm.vue @@ -1,462 +1,433 @@ + .cicon-box { + font-size: 36rpx; + color: #999999; + } + \ No newline at end of file diff --git a/pages/order/list.vue b/pages/order/list.vue index 926ecfde..6f19e8f2 100644 --- a/pages/order/list.vue +++ b/pages/order/list.vue @@ -1,495 +1,466 @@ + .info-color { + color: #999999; + } + \ No newline at end of file diff --git a/sheep/components/s-activity-pop/s-activity-pop.vue b/sheep/components/s-activity-pop/s-activity-pop.vue index 4baf41d9..e492f560 100644 --- a/sheep/components/s-activity-pop/s-activity-pop.vue +++ b/sheep/components/s-activity-pop/s-activity-pop.vue @@ -3,7 +3,7 @@ 优惠 - + 促销 diff --git a/sheep/components/s-select-sku/s-select-sku.vue b/sheep/components/s-select-sku/s-select-sku.vue index 48bd9f65..92782102 100644 --- a/sheep/components/s-select-sku/s-select-sku.vue +++ b/sheep/components/s-select-sku/s-select-sku.vue @@ -124,6 +124,7 @@ // 加入购物车 function onAddCart() { + console.log('购物车',state.selectedSku) if (state.selectedSku.id <= 0) { sheep.$helper.toast('请选择规格'); return; diff --git a/sheep/util/const.js b/sheep/util/const.js index 9cf98bf3..d11dd9f1 100644 --- a/sheep/util/const.js +++ b/sheep/util/const.js @@ -100,6 +100,7 @@ export const WxaSubscribeTemplate = { export const getTimeStatusEnum = (startTime, endTime) => { const now = dayjs(); + console.log('处理的数据',now,startTime,endTime) if (now.isBefore(startTime)) { return TimeStatusEnum.WAIT_START; } else if (now.isAfter(endTime)) {