| @@ -16,6 +16,7 @@ | |||||
| border-radius: 16rpx; | border-radius: 16rpx; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| position: relative; | position: relative; | ||||
| } | } | ||||
| .dots { | .dots { | ||||
| @@ -0,0 +1,87 @@ | |||||
| // pages/index/sw/index.js | |||||
| let config = require("../../config/config.js"); | |||||
| let Http = require("../../utils/HttpBasics"); | |||||
| let app = getApp(); | |||||
| const imgurl = require("../../utils/imgurl"); | |||||
| Component({ | |||||
| /** | |||||
| * 组件的属性列表 | |||||
| */ | |||||
| properties: {}, | |||||
| /** | |||||
| * 组件的初始数据 | |||||
| */ | |||||
| data: { | |||||
| change: imgurl.change.url, | |||||
| None: imgurl.None.url, | |||||
| jianUrl: imgurl.jian.url, | |||||
| barginicon: imgurl.barginicon.url, | |||||
| wangmeimeibargin: imgurl.wangmeimeibargin.url, | |||||
| list: [], | |||||
| total: '' | |||||
| }, | |||||
| /** | |||||
| * 组件的方法列表 | |||||
| */ | |||||
| methods: { | |||||
| gotoBargainList() { | |||||
| wx.navigateTo({ | |||||
| url: "/pages/bargain/bargain" | |||||
| }) | |||||
| }, | |||||
| getList() { | |||||
| let that = this; | |||||
| Http.get({ | |||||
| url: config.api.couponChannelList, | |||||
| data: { | |||||
| pageNum: 1, | |||||
| pageSize: 5, | |||||
| targetAd: 6 | |||||
| } | |||||
| }).then(res => { | |||||
| console.log(res.data.list) | |||||
| that.setData({ | |||||
| list: res.data.list, | |||||
| total: res.data.total | |||||
| }); | |||||
| console.log(this.data.list) | |||||
| }) | |||||
| .catch(err => { | |||||
| console.log(err) | |||||
| wx.showToast({ | |||||
| title: err.errMsg, | |||||
| icon: 'none', | |||||
| duration: 2000, | |||||
| mask: false | |||||
| }); | |||||
| }) | |||||
| }, | |||||
| gotomore: function () { | |||||
| wx.navigateTo({ | |||||
| url: "/pages/bargain/bargain" | |||||
| }); | |||||
| }, | |||||
| gotodetail: function (e) { | |||||
| wx.navigateTo({ | |||||
| url: `/pages/coupon/detail/index?couponChannelId=${ | |||||
| e.currentTarget.dataset.couponchannelid | |||||
| }&couponId=${ | |||||
| e.currentTarget.dataset.couponid | |||||
| }&targetAd=${ | |||||
| e.currentTarget.dataset.targetad | |||||
| }` | |||||
| }); | |||||
| } | |||||
| }, | |||||
| ready() { | |||||
| app.couponChannelListCallback = token => { | |||||
| Http.setToken(token); | |||||
| this.getList(); | |||||
| }; | |||||
| if (app.globalData.token && app.globalData.token != null) { | |||||
| app.couponChannelListCallback(app.globalData.token); | |||||
| } | |||||
| } | |||||
| }); | |||||
| @@ -0,0 +1,4 @@ | |||||
| { | |||||
| "component": true, | |||||
| "usingComponents": {} | |||||
| } | |||||
| @@ -0,0 +1,58 @@ | |||||
| <!--components/hot/hot.wxml--> | |||||
| <view class='hotBox'> | |||||
| <view class='hotTitle'> | |||||
| <view class='titleL'> | |||||
| <view class='sql'></view> | |||||
| <text>爆款专区</text> | |||||
| </view> | |||||
| <view class='titleR'> | |||||
| <text>换一换</text> | |||||
| <view> | |||||
| <image src='{{change}}' bindtap='' mode='aspectFill'></image> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <view class='hotCon'> | |||||
| <view class='kanjia' wx:if="{{list.length>0}}" > | |||||
| <view > | |||||
| <image mode='aspectFill' lazy-load='true' src="{{item.coverImg}}" /> | |||||
| </view> | |||||
| <view class='kjText'> | |||||
| <text class='title'>{{item.title}}</text> | |||||
| <text class='price'>¥{{item.priceStr}}</text> | |||||
| <text class='sale'><text>¥</text>{{item.salePriceStr}}</text> | |||||
| <view class=' btn btnk'>砍价</view> | |||||
| </view> | |||||
| </view> | |||||
| <view class='kanjia' wx:if="{{list.length==0}}"> | |||||
| <view> | |||||
| <image src='{{None}}' bindtap='' mode='aspectFill'></image> | |||||
| </view> | |||||
| <view class='kjText'> | |||||
| <text class='title'>疯狂补货中…</text> | |||||
| <text class='price'>敬请期待</text> | |||||
| <view class='btnk btnNone'>砍价</view> | |||||
| </view> | |||||
| </view> | |||||
| <view class='pintuan'> | |||||
| <view wx:if="{{1==0}}"> | |||||
| <image></image> | |||||
| </view> | |||||
| <view class='ptText' wx:if="{{1==0}}"> | |||||
| <text class='title'>日本bilii杯子</text> | |||||
| <text class='price'>¥2.8</text> | |||||
| <text class='sale'> <text>¥</text>1.99</text> | |||||
| <view class='btn btnp'>拼团</view> | |||||
| </view> | |||||
| <view wx:if="{{1!=0}}"> | |||||
| <image src='{{None}}' bindtap='' mode='aspectFill'></image> | |||||
| </view> | |||||
| <view class='ptText'wx:if="{{1!=0}}"> | |||||
| <text class='title'>疯狂补货中...</text> | |||||
| <text class='expect'>敬请期待</text> | |||||
| <view class='btnp btnNone'>拼团</view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| @@ -0,0 +1,131 @@ | |||||
| /* components/hot/hot.wxss */ | |||||
| @import "../../app.wxss"; | |||||
| .hotBox{ | |||||
| width:710rpx; | |||||
| height: 220rpx; | |||||
| margin: 0 auto 20rpx; | |||||
| } | |||||
| .hotTitle{ | |||||
| width: 100%; | |||||
| height: 60rpx; | |||||
| line-height: 60rpx; | |||||
| font-size: 30rpx; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| font-family:PingFangSC-Medium; | |||||
| } | |||||
| .titleL .titleR{ | |||||
| width: 100rpx; | |||||
| } | |||||
| .titleR text{ | |||||
| float: left; | |||||
| margin-right: 10rpx; | |||||
| color: #2C8DFF; | |||||
| font-family:PingFangSC-Regular!important; | |||||
| } | |||||
| .titleR view{ | |||||
| height: 40rpx; | |||||
| width: 40rpx; | |||||
| /* margin-top: 10rpx; */ | |||||
| float: left; | |||||
| } | |||||
| .titleR image{ | |||||
| height: 28rpx; | |||||
| width: 28rpx; | |||||
| } | |||||
| .sql{ | |||||
| width:12rpx; | |||||
| height:24rpx; | |||||
| background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
| border-radius:8rpx; | |||||
| float: left; | |||||
| margin: 20rpx 10rpx 0 0; | |||||
| } | |||||
| .hotCon{ | |||||
| width: 100%; | |||||
| } | |||||
| .kanjia, .pintuan{ | |||||
| width: 346rpx; | |||||
| height: 156rpx; | |||||
| float: left; | |||||
| border-radius: 12rpx; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| position: relative; | |||||
| } | |||||
| .kanjia{ | |||||
| margin-right: 18rpx; | |||||
| background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); | |||||
| } | |||||
| .pintuan{ | |||||
| background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||||
| } | |||||
| .hotCon image{ | |||||
| width: 86rpx; | |||||
| height: 86rpx; | |||||
| border: 1rpx solid #fff; | |||||
| margin: 24rpx 0 46rpx 16rpx; | |||||
| } | |||||
| .hotCon .btn{ | |||||
| width:80rpx; | |||||
| height:44rpx; | |||||
| line-height: 44rpx; | |||||
| background:rgba(255,255,255,1); | |||||
| border-radius:18rpx; | |||||
| font-size: 24rpx; | |||||
| position: absolute; | |||||
| right: 20rpx; | |||||
| bottom: 20rpx; | |||||
| text-align: center; | |||||
| } | |||||
| .btnk{ | |||||
| color: #2C8DFF; | |||||
| } | |||||
| .btnp{ | |||||
| color: #FD782D; | |||||
| } | |||||
| .btnNone{ | |||||
| width:80rpx; | |||||
| height:44rpx; | |||||
| line-height: 44rpx; | |||||
| border-radius:18rpx; | |||||
| font-size: 24rpx; | |||||
| position: absolute; | |||||
| right: 20rpx; | |||||
| bottom: 20rpx; | |||||
| text-align: center; | |||||
| background:rgba(255,255,255,0.5) | |||||
| } | |||||
| .kjText,.ptText{ | |||||
| color: #FFFFFF; | |||||
| margin: 14rpx 10rpx 20rpx 10rpx; | |||||
| } | |||||
| .title{ | |||||
| width: 210rpx; | |||||
| font-size: 30rpx; | |||||
| overflow: hidden; | |||||
| text-overflow:ellipsis; | |||||
| white-space:nowrap; | |||||
| float: left; | |||||
| } | |||||
| .price{ | |||||
| width: 210rpx; | |||||
| font-size: 22rpx; | |||||
| text-decoration:line-through; | |||||
| float: left; | |||||
| } | |||||
| .expect{ | |||||
| width: 210rpx; | |||||
| font-size: 22rpx; | |||||
| float: left; | |||||
| } | |||||
| .sale{ | |||||
| width: 210rpx; | |||||
| font-size: 32rpx; | |||||
| float: left; | |||||
| margin-top: -8rpx; | |||||
| } | |||||
| .sale text{ | |||||
| font-size: 20rpx!important; | |||||
| } | |||||
| @@ -8,7 +8,7 @@ | |||||
| justify-content: space-around; | justify-content: space-around; | ||||
| align-items: center; | align-items: center; | ||||
| -webkit-box-align: center; | -webkit-box-align: center; | ||||
| /* background: #fff */ | |||||
| background: #fff | |||||
| } | } | ||||
| .i-tabs::after { | .i-tabs::after { | ||||
| @@ -6,7 +6,8 @@ | |||||
| "c-spellGroup": "./spellGroup/index", | "c-spellGroup": "./spellGroup/index", | ||||
| "c-coupons": "./coupons/index", | "c-coupons": "./coupons/index", | ||||
| "g-entry": "../../components/gameentry/gentry", | "g-entry": "../../components/gameentry/gentry", | ||||
| "c-rushtobyCard": "./rushtobyCard/index" | |||||
| "c-rushtobyCard": "./rushtobyCard/index", | |||||
| "c-hot": "../../components/hot/index" | |||||
| }, | }, | ||||
| "navigationBarTitleText": "首页", | "navigationBarTitleText": "首页", | ||||
| "enablePullDownRefresh": true, | "enablePullDownRefresh": true, | ||||
| @@ -65,14 +65,16 @@ | |||||
| <text>今日好货推荐,满1000减200元…</text> | <text>今日好货推荐,满1000减200元…</text> | ||||
| <view class='qg'><text>抢购</text></view> | <view class='qg'><text>抢购</text></view> | ||||
| </view> | </view> | ||||
| <!-- 爆款专区 --> | |||||
| <c-hot id="hot"/> | |||||
| <!-- 砍价专场 --> | <!-- 砍价专场 --> | ||||
| <c-bargain id="bargain"/> | |||||
| <!-- 专题 --> | |||||
| <!-- <c-bargain id="bargain"/> --> | |||||
| <!-- 专题 --> | |||||
| <view class='product' wx:if="{{showTopic}}"> | <view class='product' wx:if="{{showTopic}}"> | ||||
| <image src='{{cover}}' bindtap='gotoTopic' mode='aspectFill'></image> | <image src='{{cover}}' bindtap='gotoTopic' mode='aspectFill'></image> | ||||
| </view> | </view> | ||||
| <!-- 拼团专场 --> | <!-- 拼团专场 --> | ||||
| <c-spellGroup id="spellGroup"/> | |||||
| <!-- <c-spellGroup id="spellGroup"/> --> | |||||
| <!-- 小游戏暂时注释 --> | <!-- 小游戏暂时注释 --> | ||||
| <view class='game' wx-if="{{showIf}}"> | <view class='game' wx-if="{{showIf}}"> | ||||
| <view class='game-entry'> | <view class='game-entry'> | ||||
| @@ -1,4 +1,4 @@ | |||||
| @import "../../app.wxss"; | |||||
| @import "../../app.wxss"; | |||||
| page{ | page{ | ||||
| background: #F4F5F9; | background: #F4F5F9; | ||||
| } | } | ||||
| @@ -361,13 +361,14 @@ progress{ | |||||
| margin:0 auto; | margin:0 auto; | ||||
| display: flex; | display: flex; | ||||
| justify-content: space-between; | justify-content: space-between; | ||||
| background: #F4F5F9; | |||||
| } | } | ||||
| .kjBox{ | .kjBox{ | ||||
| width: 104rpx; | width: 104rpx; | ||||
| height: 148rpx; | height: 148rpx; | ||||
| font-size: 24rpx; | font-size: 24rpx; | ||||
| color: #A6A6A6; | color: #A6A6A6; | ||||
| margin-top: 50rpx; | |||||
| margin-top: 46rpx; | |||||
| text-align: center; | text-align: center; | ||||
| } | } | ||||
| .kjBox image{ | .kjBox image{ | ||||
| @@ -375,13 +376,15 @@ progress{ | |||||
| height: 104rpx; | height: 104rpx; | ||||
| } | } | ||||
| .toutiao{ | .toutiao{ | ||||
| width:688rpx; | |||||
| width:710rpx; | |||||
| height: 82rpx; | height: 82rpx; | ||||
| line-height: 82rpx; | line-height: 82rpx; | ||||
| margin:0 auto; | margin:0 auto; | ||||
| background: #FAFBFD; | background: #FAFBFD; | ||||
| box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1); | box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1); | ||||
| border-radius:12rpx; | border-radius:12rpx; | ||||
| margin-top: 18rpx; | |||||
| margin-bottom:18rpx; | |||||
| } | } | ||||
| .toutiao text{ | .toutiao text{ | ||||
| font-size:26rpx; | font-size:26rpx; | ||||
| @@ -417,4 +420,7 @@ progress{ | |||||
| font-family:PingFangSC-Medium; | font-family:PingFangSC-Medium; | ||||
| font-weight:500; | font-weight:500; | ||||
| color:#FD782D; | color:#FD782D; | ||||
| } | |||||
| i-tabs i-tabs-scroll{ | |||||
| background: #F4F5F9!important; | |||||
| } | } | ||||
| @@ -3,12 +3,13 @@ module.exports = { | |||||
| // 我的 | // 我的 | ||||
| "user": { | "user": { | ||||
| "banneColor": "linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%))", | "banneColor": "linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%))", | ||||
| }, | }, | ||||
| }, | }, | ||||
| colorSecond:{ | colorSecond:{ | ||||
| // 我的 | // 我的 | ||||
| "user": { | "user": { | ||||
| "banneColor": '' | |||||
| "banneColor": 'linear-gradient(180deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%)', | |||||
| }, | }, | ||||
| } | } | ||||
| @@ -637,4 +637,12 @@ module.exports = { | |||||
| 'url': baseUrl + "toutiao.png", | 'url': baseUrl + "toutiao.png", | ||||
| 'name': '' | 'name': '' | ||||
| }, | }, | ||||
| 'change': { | |||||
| 'url': baseUrl + "change.png", | |||||
| 'name': '' | |||||
| }, | |||||
| 'None': { | |||||
| 'url': baseUrl + "None.png", | |||||
| 'name': '' | |||||
| }, | |||||
| } | } | ||||