|
|
@@ -37,7 +37,7 @@
|
|
|
<img src="@/assets/images/index/split.png" alt="" />
|
|
|
</div>
|
|
|
<!-- 热门抢购 -->
|
|
|
- <div class=" goods_box">
|
|
|
+ <div class="goods_box">
|
|
|
<!-- <div class="title">
|
|
|
<div class="flex">
|
|
|
<img src="@/assets/images/index/hot.png" class="good_icon" />
|
|
|
@@ -57,18 +57,14 @@
|
|
|
<span class="money"
|
|
|
>{{ item.price }}<span class="ssm">{{ $t('lang174') }}</span></span
|
|
|
>
|
|
|
- <div class="yel" v-if="item.status == 1">
|
|
|
- <van-count-down
|
|
|
- class="count"
|
|
|
- :time="item.end_time * 1000 - new Date().getTime()"
|
|
|
- :format="`${$t('lang8')} DD ${$t('lang9')} HH ${$t('lang10')} mm ${$t('lang11')} ss ${$t('lang12')}`"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div class="yel" style="background-color: #f1f1f1" v-else-if="item.status == 0">
|
|
|
- <span class="count" style="color: #aaa">{{ $t('lang72') }}</span>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- <span class="time_text">{{ $t('lang6') }} {{ item.cost_price }}{{ $t('lang174') }}</span>
|
|
|
+ <!-- <span class="time_text">{{ $t('lang6') }} {{ item.cost_price }}{{ $t('lang174') }}</span> -->
|
|
|
+ <div class="yel" v-if="item.status == 1">
|
|
|
+ <van-count-down class="count" :time="item.end_time * 1000 - new Date().getTime()" :format="`${$t('lang8')} DD ${$t('lang9')} HH ${$t('lang10')} mm ${$t('lang11')} ss ${$t('lang12')}`" />
|
|
|
+ </div>
|
|
|
+ <div class="yel" style="background-color: #f1f1f1" v-else-if="item.status == 0">
|
|
|
+ <span class="count" style="color: #aaa">{{ $t('lang72') }}</span>
|
|
|
+ </div>
|
|
|
<div class="progress">
|
|
|
<van-progress :percentage="((item.num + item.init_num) / item.stock) * 100 || 0" class="pro" color="#29b286" :show-pivot="false" />
|
|
|
<span>{{ item.num + item.init_num }}/{{ item.stock }}{{ $t('lang7') }}</span>
|
|
|
@@ -571,13 +567,14 @@ export default {
|
|
|
font-weight: normal;
|
|
|
}
|
|
|
.yel {
|
|
|
- background-color: #f9f6e5;
|
|
|
font-weight: normal;
|
|
|
- margin-left: 8px;
|
|
|
- padding: 0px 8px;
|
|
|
- border-radius: 16px;
|
|
|
white-space: nowrap;
|
|
|
line-height: 100%;
|
|
|
+ width: fit-content;
|
|
|
+ // margin-left: 8px;
|
|
|
+ padding: 0px 8px;
|
|
|
+ border-radius: 16px;
|
|
|
+ background-color: #f9f6e5;
|
|
|
.count {
|
|
|
color: #f7c35d;
|
|
|
font-size: 9px;
|