@@ -24,6 +24,7 @@ Page({ | |||||
xingyun: imgurl.xingyun.url, | xingyun: imgurl.xingyun.url, | ||||
jfshangcheng: imgurl.jfshangcheng.url, | jfshangcheng: imgurl.jfshangcheng.url, | ||||
toutiao: imgurl.toutiao.url, | toutiao: imgurl.toutiao.url, | ||||
mea: imgurl.mea.url, | |||||
giftHr: imgurl.giftHr.url, | giftHr: imgurl.giftHr.url, | ||||
giftHr: imgurl.giftHr.url, | giftHr: imgurl.giftHr.url, | ||||
next: imgurl.next.url, | next: imgurl.next.url, | ||||
@@ -588,6 +589,14 @@ Page({ | |||||
url: '/pages/bargain/bargain' | 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> | </view> | ||||
<!-- 每日头条 限时抢购 --> | <!-- 每日头条 限时抢购 --> | ||||
<view class='toutiao' bindtap='gotoRushBuy' wx:if="{{showQg&&ifStoreApp!=1}}" > | |||||
<!-- <view class='toutiao' bindtap='gotoRushBuy' wx:if="{{showQg&&ifStoreApp!=1}}" > | |||||
<view class='imgBox'> | <view class='imgBox'> | ||||
<image src='{{toutiao}}' mode='aspectFill'></image> | <image src='{{toutiao}}' mode='aspectFill'></image> | ||||
</view> | </view> | ||||
@@ -77,10 +77,31 @@ | |||||
<text>'{{xslist[0].title}}'</text>原价 <text>{{xslist[0].priceStr}}</text> 现价... | <text>'{{xslist[0].title}}'</text>原价 <text>{{xslist[0].priceStr}}</text> 现价... | ||||
</view> | </view> | ||||
<view class='qg' style='border-color:{{qg}}'>抢购</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> | </view> | ||||
<!-- 爆款专区 --> | <!-- 爆款专区 --> | ||||
<c-hot id="hot"/> | <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> | <image src='{{cover}}' mode='widthFix' ></image> | ||||
</view> | </view> | ||||
<c-coupons id="lists" bind:myevent="onGetCode" class="business" loadingtext="{{loadingtext}}" loading="{{loading}}" /> | <c-coupons id="lists" bind:myevent="onGetCode" class="business" loadingtext="{{loadingtext}}" loading="{{loading}}" /> | ||||
@@ -115,9 +115,6 @@ page { | |||||
} | } | ||||
.qrcode image { | .qrcode image { | ||||
/* position: absolute; | |||||
top: 0; | |||||
bottom: 0; */ | |||||
margin: 15rpx 20rpx 15rpx; | margin: 15rpx 20rpx 15rpx; | ||||
z-index:100; | z-index:100; | ||||
} | } | ||||
@@ -298,7 +295,6 @@ page { | |||||
width: 100%; | width: 100%; | ||||
} | } | ||||
.textBox{ | .textBox{ | ||||
/* display: block; */ | |||||
width: 400rpx; | width: 400rpx; | ||||
height: 100%; | height: 100%; | ||||
float: left; | float: left; | ||||
@@ -418,8 +414,8 @@ progress{ | |||||
} | } | ||||
.toutiao{ | .toutiao{ | ||||
width:710rpx; | width:710rpx; | ||||
height: 82rpx; | |||||
line-height: 82rpx; | |||||
height: 128rpx; | |||||
line-height: 128rpx; | |||||
margin:0 auto; | margin:0 auto; | ||||
background: #FFF; | background: #FFF; | ||||
box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1); | box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1); | ||||
@@ -428,6 +424,86 @@ progress{ | |||||
margin-bottom:18rpx; | margin-bottom:18rpx; | ||||
position: relative; | 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){ | .toutiao view:nth-child(2){ | ||||
font-size:26rpx; | font-size:26rpx; | ||||
font-family:PingFangSC-Regular; | font-family:PingFangSC-Regular; | ||||
@@ -14,7 +14,7 @@ | |||||
<text class='small'>{{item.subTitle}}</text> | <text class='small'>{{item.subTitle}}</text> | ||||
</view> | </view> | ||||
<view class='flashSaleItemTopRBottom'> | <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> | </view> | ||||
</view> | </view> | ||||
@@ -31,8 +31,8 @@ | |||||
<view class="view1"> | <view class="view1"> | ||||
<text class="remainingNumber" wx:if="{{item.activityStatus!=0}}">已售{{item.alsells}}%</text> | <text class="remainingNumber" wx:if="{{item.activityStatus!=0}}">已售{{item.alsells}}%</text> | ||||
<text class="remainingNumber" wx:if="{{item.activityStatus==0}}">已售0%</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> | ||||
<view class='buy' wx:if="{{item.salePriceStr!=0&&item.activityStatus!=0&&item.remainInventory!=0}}">马上购</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> | <view class='buy' wx:if="{{item.salePriceStr==0&&item.remainInventory!=0}}">立即领</view> | ||||
@@ -134,7 +134,7 @@ button::after{ border: none; } | |||||
} | } | ||||
.realRemainingTime { | .realRemainingTime { | ||||
color: #ff4949; | |||||
color: #FD782D; | |||||
font-size: 28rpx; | font-size: 28rpx; | ||||
} | } | ||||
@@ -170,11 +170,10 @@ button::after{ border: none; } | |||||
height: 58rpx; | height: 58rpx; | ||||
line-height: 58rpx; | line-height: 58rpx; | ||||
text-align: center; | text-align: center; | ||||
background: #ff4949; | |||||
background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
border-radius: 60rpx; | border-radius: 60rpx; | ||||
color: #fff; | color: #fff; | ||||
font-size: 28rpx; | font-size: 28rpx; | ||||
border: 2rpx solid #ff4949; | |||||
} | } | ||||
.sale { | .sale { | ||||
@@ -187,10 +186,14 @@ button::after{ border: none; } | |||||
.yuan { | .yuan { | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
color: #ff4949; | |||||
color: #FD782D; | |||||
letter-spacing: 0; | |||||
} | |||||
.yj{ | |||||
font-size: 36rpx; | |||||
color: #FD782D; | |||||
letter-spacing: 0; | letter-spacing: 0; | ||||
} | } | ||||
.active { | .active { | ||||
background: #fff; | background: #fff; | ||||
width: 140rpx; | width: 140rpx; | ||||
@@ -649,6 +649,10 @@ module.exports = { | |||||
'url': baseUrl + "toutiao.png", | 'url': baseUrl + "toutiao.png", | ||||
'name': '' | 'name': '' | ||||
}, | }, | ||||
'mea': { | |||||
'url': baseUrl + "mea.png", | |||||
'name': '' | |||||
}, | |||||
'change': { | 'change': { | ||||
'url': baseUrl + "change.png", | 'url': baseUrl + "change.png", | ||||
'name': '' | 'name': '' | ||||