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