@@ -24,6 +24,7 @@ Page({ | |||
xingyun: imgurl.xingyun.url, | |||
jfshangcheng: imgurl.jfshangcheng.url, | |||
toutiao: imgurl.toutiao.url, | |||
mea: imgurl.mea.url, | |||
giftHr: imgurl.giftHr.url, | |||
giftHr: imgurl.giftHr.url, | |||
next: imgurl.next.url, | |||
@@ -588,6 +589,14 @@ Page({ | |||
url: '/pages/bargain/bargain' | |||
}) | |||
}, | |||
//限时抢购的详情页面 | |||
gotodetail: function (e) { | |||
wx.navigateTo({ | |||
url: `/pages/coupon/detail/index?couponChannelId=${ | |||
e.currentTarget.dataset.couponchannelid | |||
}&couponId=${e.currentTarget.dataset.couponid}` | |||
}); | |||
}, | |||
/** | |||
* 刷新 | |||
*/ | |||
@@ -68,7 +68,7 @@ | |||
</view> | |||
</view> | |||
<!-- 每日头条 限时抢购 --> | |||
<view class='toutiao' bindtap='gotoRushBuy' wx:if="{{showQg&&ifStoreApp!=1}}" > | |||
<!-- <view class='toutiao' bindtap='gotoRushBuy' wx:if="{{showQg&&ifStoreApp!=1}}" > | |||
<view class='imgBox'> | |||
<image src='{{toutiao}}' mode='aspectFill'></image> | |||
</view> | |||
@@ -77,10 +77,31 @@ | |||
<text>'{{xslist[0].title}}'</text>原价 <text>{{xslist[0].priceStr}}</text> 现价... | |||
</view> | |||
<view class='qg' style='border-color:{{qg}}'>抢购</view> | |||
</view> --> | |||
<!--限时抢购 --> | |||
<view class='toutiao1' wx:if="{{showQg&&ifStoreApp!=1}}" > | |||
<view class='xianshi' bindtap='gotoRushBuy'> | |||
<text>限时专区</text> | |||
<text>限时惊爆价 轻松拎回家</text> | |||
</view> | |||
<view class='xsCon'> | |||
<view wx:for="{{xslist}}" wx:key="index"> | |||
<view class='igBox'data-couponId="{{item.couponId}}" data-couponChannelId="{{item.id}}" data-targetAd="{{item.targetAd}}" bindtap='gotodetail'> | |||
<image src='{{xslist[index].coverImg}}' mode='widthFix' ></image> | |||
<view class='imTit'>{{xslist[index].title}}</view> | |||
</view> | |||
</view> | |||
<view> | |||
<view class='igBox' bindtap='gotoRushBuy'> | |||
<image src='{{mea}}' mode='widthFix' ></image> | |||
<view class='imTit'>更多...</view> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
<!-- 爆款专区 --> | |||
<c-hot id="hot"/> | |||
<view class='product' wx:if="{{showTopic}}" bindtap='gotoTopic'> | |||
<view class='product' wx:if="{{showTopic}}" bindtap='gotoRushBuyOne'> | |||
<image src='{{cover}}' mode='widthFix' ></image> | |||
</view> | |||
<c-coupons id="lists" bind:myevent="onGetCode" class="business" loadingtext="{{loadingtext}}" loading="{{loading}}" /> | |||
@@ -115,9 +115,6 @@ page { | |||
} | |||
.qrcode image { | |||
/* position: absolute; | |||
top: 0; | |||
bottom: 0; */ | |||
margin: 15rpx 20rpx 15rpx; | |||
z-index:100; | |||
} | |||
@@ -298,7 +295,6 @@ page { | |||
width: 100%; | |||
} | |||
.textBox{ | |||
/* display: block; */ | |||
width: 400rpx; | |||
height: 100%; | |||
float: left; | |||
@@ -418,8 +414,8 @@ progress{ | |||
} | |||
.toutiao{ | |||
width:710rpx; | |||
height: 82rpx; | |||
line-height: 82rpx; | |||
height: 128rpx; | |||
line-height: 128rpx; | |||
margin:0 auto; | |||
background: #FFF; | |||
box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1); | |||
@@ -428,6 +424,86 @@ progress{ | |||
margin-bottom:18rpx; | |||
position: relative; | |||
} | |||
.toutiao1{ | |||
width:710rpx; | |||
height: 128rpx; | |||
margin:0 auto; | |||
background: #FFF; | |||
box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1); | |||
border-radius:12rpx; | |||
margin-top: 18rpx; | |||
margin-bottom:18rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
} | |||
.xianshi{ | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
align-content: center; | |||
font-size: 30rpx; | |||
padding: 20rpx; | |||
} | |||
.xianshi>text{ | |||
height: 40rpx; | |||
} | |||
.xianshi>text:nth-child(1){ | |||
font-size:30rpx; | |||
font-family:PingFangSC; | |||
font-weight:500; | |||
} | |||
.xianshi>text:nth-child(2){ | |||
margin-top: 10rpx; | |||
height:28rpx; | |||
font-size:20rpx; | |||
font-family:PingFangSC; | |||
font-weight:400; | |||
color:rgba(166,166,166,1); | |||
line-height:28rpx; | |||
} | |||
.xsCon{ | |||
width: 300rpx; | |||
display: flex; | |||
justify-content:flex-end; | |||
overflow: hidden; | |||
} | |||
.igBox{ | |||
height: 100%; | |||
width: 100rpx; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
align-content: center; | |||
} | |||
.igBoxm{ | |||
height: 100%; | |||
width: 100rpx; | |||
display: flex; | |||
flex-direction: column; | |||
text-align: center; | |||
} | |||
.igBox image{ | |||
height:40rpx!important; | |||
width: 40rpx!important; | |||
border-radius: 50%; | |||
margin: 0 auto; | |||
margin-bottom: 15rpx; | |||
} | |||
.imTit{ | |||
height:14px; | |||
font-size:10px; | |||
font-family:PingFangSC; | |||
font-weight:400; | |||
color:rgba(60,60,60,1); | |||
line-height:14px; | |||
width: 100%; | |||
overflow: hidden; | |||
text-overflow:ellipsis; | |||
white-space: nowrap; | |||
text-align: center; | |||
} | |||
.toutiao view:nth-child(2){ | |||
font-size:26rpx; | |||
font-family:PingFangSC-Regular; | |||
@@ -14,7 +14,7 @@ | |||
<text class='small'>{{item.subTitle}}</text> | |||
</view> | |||
<view class='flashSaleItemTopRBottom'> | |||
<view class='presentPrice'><text class='sale'>售价:</text>{{item.salePriceStr}}<text class='yuan'>元</text><text class='originalPrice'>{{item.priceStr}}元</text></view> | |||
<view class='presentPrice'><text class='sale'>售价:</text><text class='yuan'>¥</text><text class='yj'>{{item.salePriceStr}}</text><text class='originalPrice'>{{item.priceStr}}元</text></view> | |||
</view> | |||
</view> | |||
</view> | |||
@@ -31,8 +31,8 @@ | |||
<view class="view1"> | |||
<text class="remainingNumber" wx:if="{{item.activityStatus!=0}}">已售{{item.alsells}}%</text> | |||
<text class="remainingNumber" wx:if="{{item.activityStatus==0}}">已售0%</text> | |||
<progress percent="{{(item.inventory-item.remainInventory)/item.inventory*100}}" wx:if="{{item.activityStatus!=0}}" stroke-width="6" activeColor="#ff4949" /> | |||
<progress percent="0" wx:if="{{item.activityStatus==0}}" stroke-width="6" activeColor="#ff4949" /> | |||
<progress percent="{{(item.inventory-item.remainInventory)/item.inventory*100}}" wx:if="{{item.activityStatus!=0}}" stroke-width="6" activeColor="#FD782D" /> | |||
<progress percent="0" wx:if="{{item.activityStatus==0}}" stroke-width="6" activeColor="#FD782D" /> | |||
</view> | |||
<view class='buy' wx:if="{{item.salePriceStr!=0&&item.activityStatus!=0&&item.remainInventory!=0}}">马上购</view> | |||
<view class='buy' wx:if="{{item.salePriceStr==0&&item.remainInventory!=0}}">立即领</view> | |||
@@ -134,7 +134,7 @@ button::after{ border: none; } | |||
} | |||
.realRemainingTime { | |||
color: #ff4949; | |||
color: #FD782D; | |||
font-size: 28rpx; | |||
} | |||
@@ -170,11 +170,10 @@ button::after{ border: none; } | |||
height: 58rpx; | |||
line-height: 58rpx; | |||
text-align: center; | |||
background: #ff4949; | |||
background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
border-radius: 60rpx; | |||
color: #fff; | |||
font-size: 28rpx; | |||
border: 2rpx solid #ff4949; | |||
} | |||
.sale { | |||
@@ -187,10 +186,14 @@ button::after{ border: none; } | |||
.yuan { | |||
font-size: 24rpx; | |||
color: #ff4949; | |||
color: #FD782D; | |||
letter-spacing: 0; | |||
} | |||
.yj{ | |||
font-size: 36rpx; | |||
color: #FD782D; | |||
letter-spacing: 0; | |||
} | |||
.active { | |||
background: #fff; | |||
width: 140rpx; | |||
@@ -649,6 +649,10 @@ module.exports = { | |||
'url': baseUrl + "toutiao.png", | |||
'name': '' | |||
}, | |||
'mea': { | |||
'url': baseUrl + "mea.png", | |||
'name': '' | |||
}, | |||
'change': { | |||
'url': baseUrl + "change.png", | |||
'name': '' | |||