Bläddra i källkod

[首页][修改][限时抢购]

tags/福建版C.9.1.01
hurui 5 år sedan
förälder
incheckning
6de418e950
6 ändrade filer med 129 tillägg och 16 borttagningar
  1. +9
    -0
      index/index.js
  2. +23
    -2
      index/index.wxml
  3. +82
    -6
      index/index.wxss
  4. +3
    -3
      pages/rushToBuy/index.wxml
  5. +8
    -5
      pages/rushToBuy/index.wxss
  6. +4
    -0
      utils/imgurl.js

+ 9
- 0
index/index.js Visa fil

@@ -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}`
});
},
/** /**
* 刷新 * 刷新
*/ */


+ 23
- 2
index/index.wxml Visa fil

@@ -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}}" />


+ 82
- 6
index/index.wxss Visa fil

@@ -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;


+ 3
- 3
pages/rushToBuy/index.wxml Visa fil

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


+ 8
- 5
pages/rushToBuy/index.wxss Visa fil

@@ -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;


+ 4
- 0
utils/imgurl.js Visa fil

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


Laddar…
Avbryt
Spara