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 }}
-
-
-
+
-
+
+
+
+
- {{ 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);