@@ -5,6 +5,7 @@ | |||
top:0px; | |||
background:rgba(0,0,0,0.8); | |||
overflow: hidden; | |||
z-index: 1000; | |||
} | |||
.t_w{ | |||
position:relative; | |||
@@ -1,6 +1,7 @@ | |||
{ | |||
"navigationBarTitleText": "砍价专场", | |||
"enablePullDownRefresh": true, | |||
"navigationBarBackgroundColor": "#F13C42", | |||
"usingComponents": { | |||
"c-banner": "../../components/banner/index", | |||
"i-tab": "../../../dist/tab/index", | |||
@@ -1,5 +1,7 @@ | |||
page{ | |||
height: auto!important; | |||
background:#f89132; | |||
background-image:url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spell-bg.png'); | |||
} | |||
.banner .bg { | |||
display: block; | |||
@@ -77,12 +79,14 @@ page{ | |||
} | |||
.listitem{ | |||
position: relative; | |||
padding: 21rpx 0; | |||
border-bottom: 1rpx solid #ededed; | |||
} | |||
padding: 21rpx; | |||
background: #fff; | |||
border-radius: 20rpx; | |||
margin-bottom: 20rpx; | |||
} | |||
.botton{ | |||
position: absolute; | |||
right: 0; | |||
right: 18rpx; | |||
text-align: center; | |||
bottom: 40rpx; | |||
width:186rpx; | |||
@@ -419,4 +423,7 @@ page{ | |||
} | |||
.banner{ | |||
margin-bottom: 20rpx; | |||
background:#F13C42; | |||
position: relative; | |||
z-index: 100; | |||
} |
@@ -25,7 +25,7 @@ Component({ | |||
methods: { | |||
gotomore: function() { | |||
wx.navigateTo({ | |||
url: "/pages/rushToBuy/index" | |||
url: "/pages/bargain/bargain" | |||
}); | |||
}, | |||
gotodetail: function(e) { | |||
@@ -48,7 +48,7 @@ Component({ | |||
data: { | |||
pageNum: 1, | |||
pageSize: 5, | |||
targetAd: 2 | |||
targetAd: 6 | |||
} | |||
}).then(res => { | |||
this.setData({ |
@@ -0,0 +1,16 @@ | |||
<view class="index-rushToBuy"> | |||
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title">砍价专场<text bindtap="gotomore">更多砍价</text><image src='{{jianUrl}}' mode="widthFix"></image></view> | |||
<scroll-view scroll-x class="index-scroll-view"> | |||
<view class="commodity" wx:for="{{list}}" wx:key="unique"> | |||
<view bindtap="gotodetail" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}"> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | |||
<view class="commodity-info"> | |||
<view class="commodity-info-name">{{item.title}}</view> | |||
<view class="commodity-info-price"> | |||
<text class='useprice'>可砍至</text><text class="commodity-info-price-p">{{item.salePriceStr}}元</text> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</scroll-view> | |||
</view> |
@@ -0,0 +1,92 @@ | |||
.index-rushToBuy { | |||
width: 100%; | |||
font-family: PingFangSC-Semibold; | |||
} | |||
.index-rushToBuy-title { | |||
position: relative; | |||
font-size: 34rpx; | |||
color: #000000; | |||
letter-spacing: 1.16rpx; | |||
padding-top: 34rpx; | |||
padding-left: 30rpx; | |||
} | |||
.useprice{ | |||
font-size: 28rpx; | |||
} | |||
.index-rushToBuy-title text{ | |||
float: right; | |||
margin-right: 53rpx; | |||
color: #a8adb4; | |||
font-size: 28rpx; | |||
margin-top: 8rpx; | |||
} | |||
.index-rushToBuy-title image{ | |||
position: absolute; | |||
right: 18rpx; | |||
width: 20px; | |||
top: 44rpx; | |||
} | |||
.index-scroll-view { | |||
width: 100%; | |||
white-space: nowrap; | |||
} | |||
.index-scroll-view .commodity { | |||
display: inline-block; | |||
margin: 16rpx 30rpx 16rpx; | |||
margin-right: 0; | |||
position: relative; | |||
background: #fff; | |||
/* border: 1rpx solid #dddee1; */ | |||
width: 263rpx; | |||
box-shadow: 0 0 10px 0 rgba(211,211,211,0.30); | |||
border-radius: 10rpx; | |||
overflow: hidden; | |||
} | |||
.index-scroll-view .commodity:last-child{ | |||
margin-right: 30rpx; | |||
} | |||
.commodity-img{ | |||
display: block; | |||
width: 100%; | |||
height:200rpx; | |||
} | |||
.index-scroll-view .commodity-info { | |||
padding:10rpx 20rpx; | |||
overflow: hidden; | |||
} | |||
.index-scroll-view .commodity-info-name { | |||
font-size: 30rpx; | |||
color: #000000; | |||
letter-spacing: 0.7rpx; | |||
overflow: hidden; | |||
} | |||
.index-scroll-view .commodity-info-time { | |||
font-size: 22rpx; | |||
color: #B4B4B4; | |||
letter-spacing: 0.7rpx; | |||
line-height: 42rpx; | |||
} | |||
.index-scroll-view .commodity-info-price-p { | |||
font-size: 30rpx; | |||
color: #f96563; | |||
line-height: 36rpx; | |||
} | |||
.index-scroll-view .commodity-info-price-o { | |||
display: inline-block; | |||
padding-left: 20rpx; | |||
font-size: 24rpx; | |||
color: #B4B4B4; | |||
letter-spacing: 0.96rpx; | |||
text-decoration:line-through; | |||
line-height: 36rpx; | |||
} | |||
.commodity-info-price{ | |||
line-height: 36rpx; | |||
} | |||
@@ -5,7 +5,7 @@ const QR = require("../../utils/memberqrcode.js"); | |||
let app = getApp(); | |||
Page({ | |||
data: { | |||
newUrl: imgurl.new1.url, | |||
newUrl: "", | |||
icon0001: imgurl.icon0001.url, | |||
icon0002: imgurl.icon0002.url, | |||
icon0003: imgurl.icon0003.url, | |||
@@ -332,7 +332,8 @@ Page({ | |||
}).then(res => { | |||
if (res.data.id) { | |||
_this.setData({ | |||
showIf: true | |||
showIf: true, | |||
newUrl: res.data.imgUrl | |||
}) | |||
}else{ | |||
_this.setData({ | |||
@@ -2,7 +2,8 @@ | |||
"usingComponents": { | |||
"c-banner": "../../components/banner/index", | |||
"discount-card": "../../components/discountCard/index", | |||
"c-rushToBuy": "./rushToBuy/index", | |||
"c-bargain": "./bargain/index", | |||
"c-spellGroup": "./spellGroup/index", | |||
"c-coupons": "./coupons/index", | |||
"g-entry": "../../components/gameentry/gentry" | |||
}, | |||
@@ -2,22 +2,22 @@ | |||
<c-banner wx:key="unique" list="{{list}}" /> | |||
<!-- 折扣卡 --> | |||
<view class='section'> | |||
<view bindtap='gotoRushBuy'> | |||
<!-- <view bindtap='gotoRushBuy'> | |||
<image src='{{icon0001}}'></image> | |||
<text>限时抢购</text> | |||
</view> | |||
<view bindtap='gotodiscountCardList'> | |||
<text>限时秒杀</text> | |||
</view> --> | |||
<!-- <view bindtap='gotodiscountCardList'> | |||
<image src='{{icon0002}}'></image> | |||
<text>消费卡</text> | |||
</view> | |||
<view bindtap='gotoSpellGroup'> | |||
</view> --> | |||
<!-- <view bindtap='gotoSpellGroup'> | |||
<image src='{{icon0003}}'></image> | |||
<text>拼团专场</text> | |||
</view> | |||
<view bindtap='gotoBargain'> | |||
</view> --> | |||
<!-- <view bindtap='gotoBargain'> | |||
<image src='{{icon0004}}'></image> | |||
<text>砍价专场</text> | |||
</view> | |||
</view> --> | |||
<view bindtap='searchbar'> | |||
<image src='{{icon0005}}'></image> | |||
<text>品牌门店</text> | |||
@@ -37,12 +37,17 @@ | |||
<text>我的券包</text> | |||
</view> | |||
</view> | |||
<!-- 砍价专场 --> | |||
<c-bargain/> | |||
<!-- 拼团专场 --> | |||
<c-spellGroup/> | |||
<!-- 小游戏暂时注释 --> | |||
<view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||
<view class='game-entry'> | |||
<image src="{{newUrl}}" class='gameimg' mode='widthFix'></image> | |||
</view> | |||
</view> | |||
<c-coupons id="lists" bind:myevent="onGetCode" loadingtext="{{loadingtext}}" loading="{{loading}}" /> | |||
<g-entry id="listss" wx:if="{{showGame&&!played&&!havePlayEd}}" gamedata="{{gamedata}}" bind:myevent="" /> | |||
</view> | |||
@@ -35,14 +35,17 @@ page { | |||
} | |||
.game-entry { | |||
width: 690rpx; | |||
position: fixed; | |||
right: 0; | |||
top:300rpx; | |||
width: 170rpx; | |||
margin: 37rpx auto 0; | |||
z-index: 10; | |||
} | |||
.gameimg { | |||
display: block; | |||
width: 100%; | |||
height: 140rpx; | |||
} | |||
.section { | |||
@@ -0,0 +1,73 @@ | |||
// pages/index/sw/index.js | |||
let config = require("../../../config/config.js"); | |||
let Http = require("../../../utils/HttpBasics"); | |||
// let Http = require("../../../utils/HttpBasics"); | |||
const app = getApp(); | |||
const imgurl = require("../../../utils/imgurl"); | |||
Component({ | |||
/** | |||
* 组件的属性列表 | |||
*/ | |||
properties: {}, | |||
/** | |||
* 组件的初始数据 | |||
*/ | |||
data: { | |||
jianUrl: imgurl.jian.url, | |||
list: [], | |||
total:'' | |||
}, | |||
/** | |||
* 组件的方法列表 | |||
*/ | |||
methods: { | |||
gotomore: function() { | |||
wx.navigateTo({ | |||
url: "/pages/spellGroup/spellGroup" | |||
}); | |||
}, | |||
gotodetail: function(e) { | |||
wx.navigateTo({ | |||
url: `/pages/spellGroup/mySpellGroup/index?couponChannelId=${ | |||
e.currentTarget.dataset.couponchannelid | |||
}&couponId=${ | |||
e.currentTarget.dataset.couponid | |||
}&targetAd=${ | |||
e.currentTarget.dataset.targetad | |||
}` | |||
}); | |||
} | |||
}, | |||
ready() { | |||
app.couponChannelListCallback = token => { | |||
Http.setToken(token); | |||
Http.get({ | |||
url: config.api.couponChannelList, | |||
data: { | |||
pageNum: 1, | |||
pageSize: 5, | |||
targetAd: 2 | |||
} | |||
}).then(res => { | |||
this.setData({ | |||
list: res.data.list, | |||
total:res.data.total | |||
}); | |||
}) | |||
.catch(err => { | |||
console.log(err) | |||
wx.showToast({ | |||
title: err.errMsg, | |||
icon: 'none', | |||
duration: 2000, | |||
mask: false | |||
}); | |||
}) | |||
}; | |||
if (app.globalData.token && app.globalData.token != null) { | |||
app.couponChannelListCallback(app.globalData.token); | |||
} | |||
} | |||
}); |
@@ -0,0 +1,6 @@ | |||
{ | |||
"component": true, | |||
"usingComponents": { | |||
"i-card": "../../../dist/card/index" | |||
} | |||
} |
@@ -1,9 +1,9 @@ | |||
<view class="index-rushToBuy"> | |||
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title">限时抢购<text bindtap="gotomore">查看全部</text><image src='{{jianUrl}}' mode="widthFix"></image></view> | |||
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title">拼团专场<text bindtap="gotomore">更多拼团</text><image src='{{jianUrl}}' mode="widthFix"></image></view> | |||
<scroll-view scroll-x class="index-scroll-view"> | |||
<view class="commodity" wx:for="{{list}}" wx:key="unique"> | |||
<view bindtap="gotodetail" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}"> | |||
<image mode='aspectFill' class="commodity-img" src="{{item.coverImg}}" /> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | |||
<view class="commodity-info"> | |||
<view class="commodity-info-name">{{item.title}}</view> | |||
<!-- <view class="commodity-info-name">{{item.subTitle}}</view> --> |