| @@ -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': '' | |||