|
|
@ -9,7 +9,10 @@ |
|
|
|
<view class="limitTitle"> |
|
|
|
<view class="limitTitle"> |
|
|
|
<image src="/static/seckill/limit.png" mode="" class="img"></image> |
|
|
|
<image src="/static/seckill/limit.png" mode="" class="img"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="time" v-if="tabbar.length"> |
|
|
|
<view class="time" v-if="tabbar.length"> |
|
|
|
|
|
|
|
<scroll-view class="typeList" scroll-x="true"> |
|
|
|
|
|
|
|
<view class="" style="display: flex;"> |
|
|
|
<view class="timeItem" v-for="(item,index) in tabbar" :key="index"> |
|
|
|
<view class="timeItem" v-for="(item,index) in tabbar" :key="index"> |
|
|
|
<view class="num"> |
|
|
|
<view class="num"> |
|
|
|
{{item.active_time}} |
|
|
|
{{item.active_time}} |
|
|
@ -18,8 +21,10 @@ |
|
|
|
{{item.status_text}} |
|
|
|
{{item.status_text}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
</scroll-view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="main"> |
|
|
|
<view class="main"> |
|
|
|
<view class="over" v-if="tabbar.length"> |
|
|
|
<view class="over" v-if="tabbar.length"> |
|
|
@ -125,7 +130,7 @@ |
|
|
|
background: 'url(https://www.royaum.com.cn/static/rank/rank1.png) center top no-repeat', |
|
|
|
background: 'url(https://www.royaum.com.cn/static/rank/rank1.png) center top no-repeat', |
|
|
|
backgroundSize: '100% auto', |
|
|
|
backgroundSize: '100% auto', |
|
|
|
}, |
|
|
|
}, |
|
|
|
backgroundImg:'', |
|
|
|
backgroundImg: '', |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
/** |
|
|
|
/** |
|
|
@ -159,8 +164,8 @@ |
|
|
|
.then(result => { |
|
|
|
.then(result => { |
|
|
|
app.tabbar = result.data.tabbar; |
|
|
|
app.tabbar = result.data.tabbar; |
|
|
|
app.goodsList = result.data.goodsList.data |
|
|
|
app.goodsList = result.data.goodsList.data |
|
|
|
if(app.goodsList && app.goodsList.length > 0){ |
|
|
|
if (app.goodsList && app.goodsList.length > 0) { |
|
|
|
app.goodsList.map(a=>{ |
|
|
|
app.goodsList.map(a => { |
|
|
|
a.original_price = Number(a.original_price) |
|
|
|
a.original_price = Number(a.original_price) |
|
|
|
a.seckill_price_max = Number(a.seckill_price_max) |
|
|
|
a.seckill_price_max = Number(a.seckill_price_max) |
|
|
|
a.seckill_price_min = Number(a.seckill_price_min) |
|
|
|
a.seckill_price_min = Number(a.seckill_price_min) |
|
|
@ -244,9 +249,12 @@ |
|
|
|
|
|
|
|
|
|
|
|
// 跳转到秒杀商品详情 |
|
|
|
// 跳转到秒杀商品详情 |
|
|
|
handleTargetGoods(sharpGoodsId) { |
|
|
|
handleTargetGoods(sharpGoodsId) { |
|
|
|
let count_down_time = new Date(this.tabbar[this.curTabIndex].count_down_time.replace(/-/g, '/')).getTime()-new Date().getTime() |
|
|
|
let count_down_time = new Date(this.tabbar[this.curTabIndex].count_down_time.replace(/-/g, '/')) |
|
|
|
|
|
|
|
.getTime() - new Date().getTime() |
|
|
|
uni.navigateTo({ |
|
|
|
uni.navigateTo({ |
|
|
|
url: '/pages/goods/detail?goodsId=' + sharpGoodsId+"&isSeckill="+true+'&isBuy='+count_down_time+'&seckillText='+(this.tabbar[this.curTabIndex].status == this.ActiveStatusEnum.STATE_BEGIN.value ? '结束' : '开始' ) |
|
|
|
url: '/pages/goods/detail?goodsId=' + sharpGoodsId + "&isSeckill=" + true + '&isBuy=' + |
|
|
|
|
|
|
|
count_down_time + '&seckillText=' + (this.tabbar[this.curTabIndex].status == this |
|
|
|
|
|
|
|
.ActiveStatusEnum.STATE_BEGIN.value ? '结束' : '开始') |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
@ -325,13 +333,18 @@ |
|
|
|
.time { |
|
|
|
.time { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
width: 100%; |
|
|
|
padding: 0 24rpx; |
|
|
|
justify-content: space-around; |
|
|
|
align-items: center; |
|
|
|
z-index: 30; |
|
|
|
z-index: 30; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.typeList { |
|
|
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.timeItem { |
|
|
|
.timeItem { |
|
|
|
|
|
|
|
margin-right: 15rpx; |
|
|
|
.num { |
|
|
|
.num { |
|
|
|
width: 150rpx; |
|
|
|
width: 135rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
color: #FFFFFF; |
|
|
|
color: #FFFFFF; |
|
|
@ -342,7 +355,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.desc { |
|
|
|
.desc { |
|
|
|
width: 150rpx; |
|
|
|
width: 135rpx; |
|
|
|
height: 36rpx; |
|
|
|
height: 36rpx; |
|
|
|
background: #FFFFFF; |
|
|
|
background: #FFFFFF; |
|
|
|
border-radius: 62rpx 62rpx 62rpx 62rpx; |
|
|
|
border-radius: 62rpx 62rpx 62rpx 62rpx; |
|
|
@ -412,6 +425,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
.goodsList { |
|
|
|
.goodsList { |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
|
|
.goodItem { |
|
|
|
.goodItem { |
|
|
|
width: 686rpx; |
|
|
|
width: 686rpx; |
|
|
|
height: 342rpx; |
|
|
|
height: 342rpx; |
|
|
@ -422,10 +436,12 @@ |
|
|
|
padding: 48rpx 32rpx 36rpx 0; |
|
|
|
padding: 48rpx 32rpx 36rpx 0; |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
margin-top: 22rpx; |
|
|
|
margin-top: 22rpx; |
|
|
|
|
|
|
|
|
|
|
|
.itemImg { |
|
|
|
.itemImg { |
|
|
|
width: 258rpx; |
|
|
|
width: 258rpx; |
|
|
|
height: 258rpx; |
|
|
|
height: 258rpx; |
|
|
|
margin-right: 10rpx; |
|
|
|
margin-right: 10rpx; |
|
|
|
|
|
|
|
|
|
|
|
.goodsImg { |
|
|
|
.goodsImg { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
@ -456,6 +472,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
.info { |
|
|
|
.info { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
|
|
|
|
.price { |
|
|
|
.price { |
|
|
|
height: 40rpx; |
|
|
|
height: 40rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 28rpx; |
|
|
@ -474,6 +491,7 @@ |
|
|
|
background-image: url('https://www.royaum.com.cn/static/seckill/bottom.png'); |
|
|
|
background-image: url('https://www.royaum.com.cn/static/seckill/bottom.png'); |
|
|
|
background-size: 100% 100%; |
|
|
|
background-size: 100% 100%; |
|
|
|
margin: 0 12rpx 0 14rpx; |
|
|
|
margin: 0 12rpx 0 14rpx; |
|
|
|
|
|
|
|
|
|
|
|
.delText { |
|
|
|
.delText { |
|
|
|
width: 132rpx; |
|
|
|
width: 132rpx; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
@ -520,7 +538,8 @@ |
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
color: #FF423D; |
|
|
|
color: #FF423D; |
|
|
|
margin-left: 26rpx; |
|
|
|
margin-left: 26rpx; |
|
|
|
text{ |
|
|
|
|
|
|
|
|
|
|
|
text { |
|
|
|
font-size: 36rpx; |
|
|
|
font-size: 36rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|