|
|
@@ -56,21 +56,32 @@
|
|
|
</view>
|
|
|
<view class="hotGoodsLineRIght">
|
|
|
<view class="goodsName">{{item.name}}</view>
|
|
|
- <view class="Sold" >
|
|
|
- <view v-if="item.showLabel&&item.showLabel.indexOf('3')!=-1">
|
|
|
- 已售 {{item.saleQty}}
|
|
|
- </view>
|
|
|
+ <view class="timeTbox" v-if="item.goodsDownTime">
|
|
|
+ <view class="timeK" style="margin-left: 0;">{{item.shengyuD}}</view>
|
|
|
+ <view class="timeviewTxt" > 天</view>
|
|
|
+ <view class="timeK">{{item.shengyuH}}</view>
|
|
|
+ <view class="timeviewTxt"> 时</view>
|
|
|
+ <view class="timeK">{{item.shengyuM}}</view>
|
|
|
+ <view class="timeviewTxt" > 分 后结束抢购</view>
|
|
|
</view>
|
|
|
- <view class="goodsPrice">
|
|
|
- <view class="goodsPrice1">{{item.saleLabel}}</view>
|
|
|
- <view class="goodsPrice2">￥</view>
|
|
|
- <view class="goodsPrice3">{{item.salePrice?item.salePrice:item.scribingPrice}}
|
|
|
- <span v-if="item.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
|
|
|
- </view>
|
|
|
- <view class="goodsPrice4" v-if="item.showLabel&&item.scribingPrice">
|
|
|
- <span v-if="item.showLabel.indexOf('1')!=-1">￥{{item.scribingPrice}}</span>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="hotGoodsLineRIghtBottom">
|
|
|
+ <view class="goodsPrice">
|
|
|
+ <view class="goodsPrice1">{{item.saleLabel}}</view>
|
|
|
+ <view class="goodsPrice2">￥</view>
|
|
|
+ <view class="goodsPrice3">{{item.salePrice?item.salePrice:item.scribingPrice}}
|
|
|
+ <span v-if="item.categoryIds=='7B97D114-C419-42B2-9C1E-0B4CA284CDA0'">万</span>
|
|
|
+ </view>
|
|
|
+ <view class="goodsPrice4" v-if="item.showLabel&&item.scribingPrice">
|
|
|
+ <span v-if="item.showLabel.indexOf('1')!=-1">￥{{item.scribingPrice}}</span>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="Sold" >
|
|
|
+ <view v-if="item.showLabel&&item.showLabel.indexOf('3')!=-1">
|
|
|
+ 已售 {{item.saleQty}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
<nodata v-if="list.length==0"></nodata>
|
|
|
@@ -330,6 +341,7 @@
|
|
|
|
|
|
getlistOpenGoodsPage(){
|
|
|
uni.showLoading({ title: '加载中'});
|
|
|
+ var that=this;
|
|
|
this.$http('openMall/listOpenGoodsPage', {
|
|
|
page:this.page,
|
|
|
limit:this.limit,
|
|
|
@@ -340,12 +352,81 @@
|
|
|
unionId:this.ext.unionId
|
|
|
},'GET').then(res => {
|
|
|
uni.hideLoading();
|
|
|
+
|
|
|
+ res.data.Items.forEach(item=>{
|
|
|
+ if(item.goodsDownTime){
|
|
|
+ item.shengyuM=''
|
|
|
+ item.shengyuD=''
|
|
|
+ item.shengyuH=''
|
|
|
+ //console.log(item)
|
|
|
+ //that.clock(item)
|
|
|
+ let _this = this
|
|
|
+ let today = new Date() // 当前时间
|
|
|
+ let h = today.getHours()
|
|
|
+ let m = today.getMinutes()
|
|
|
+ let s = today.getSeconds()
|
|
|
+ let stopTime = new Date(item.goodsDownTime.replace(/-/g, '/')) // 结束时间
|
|
|
+ if (Number(new Date(item.goodsDownTime).getTime()) < Number(new Date().getTime())) {
|
|
|
+ this.activityEnd = true
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ let stopH = stopTime.getHours()
|
|
|
+ let stopM = stopTime.getMinutes()
|
|
|
+ let stopS = stopTime.getSeconds()
|
|
|
+ let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
|
|
|
+ let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
|
|
|
+ let D = parseInt(shenyu) - parseInt(shengyuD * 60 * 60 * 24 * 1000)// 除去天的毫秒数
|
|
|
+ let shengyuH = parseInt(D / (60 * 60 * 1000)) // 除去天的毫秒数转换成小时
|
|
|
+ let H = D - shengyuH * 60 * 60 * 1000 // 除去天、小时的毫秒数
|
|
|
+ let shengyuM = parseInt(H / (60 * 1000)) // 除去天的毫秒数转换成分钟
|
|
|
+ let M = H - shengyuM * 60 * 1000// 除去天、小时、分的毫秒数
|
|
|
+ let S = parseInt((shenyu - shengyuD * 60 * 60 * 24 * 1000 - shengyuH * 60 * 60 * 1000 - shengyuM * 60 * 1000) / 1000)// 除去天、小时、分的毫秒数转化为秒
|
|
|
+ item.shengyuM=shengyuM;
|
|
|
+ item.shengyuD=shengyuD;
|
|
|
+ item.shengyuH=shengyuH;
|
|
|
+ }
|
|
|
+ })
|
|
|
var data=res.data.Items;
|
|
|
- this.list=this.list.concat(data)
|
|
|
+ this.list=this.list.concat(data);
|
|
|
+ console.log(this.list)
|
|
|
})
|
|
|
- }
|
|
|
+ },
|
|
|
+ clock(item){
|
|
|
+ console.log(item)
|
|
|
+ if(!item){
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ let _this = this
|
|
|
+ let today = new Date() // 当前时间
|
|
|
+ let h = today.getHours()
|
|
|
+ let m = today.getMinutes()
|
|
|
+ let s = today.getSeconds()
|
|
|
+ let stopTime = new Date(item.goodsDownTime.replace(/-/g, '/')) // 结束时间
|
|
|
+ if (Number(new Date(item.goodsDownTime).getTime()) < Number(new Date().getTime())) {
|
|
|
+ this.activityEnd = true
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ let stopH = stopTime.getHours()
|
|
|
+ let stopM = stopTime.getMinutes()
|
|
|
+ let stopS = stopTime.getSeconds()
|
|
|
+ let shenyu = stopTime.getTime() - today.getTime() // 倒计时毫秒数
|
|
|
+ let shengyuD = parseInt(shenyu / (60 * 60 * 24 * 1000)) // 转换为天
|
|
|
+ let D = parseInt(shenyu) - parseInt(shengyuD * 60 * 60 * 24 * 1000)// 除去天的毫秒数
|
|
|
+ let shengyuH = parseInt(D / (60 * 60 * 1000)) // 除去天的毫秒数转换成小时
|
|
|
+ let H = D - shengyuH * 60 * 60 * 1000 // 除去天、小时的毫秒数
|
|
|
+ let shengyuM = parseInt(H / (60 * 1000)) // 除去天的毫秒数转换成分钟
|
|
|
+ let M = H - shengyuM * 60 * 1000// 除去天、小时、分的毫秒数
|
|
|
+ let S = parseInt((shenyu - shengyuD * 60 * 60 * 24 * 1000 - shengyuH * 60 * 60 * 1000 - shengyuM * 60 * 1000) / 1000)// 除去天、小时、分的毫秒数转化为秒
|
|
|
+ this.shengyuM=shengyuM;
|
|
|
+ this.shengyuD=shengyuD;
|
|
|
+ this.shengyuH=shengyuH;
|
|
|
+ setTimeout(_this.clock, 500)
|
|
|
+ },
|
|
|
|
|
|
},
|
|
|
+
|
|
|
onReachBottom(){
|
|
|
this.page++;
|
|
|
this.getlistOpenGoodsPage()
|
|
|
@@ -363,6 +444,42 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
+ .timeTbox{
|
|
|
+
|
|
|
+ height: 60rpx;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #764D49;
|
|
|
+
|
|
|
+ }
|
|
|
+ .timeviewTxt{
|
|
|
+ line-height: 41rpx;
|
|
|
+ padding-top: 10rpx;
|
|
|
+ }
|
|
|
+ .timeDivTxt{
|
|
|
+ line-height: 60rpx;
|
|
|
+ padding: 0 10rpx;
|
|
|
+ }
|
|
|
+ .timeK{
|
|
|
+ height: 41rpx;
|
|
|
+ line-height: 41rpx;
|
|
|
+ color: #FFFFFF;
|
|
|
+ width: 41rpx;
|
|
|
+ text-align: center;
|
|
|
+ background: #F03B3B;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ margin-top: 9rpx;
|
|
|
+ margin-left: 15rpx;
|
|
|
+ margin-right: 15rpx;
|
|
|
+ }
|
|
|
+.hotGoodsLineRIghtBottom{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 470rpx;
|
|
|
+}
|
|
|
.topbox{
|
|
|
position: fixed;
|
|
|
width: 750rpx;
|
|
|
@@ -531,7 +648,7 @@ z-index: 11;
|
|
|
font-weight: 400;
|
|
|
color: #999999;
|
|
|
font-size: 24rpx;
|
|
|
- padding-top: 8rpx;
|
|
|
+ padding-top: 20rpx;
|
|
|
line-height: 30rpx;
|
|
|
height: 30rpx;
|
|
|
}
|
