diff --git a/pages/specialArea/index.vue b/pages/specialArea/index.vue index a6bd015..6dec249 100644 --- a/pages/specialArea/index.vue +++ b/pages/specialArea/index.vue @@ -91,7 +91,13 @@ export default { }, ], }, - + { + label: '秒杀专区', + value: 14, + name: 'live', + isShow: true, + children: [], + }, { label: '复购专区', value: 3, diff --git a/pages/specialArea/list.vue b/pages/specialArea/list.vue index 7f572f3..8ba0a0b 100644 --- a/pages/specialArea/list.vue +++ b/pages/specialArea/list.vue @@ -78,129 +78,133 @@ class="goodList_i" @tap="goDetails(item)" > - - - - - - - {{ item.warnMessage }} - - - - - - {{ - item.prefixLabelTarget.label - }} - {{ item.waresName }} - - - + - - - 库存剩余 - + class="fly" + v-show="item.preSaleStatus == 3 || item.isSale == 1" + > + + + + - {{ getInventoryPercentage(item.inventory) }}% - - - - - - + {{ item.warnMessage }} - - 业绩:{{ item.waresAchieve | numberToCurrency }} - - - 积分可抵扣:{{ item.deductMoney | numberToCurrency }} - - - 业绩:{{ item.waresAchieve | numberToCurrency }} - - - BV:{{ item.assAchieve | numberToCurrency }} - - - - - {{ item.vipPrice | numberToCurrency }} + + + + {{ item.prefixLabelTarget.label }} + {{ item.waresName }} + - - {{ item.waresPrice | numberToCurrency }} + + + + + + + + + + 剩余{{ getInventoryPercentage(item.inventory) }}% + + + + + + + 业绩:{{ item.waresAchieve | numberToCurrency }} + + + 积分可抵扣:{{ item.deductMoney | numberToCurrency }} + + + 业绩:{{ item.waresAchieve | numberToCurrency }} + + + BV:{{ item.assAchieve | numberToCurrency }} + + + {{ item.vipPrice | numberToCurrency }} + + + {{ item.waresPrice | numberToCurrency }} + + + + + + - - - - @@ -730,22 +734,21 @@ export default { overflow-y: auto; .goodList_i { - display: flex; + // display: flex; border-bottom: 1px solid #eee; - padding: 30rpx 0; + padding: 20rpx 0 10rpx; position: relative; .goodList_ir { - margin-left: 24rpx; flex: 1; display: flex; flex-direction: column; justify-content: space-between; - font-size: 28rpx; + font-size: 30rpx; font-family: Microsoft YaHei; font-weight: 400; color: #333333; - + margin-left: 24rpx; .goodList_ib { display: flex; align-items: center; @@ -880,12 +883,16 @@ export default { /* 库存进度条样式 - 升级版 */ .inventory-progress-container { - margin-top: 10rpx; + // margin-bottom: 10rpx; + display: flex; + align-items: center; + width: 100%; .inventory-header { display: flex; justify-content: space-between; align-items: center; - margin-bottom: 12rpx; + margin-right: 10rpx; + // margin-bottom: 12rpx; .inventory-label { display: flex; @@ -903,37 +910,38 @@ export default { color: #333; } } + } + .inventory-percentage { + font-size: 24rpx; + font-weight: 700; + font-family: + DIN Alternate, + Arial, + sans-serif; - .inventory-percentage { - font-size: 24rpx; - font-weight: 700; - font-family: - DIN Alternate, - Arial, - sans-serif; + &.percentage-critical { + color: #ff3742; + animation: percentageBlink 1s ease-in-out infinite; + text-shadow: 0 0 10rpx rgba(255, 55, 66, 0.3); + } - &.percentage-critical { - color: #ff3742; - animation: percentageBlink 1s ease-in-out infinite; - text-shadow: 0 0 10rpx rgba(255, 55, 66, 0.3); - } + &.percentage-urgent { + color: #ff5252; + animation: percentageGlow 2s ease-in-out infinite; + } - &.percentage-urgent { - color: #ff5252; - animation: percentageGlow 2s ease-in-out infinite; - } - - &.percentage-normal { - color: #005bac; - } + &.percentage-normal { + color: #005bac; } } .inventory-progress-bar { - width: 100%; - height: 16rpx; + width: 0; + flex: 1; + height: 18rpx; + margin-right: 10rpx; background: rgba(0, 0, 0, 0.08); - border-radius: 8rpx; + border-radius: 12rpx; overflow: hidden; position: relative; box-shadow: inset 0 2rpx 4rpx rgba(0, 0, 0, 0.1);