Commit 48677d187ccda9fdaf3c1acc5f8728f1103808ae
9-12合并到dev
Showing
24 changed files
with
1553 additions
and
312 deletions
app.wxss
| ... | ... | @@ -2,6 +2,9 @@ |
| 2 | 2 | .flex { |
| 3 | 3 | display: flex; |
| 4 | 4 | } |
| 5 | +.ib{ | |
| 6 | + display: inline-block; | |
| 7 | +} | |
| 5 | 8 | .flex_auto { |
| 6 | 9 | flex: 1; |
| 7 | 10 | } |
| ... | ... | @@ -10,6 +13,7 @@ |
| 10 | 13 | display: flex; flex-direction: column; |
| 11 | 14 | justify-content: space-between; |
| 12 | 15 | box-sizing: border-box; |
| 16 | + overflow-x:hidden; | |
| 13 | 17 | } |
| 14 | 18 | page { |
| 15 | 19 | overflow-x: hidden; |
| ... | ... | @@ -240,9 +244,7 @@ justify-content:space-around; |
| 240 | 244 | .t-l{ |
| 241 | 245 | text-align: right; |
| 242 | 246 | } |
| 243 | -.white{ | |
| 244 | - color: #fff; | |
| 245 | -} | |
| 247 | + | |
| 246 | 248 | .img_gray{ |
| 247 | 249 | -webkit-filter: grayscale(1);/* Webkit */ |
| 248 | 250 | filter:gray;/* IE6-9 */ |
| ... | ... | @@ -273,6 +275,7 @@ justify-content:space-around; |
| 273 | 275 | font-size:30rpx; |
| 274 | 276 | } |
| 275 | 277 | |
| 278 | + | |
| 276 | 279 | .fs35{ |
| 277 | 280 | font-size:35rpx; |
| 278 | 281 | } |
| ... | ... | @@ -285,7 +288,9 @@ justify-content:space-around; |
| 285 | 288 | |
| 286 | 289 | |
| 287 | 290 | /* 7.26 */ |
| 288 | - | |
| 291 | +.white{ | |
| 292 | + color: #fff; | |
| 293 | +} | |
| 289 | 294 | .red-b{ |
| 290 | 295 | background: #d60021; |
| 291 | 296 | } |
| ... | ... | @@ -306,15 +311,21 @@ color: #b9b9b9; |
| 306 | 311 | .xc-black{ |
| 307 | 312 | color: #000; |
| 308 | 313 | } |
| 314 | +.xc-black3{ | |
| 315 | + color: #333; | |
| 316 | +} | |
| 309 | 317 | |
| 310 | 318 | |
| 311 | 319 | .xc-fixed{ |
| 312 | 320 | position: fixed; |
| 313 | 321 | |
| 314 | 322 | } |
| 315 | -.yellow{ | |
| 323 | +.yellow-b{ | |
| 316 | 324 | background-color: #ffb03f; |
| 317 | 325 | } |
| 326 | +.yellow-co{ | |
| 327 | + color: #ffb03f; | |
| 328 | +} | |
| 318 | 329 | .green{ |
| 319 | 330 | background-color: #16ba63; |
| 320 | 331 | } |
| ... | ... | @@ -342,8 +353,11 @@ background: #ffe3e2; |
| 342 | 353 | font-size: 24rpx; |
| 343 | 354 | } |
| 344 | 355 | .fs36 { |
| 345 | - font-size: 36rpx; | |
| 356 | + font-size: 36rpx; | |
| 346 | 357 | } |
| 347 | 358 | .fs40 { |
| 348 | 359 | font-size: 40rpx; |
| 349 | -} | |
| 350 | 360 | \ No newline at end of file |
| 361 | +} | |
| 362 | +.ai_and{ | |
| 363 | + align-items:flex-end; | |
| 364 | +} | ... | ... |
components/goods_list/goods_list.js
0 → 100644
| 1 | +// pages/user/yhq/qr_code/qr_code.js | |
| 2 | + | |
| 3 | + | |
| 4 | +var | |
| 5 | + t = getApp(), a = t.request, o = t.globalData.setting, os = o, | |
| 6 | + i = require("../../utils/util.js"), ut = i, s = require("../../utils/common.js"); | |
| 7 | + | |
| 8 | + | |
| 9 | +Component({ | |
| 10 | + data: { | |
| 11 | + url: o.imghost, | |
| 12 | + object: null, | |
| 13 | + curPage:1, | |
| 14 | + is_no_more:1,//加载完所有数据的控制器 | |
| 15 | + load_complete:0//加载完成 | |
| 16 | + }, | |
| 17 | + properties: { | |
| 18 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | |
| 19 | + }, | |
| 20 | + ready: function () { | |
| 21 | + }, | |
| 22 | + | |
| 23 | + | |
| 24 | + methods: { | |
| 25 | + | |
| 26 | + get_list:function(){ | |
| 27 | + | |
| 28 | + var that = this; | |
| 29 | + if(that.data.is_no_more==0) return false; | |
| 30 | + | |
| 31 | + | |
| 32 | + var curPage = that.data.curPage; | |
| 33 | + getApp().request.get('/api/weshop/goods/page?page',{ | |
| 34 | + data: { is_mainshow: 1, isonsale: 1, | |
| 35 | + is_recommend: 1, is_on_sale: 1, | |
| 36 | + store_id: o.stoid, | |
| 37 | + page: curPage, | |
| 38 | + pageSize:6, | |
| 39 | + }, | |
| 40 | + success: function (res){ | |
| 41 | + var data=res.data; | |
| 42 | + var total=data.data.total; | |
| 43 | + if (total <= curPage*6){ | |
| 44 | + that.setData({ is_no_more: 0 }); | |
| 45 | + }else{ | |
| 46 | + that.data.curPage++; | |
| 47 | + } | |
| 48 | + | |
| 49 | + | |
| 50 | + //加载完成 | |
| 51 | + if (data.data.pageData) { | |
| 52 | + that.setData({load_complete:1}); | |
| 53 | + } | |
| 54 | + if(that.data.recommend!=null){ | |
| 55 | + var ra=that.data.recommend.concat(data.data.pageData); | |
| 56 | + that.setData({ recommend: ra }); | |
| 57 | + }else{ | |
| 58 | + that.setData({recommend:data.data.pageData}); | |
| 59 | + } | |
| 60 | + } | |
| 61 | + }) | |
| 62 | + }, | |
| 63 | + bind_bnerr_xc: function (e) { | |
| 64 | + var _errImg = e.target.dataset.errorimg; | |
| 65 | + var _errurl = e.target.dataset.url; | |
| 66 | + | |
| 67 | + var _errObj = {}; | |
| 68 | + _errObj[_errImg] = "/miniapp/images/default_g_img.gif"; | |
| 69 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | |
| 70 | + | |
| 71 | + }, | |
| 72 | + | |
| 73 | + reset:function(){ | |
| 74 | + curPage=1; | |
| 75 | + }, | |
| 76 | + | |
| 77 | + | |
| 78 | + | |
| 79 | + }, | |
| 80 | + | |
| 81 | + | |
| 82 | + | |
| 83 | + | |
| 84 | + | |
| 85 | +}) | |
| 0 | 86 | \ No newline at end of file | ... | ... |
components/goods_list/goods_list.json
0 → 100644
components/goods_list/goods_list.wxml
0 → 100644
| 1 | + <!-- 商品列表 --> | |
| 2 | + <wxs module="filter" src="../../utils/filter.wxs"></wxs> | |
| 3 | + <view class="collects"> | |
| 4 | + <view class="hang "> | |
| 5 | + <!-- 商品详情 --> | |
| 6 | + <view class="collect ib" wx:for="{{recommend}}" bindtap="go_url" data-url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | |
| 7 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | |
| 8 | + <!-- 商品图片 --> | |
| 9 | + <image class="sp" src="{{url+item.original_img}}" mode="scaleToFill" binderror="bind_bnerr_xc" data-url="{{item.original_img}}" data-errorimg="recommend[{{index}}].original_img"></image> | |
| 10 | + <view class="bottom"> | |
| 11 | + <!-- 商品名称 --> | |
| 12 | + <view class="goods_name ellipsis-2 fs28">{{item.goods_name}}</view> | |
| 13 | + <!-- 商品价格 --> | |
| 14 | + <view class="money flex"> | |
| 15 | + <!-- 办卡价 --> | |
| 16 | + <view class="flex xc-wc"> | |
| 17 | + <view class="fs24">¥</view> | |
| 18 | + <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view> | |
| 19 | + </view> | |
| 20 | + <!-- 原价 --> | |
| 21 | + <view class="price flex xc-ash"> | |
| 22 | + <view class="fs22">¥</view> | |
| 23 | + <view class="fs22">{{item.market_price}}</view> | |
| 24 | + </view> | |
| 25 | + </view> | |
| 26 | + </view> | |
| 27 | + </navigator> | |
| 28 | + </view> | |
| 29 | + </view> | |
| 30 | + <view class="nothing flex-center" wx:if="{{is_no_more==0}}"> | |
| 31 | + <view class="Foil"></view> | |
| 32 | + <view class="no_content fs24">没有更多内容了</view> | |
| 33 | + <view class="Foil"></view> | |
| 34 | + </view> | |
| 35 | + </view> | |
| 36 | + | |
| 37 | + | |
| 38 | + | |
| 0 | 39 | \ No newline at end of file | ... | ... |
components/goods_list/goods_list.wxss
0 → 100644
| 1 | +.collects { | |
| 2 | + margin-top: 40rpx; | |
| 3 | +} | |
| 4 | +.ib{ | |
| 5 | + display: inline-block; | |
| 6 | +} | |
| 7 | +.fs24{ | |
| 8 | + font-size: 24rpx; | |
| 9 | +} | |
| 10 | +.flex-center{ | |
| 11 | +display:flex; | |
| 12 | +justify-content:center; | |
| 13 | +align-items:center; | |
| 14 | +} | |
| 15 | +.xc-wc{ | |
| 16 | + color: #d60021; | |
| 17 | + | |
| 18 | +} | |
| 19 | +.fs22{ | |
| 20 | + font-size: 22rpx; | |
| 21 | +} | |
| 22 | +.xc-ash{ | |
| 23 | +color: #b9b9b9; | |
| 24 | +} | |
| 25 | +.choice_box .choice_list .choice_footer .price { | |
| 26 | + color: #f23030; height: 10px | |
| 27 | +} | |
| 28 | +.fs35{ | |
| 29 | + font-size:35rpx; | |
| 30 | +} | |
| 31 | +.flex{display: flex} | |
| 32 | +.ellipsis-2 { | |
| 33 | + overflow: hidden; | |
| 34 | + text-overflow: ellipsis; | |
| 35 | + display: -webkit-box; | |
| 36 | + -webkit-box-orient: vertical; | |
| 37 | + -webkit-line-clamp: 2; | |
| 38 | +} | |
| 39 | +.goods_name{ | |
| 40 | + height: 62rpx; | |
| 41 | + margin-top: 6rpx; | |
| 42 | + line-height: 30rpx; | |
| 43 | + | |
| 44 | + | |
| 45 | +} | |
| 46 | +.hang { | |
| 47 | + width: 100%; | |
| 48 | + margin: auto; | |
| 49 | + padding-left: 21rpx; | |
| 50 | +} | |
| 51 | +.fs28{ | |
| 52 | + font-size: 28rpx; | |
| 53 | +} | |
| 54 | + | |
| 55 | +.hang .collect { | |
| 56 | + width: 347rpx; | |
| 57 | + height: 495rpx; | |
| 58 | + border-radius: 25rpx; | |
| 59 | + border: 1rpx solid rgb(214, 214, 214); | |
| 60 | + overflow: hidden; | |
| 61 | + margin-right: 14rpx; | |
| 62 | + margin-bottom: 5rpx; | |
| 63 | +} | |
| 64 | + | |
| 65 | +.collect .bottom { | |
| 66 | + padding: 0rpx 20rpx; | |
| 67 | +} | |
| 68 | + | |
| 69 | +.collect .sp { | |
| 70 | + width: 100%; | |
| 71 | + height: 326rpx; | |
| 72 | +} | |
| 73 | + | |
| 74 | +.collect .money { | |
| 75 | + margin-top: 30rpx; | |
| 76 | + margin-bottom: 18rpx; | |
| 77 | + line-height: 28rpx; | |
| 78 | + align-items: baseline; | |
| 79 | +} | |
| 80 | +.collect .money view{ | |
| 81 | + line-height: 28rpx; | |
| 82 | +} | |
| 83 | +.collect .money .flex { | |
| 84 | + font-weight: bold; | |
| 85 | +} | |
| 86 | +.collect .money .flex .fs24{ | |
| 87 | + padding-top: 5rpx; | |
| 88 | +} | |
| 89 | +.collect .Discount { | |
| 90 | + width: 156rpx; | |
| 91 | + height: 28rpx; | |
| 92 | + border-radius: 20rpx; | |
| 93 | + background-color: rgb(56, 56, 56); | |
| 94 | + font-size: 18rpx; | |
| 95 | + color: rgb(255, 255, 255); | |
| 96 | +} | |
| 97 | + | |
| 98 | +.collect .Discount image { | |
| 99 | + height: 18rpx; | |
| 100 | + width: 18rpx; | |
| 101 | + line-height: 28rpx; | |
| 102 | + margin-right: 3rpx; | |
| 103 | +} | |
| 104 | + | |
| 105 | +.collect.ml20 { | |
| 106 | + margin-left: 13rpx; | |
| 107 | +} | |
| 108 | + | |
| 109 | +.fs24.dollar { | |
| 110 | + padding: 0rpx; | |
| 111 | +} | |
| 112 | + | |
| 113 | +.money .price { | |
| 114 | + margin-left: 12rpx; | |
| 115 | + text-decoration: line-through; | |
| 116 | + line-height: 23rpx; | |
| 117 | +} | |
| 118 | + | |
| 119 | +.province { | |
| 120 | + line-height: 26rpx; | |
| 121 | +} | |
| 122 | + | |
| 123 | +.nothing { | |
| 124 | + height: 75rpx; | |
| 125 | + width: 100%; | |
| 126 | +} | |
| 127 | + | |
| 128 | +.nothing .no_content { | |
| 129 | + margin: 0rpx 11rpx; | |
| 130 | + color: rgb(138, 138, 138); | |
| 131 | +} | |
| 132 | + | |
| 133 | +.nothing .Foil { | |
| 134 | + width: 80rpx; | |
| 135 | + height: 2rpx; | |
| 136 | + background-color: rgb(138, 138, 138); | |
| 137 | +} | |
| 0 | 138 | \ No newline at end of file | ... | ... |
pages/activity/pind_list/pind_list.js
| 1 | -var e = getApp(), i = e.request, a = e.globalData.setting,os=a,ut = require("../../../utils/util.js"); | |
| 1 | +var e = getApp(), | |
| 2 | +i = e.request, | |
| 3 | + a = e.globalData.setting, | |
| 4 | + os=a,ut = require("../../../utils/util.js"); | |
| 2 | 5 | var regeneratorRuntime = require('../../../utils/runtime.js'); |
| 3 | 6 | |
| 4 | -Page({ | |
| 7 | +Page({ | |
| 5 | 8 | data: { |
| 6 | 9 | url: a.imghost, |
| 7 | 10 | killtime: null, |
| ... | ... | @@ -11,6 +14,7 @@ Page({ |
| 11 | 14 | timer:null, |
| 12 | 15 | ismore:1, |
| 13 | 16 | isshow:0, |
| 17 | + iurl: os.imghost, | |
| 14 | 18 | }, |
| 15 | 19 | |
| 16 | 20 | onShow: function(t) { |
| ... | ... | @@ -60,7 +64,7 @@ Page({ |
| 60 | 64 | let min = parseInt(time % (60 * 60 * 24) % 3600 / 60); |
| 61 | 65 | let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60); |
| 62 | 66 | obj = { |
| 63 | - day: this.timeFormat(day), hou: this.timeFormat(hou), min: this.timeFormat(min), sec: this.timeFormat(sec) | |
| 67 | + day: this.timeFormat(day), hou: this.timeFormat(hou), min: this.timeFormat(min), sec: this.timeFormat(sec),hide:1 | |
| 64 | 68 | } |
| 65 | 69 | }else{ |
| 66 | 70 | //活动已结束,全部设置为'00' |
| ... | ... | @@ -101,6 +105,7 @@ Page({ |
| 101 | 105 | alllist.push(plist[i]); |
| 102 | 106 | } |
| 103 | 107 | e.data.currentPage++; |
| 108 | + | |
| 104 | 109 | th.setData({goodlist:alllist,isshow:1}); |
| 105 | 110 | }, |
| 106 | 111 | ... | ... |
pages/activity/pind_list/pind_list.wxml
| 1 | 1 | <block wx:if="{{isshow}}"> |
| 2 | -<view class="kill-time"> | |
| 3 | - <view class="theader" > | |
| 4 | - <view bindtap='tip' data-ty="1" class="timeac left {{type==1?'active':''}}">进行中</view> | |
| 5 | - <view bindtap='tip' data-ty="0" class="timeac right {{type==0?'active':''}}">即将开始</view> | |
| 6 | - </view> | |
| 7 | -</view> | |
| 2 | + | |
| 3 | +<view class=" body_frame"> | |
| 4 | + | |
| 5 | +<image class="xc-top-img" src="{{url}}/miniapp/images/team.jpg"> | |
| 6 | +</image> | |
| 7 | + | |
| 8 | 8 | <view class="kill-list"> |
| 9 | - <view class="kill-item" wx:for="{{goodlist}}" > | |
| 10 | - <navigator class="kill-pic" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | |
| 9 | + <view class="kill-item" wx:for="{{goodlist}}" wx:if="{{item.djs.hide==1}}"> | |
| 10 | + <navigator class="kill-pic " url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | |
| 11 | 11 | <image class="wh100" src="{{url+item.original_img}}" data-val="{{item.original_img}}" |
| 12 | 12 | data-errorimg="goodlist[{{index}}].original_img" binderror="bind_bnerr2" lazy-load="true"></image> |
| 13 | - <view wx:if="{{item.kttype==1}}" class="tbiao">商家团</view> | |
| 14 | - <view wx:if="{{item.kttype==2}}" class="tbiao">会员团</view> | |
| 15 | - <view wx:if="{{item.kttype==3}}" class="tbiao">阶梯团</view> | |
| 13 | + | |
| 16 | 14 | </navigator> |
| 17 | 15 | <view class="kill-cont"> |
| 18 | 16 | <navigator class="goods-name ellipsis-2" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">{{item.title}}</navigator> |
| 19 | - <view class="tneirong">已团{{item.buy_num}}件 {{item.ct_num}}人团</view> | |
| 20 | - <view class="goods-num"> | |
| 21 | - <view> | |
| 22 | - <view class="co-red">¥{{item.price}}<span class="underline">¥{{item.market_price}}</span></view> | |
| 23 | - <view> | |
| 17 | + <view class="flex"> | |
| 18 | + <view class="tneirong red-b flex-vertical rel" wx:if="{{type==1}}"> | |
| 19 | + <image class="xc-team-img abs" src="{{url}}/miniapp/images/fril.png"></image> | |
| 20 | + 已拼{{item.buy_num}}份</view> | |
| 21 | + <view class="fs20 flex xc-people-val-frame" | |
| 22 | + style="border-color:{{type==1?'#d60021':'#059de5'}};margin-left:{{type==1?'15rpx':'0rpx'}}"> | |
| 23 | + <view class=" flex-center val-img {{type==1?'red-b':'blue_b'}}"> | |
| 24 | + <image class="people-img"src="{{iurl}}/miniapp/images/bai-ren.png"></image> | |
| 25 | + </view> | |
| 26 | + <text class="{{type==1?'red-co':'blue_c ai-bas'}}" style="margin-left:8rpx; margin-right:8rpx">{{item.ct_num}}人团</text> | |
| 27 | + </view> | |
| 28 | + <view class="fs20 blue_c time-blue" wx:if="{{type==0}}"> | |
| 29 | + 距开始: | |
| 30 | + <text class='tui-conutdown-box'>{{item.djs.day}}</text>天 | |
| 31 | + <text class='tui-conutdown-box'>{{item.djs.hou}}</text>时 | |
| 32 | + <text class='tui-conutdown-box'>{{item.djs.min}}</text>分 | |
| 33 | + <text class='tui-conutdown-box tui-countdown-bg'>{{item.djs.sec}}</text>秒 | |
| 34 | + </view> | |
| 35 | + | |
| 36 | + | |
| 37 | + </view> | |
| 38 | + <view class="fs24 red-co" wx:if="{{type==1}}"> | |
| 24 | 39 | <text class='tui-conutdown-box'>{{item.djs.day}}</text>天 |
| 25 | 40 | <text class='tui-conutdown-box'>{{item.djs.hou}}</text>时 |
| 26 | 41 | <text class='tui-conutdown-box'>{{item.djs.min}}</text>分 |
| 27 | 42 | <text class='tui-conutdown-box tui-countdown-bg'>{{item.djs.sec}}</text>秒 |
| 28 | 43 | </view> |
| 44 | + <view class="goods-num"style="margin-top:{{type==0?'42rpx':'18rpx'}}"> | |
| 45 | + <view> | |
| 46 | + | |
| 47 | + <view class="fs40 flex xc-top15 {{type==1?'red-co ai-bas':'blue_c xc-lihe42 ai-bas'}}"> | |
| 48 | + <text class="fs28 {{type==0?'martop13':''}}">¥</text> | |
| 49 | + <text style="margin-left:-5rpx">{{item.price}}</text> | |
| 50 | + <span class="underline {{type==0?'martop18':''}}">零售价¥{{item.market_price}}</span> | |
| 51 | + </view> | |
| 52 | + | |
| 29 | 53 | </view> |
| 30 | - <view class="kill-btn "> | |
| 31 | - <navigator class="huise" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{type==0 && item.kttype==1 }}" >去参团</navigator> | |
| 32 | - <navigator class="huise" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{type==0 && item.kttype==2 }}" >去开团</navigator> | |
| 33 | - <navigator class="huise" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{type==0 && item.kttype==3 }}" >去开团</navigator> | |
| 54 | + <view class="kill-btn"> | |
| 55 | + <navigator class="huise"style="background-color: #059de5;" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{type==0 && item.kttype==1 }}">即将开始</navigator> | |
| 56 | + <navigator class="huise"style="background-color: #059de5;" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{type==0 && item.kttype==2 }}" >即将开始</navigator> | |
| 57 | + <navigator class="huise"style="background-color: #059de5;" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{type==0 && item.kttype==3 }}" >即将开始</navigator> | |
| 34 | 58 | |
| 35 | - <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{item.status==1 && type==1 && item.kttype==1}}">去参团</navigator> | |
| 59 | + <navigator class="blue_b" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{item.status==1 && type==1 && item.kttype==1}}">去参团</navigator> | |
| 36 | 60 | <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{item.status==1 && type==1 && item.kttype==2}}">去开团</navigator> |
| 37 | 61 | <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{item.status==1 && type==1 && item.kttype==3}}">去开团</navigator> |
| 38 | 62 | |
| ... | ... | @@ -41,7 +65,23 @@ |
| 41 | 65 | </view> |
| 42 | 66 | </view> |
| 43 | 67 | </view> |
| 68 | + <view style="height:120rpx"></view> | |
| 69 | +</view> | |
| 70 | +<view class="kill-time xc-seckill-bottom"> | |
| 71 | + | |
| 72 | + <view class="theader" > | |
| 73 | + <view bindtap='tip' data-ty="1" class="xc-border-right flex-center timeac left {{type==1?'active':''}}"> | |
| 74 | + <image class="xc-bottom" | |
| 75 | + src="{{type==1?'{{url}}/miniapp/images/fire-red.png':'{{url}}/miniapp/images/fire-black.png'}}"></image> | |
| 76 | + 火热进行中</view> | |
| 77 | + <view bindtap='tip' data-ty="0" class=" flex-center timeac right {{type==0?'active':''}}"> | |
| 78 | + <image class="xc-bottom" | |
| 79 | + src="{{type==0?'{{url}}/miniapp/images/clock-rad.png':'{{url}}/miniapp/images/clock-black.png'}}"></image> | |
| 80 | + 即将开始</view> | |
| 81 | + </view> | |
| 82 | + | |
| 44 | 83 | </view> |
| 45 | 84 | |
| 46 | 85 | <view class="no-more" wx:if="{{goodlist.length==0}}">没有相关内容</view> |
| 86 | +</view> | |
| 47 | 87 | </block> |
| 48 | 88 | \ No newline at end of file | ... | ... |
pages/activity/pind_list/pind_list.wxss
| 1 | +page{ | |
| 2 | + background: #eee | |
| 3 | +} | |
| 4 | +.kill-list{ | |
| 5 | + width: 95%; | |
| 6 | + margin-top: -50rpx; | |
| 7 | + position:absolute; | |
| 8 | + left: 2.5%; | |
| 9 | + | |
| 10 | +} | |
| 11 | + | |
| 1 | 12 | .kill-time { |
| 2 | 13 | text-align: center; |
| 3 | 14 | justify-content: space-around; |
| 4 | 15 | align-items: center; |
| 5 | - height: 178rpx; | |
| 16 | + height: 101rpx; | |
| 6 | 17 | border-bottom: 1px solid #ddd; |
| 7 | 18 | border-top: 1px solid #ddd; |
| 8 | 19 | background-color: #f6f6f6; |
| 9 | 20 | } |
| 10 | 21 | .kill-time .theader{ |
| 11 | - width: 86%; display: flex; margin: 0 auto; | |
| 22 | + display: flex; margin: 0 auto; align-items: center; | |
| 23 | + height: 100rpx; | |
| 24 | + | |
| 12 | 25 | } |
| 13 | 26 | |
| 27 | + | |
| 14 | 28 | .kill-time .theader .timeac { |
| 15 | - font-size: 32rpx; height: 78rpx; line-height:78rpx; width: 50%; margin-top: 50rpx; | |
| 29 | + font-size: 32rpx; height:100%; width: 50%; | |
| 16 | 30 | color: #333; background-color: #fff; |
| 31 | + | |
| 17 | 32 | } |
| 18 | -.kill-time .theader .timeac.left{border-top-left-radius: 86rpx; border-bottom-left-radius: 86rpx;} | |
| 19 | -.kill-time .theader .timeac.right{border-top-right-radius: 86rpx; border-bottom-right-radius: 86rpx;} | |
| 20 | -.kill-time .theader .timeac.active{background-color: #c4182e;color: #fff} | |
| 33 | + | |
| 34 | +/* .kill-time .theader .timeac.left{border-top-left-radius: 86rpx; border-bottom-left-radius: 86rpx;} | |
| 35 | +.kill-time .theader .timeac.right{border-top-right-radius: 86rpx; border-bottom-right-radius: 86rpx;} */ | |
| 36 | +.kill-time .theader .timeac.active{color: #c4182e} | |
| 37 | + | |
| 21 | 38 | |
| 22 | 39 | .kill-item { |
| 23 | - display: flex; | |
| 40 | + display: flex; | |
| 24 | 41 | justify-content: space-between; |
| 25 | 42 | background-color: #fff; |
| 26 | 43 | padding: 10rpx 20rpx; |
| 27 | 44 | margin-bottom: 10rpx; |
| 45 | + border-radius: 10rpx; | |
| 46 | + height: 249rpx; | |
| 47 | + align-items: center; | |
| 48 | + padding-left: 20rpx; | |
| 49 | + | |
| 50 | + | |
| 28 | 51 | } |
| 29 | 52 | |
| 30 | 53 | .kill-pic { |
| 31 | - width: 200rpx; | |
| 32 | - height: 200rpx; | |
| 54 | + width: 215rpx; | |
| 55 | + height: 215rpx; | |
| 33 | 56 | position: relative; |
| 34 | 57 | } |
| 35 | 58 | |
| ... | ... | @@ -40,23 +63,28 @@ |
| 40 | 63 | } |
| 41 | 64 | |
| 42 | 65 | .kill-cont { |
| 43 | - width: 480rpx; | |
| 66 | + width: 440rpx; | |
| 67 | + height: 215rpx; | |
| 68 | + margin-left: 16rpx; | |
| 44 | 69 | } |
| 45 | 70 | |
| 46 | 71 | .goods-name { |
| 47 | - height: 48rpx; | |
| 48 | - line-height: 48rpx; | |
| 49 | - font-size: 24rpx; | |
| 50 | - color: #555; | |
| 72 | + height: 60rpx; | |
| 73 | + margin-bottom: 18rpx; | |
| 74 | + font-size: 27rpx; | |
| 75 | + color: #555; | |
| 76 | + line-height: 30rpx; | |
| 77 | + | |
| 51 | 78 | } |
| 52 | 79 | |
| 53 | 80 | .goods-num { |
| 54 | - padding-top: 10rpx; | |
| 81 | + height: 60rpx; | |
| 55 | 82 | display: flex; |
| 56 | 83 | justify-content: space-between; |
| 57 | - line-height: 42rpx; | |
| 84 | + margin-top: 10rpx; | |
| 58 | 85 | font-size: 24rpx; |
| 59 | 86 | color: #999; |
| 87 | + align-items: center; | |
| 60 | 88 | } |
| 61 | 89 | |
| 62 | 90 | .goods-num .co-red { |
| ... | ... | @@ -70,12 +98,18 @@ |
| 70 | 98 | |
| 71 | 99 | .kill-btn { |
| 72 | 100 | text-align: right; |
| 101 | + padding-top: 15rpx; | |
| 102 | + | |
| 73 | 103 | } |
| 74 | 104 | |
| 105 | + | |
| 75 | 106 | .kill-btn>navigator { |
| 76 | 107 | padding: 0 20rpx; |
| 77 | 108 | background: #e23245; |
| 78 | 109 | color: #fff; |
| 110 | + border-radius: 20rem; | |
| 111 | +line-height: 43rpx; | |
| 112 | +margin-top: 4rpx; | |
| 79 | 113 | } |
| 80 | 114 | |
| 81 | 115 | .kill-btn .gray { |
| ... | ... | @@ -89,5 +123,76 @@ |
| 89 | 123 | color: #333; |
| 90 | 124 | } |
| 91 | 125 | |
| 92 | -.kill-btn>navigator.huise{background-color: gainsboro;} | |
| 93 | -.tneirong{color:#555; font-size: 21rpx;} | |
| 94 | 126 | \ No newline at end of file |
| 127 | +.kill-btn>navigator.huise{background-color:#999999;} | |
| 128 | +.tneirong{ | |
| 129 | + color:#fff; | |
| 130 | + font-size: 20rpx; | |
| 131 | + border-radius:20rpx; | |
| 132 | + padding-left: 32rpx; | |
| 133 | + padding-right: 15rpx; | |
| 134 | + padding-bottom: 2rpx; | |
| 135 | + height: 28rpx; | |
| 136 | + line-height: 28rpx; | |
| 137 | + | |
| 138 | + | |
| 139 | + } | |
| 140 | +.body_frame { | |
| 141 | +width: 100%; | |
| 142 | +height: 100%; | |
| 143 | + | |
| 144 | +} | |
| 145 | +.xc-top-img{ | |
| 146 | + width: 100%; | |
| 147 | + height: 333rpx; | |
| 148 | + margin-top: 5rpx; | |
| 149 | + | |
| 150 | +} | |
| 151 | +.xc-seckill-bottom{ | |
| 152 | + position: fixed; | |
| 153 | +bottom: 0rpx; | |
| 154 | +width: 100%; | |
| 155 | +} | |
| 156 | +.xc-bottom{ | |
| 157 | + width: 45rpx; | |
| 158 | + height: 45rpx; | |
| 159 | + margin-right: 13rpx; | |
| 160 | +} | |
| 161 | +.xc-border-right{ | |
| 162 | + border-right: 4rpx solid #eee; | |
| 163 | +} | |
| 164 | +.xc-team-img{ | |
| 165 | +width:38rpx; | |
| 166 | +height: 45rpx; | |
| 167 | +left: -1rpx; | |
| 168 | +top: -16rpx; | |
| 169 | +} | |
| 170 | + | |
| 171 | +.xc-people-val-frame{ | |
| 172 | + border: 3rpx solid #d60021;border-radius: 8rpx;overflow: hidden; | |
| 173 | + | |
| 174 | +} | |
| 175 | +.xc-people-val-frame .val-img{ | |
| 176 | +width:33rpx;height:28rpx;border-radius: 8rpx;margin-left: -2rpx; | |
| 177 | +} | |
| 178 | +.xc-top15{ | |
| 179 | + padding-top: 15rpx; | |
| 180 | + margin-top: 6rpx; | |
| 181 | +} | |
| 182 | +.people-img{ | |
| 183 | + width:20rpx;height:20rpx | |
| 184 | +} | |
| 185 | +.time-blue{ | |
| 186 | +margin-left: 10rpx; | |
| 187 | +} | |
| 188 | +.martop13{ | |
| 189 | +margin-top:4rpx; | |
| 190 | + | |
| 191 | +} | |
| 192 | +.martop18{ | |
| 193 | +margin-top: 8rpx; | |
| 194 | + | |
| 195 | +} | |
| 196 | +.xc-lihe42{ | |
| 197 | + height: 60rpx; | |
| 198 | + | |
| 199 | +} | |
| 95 | 200 | \ No newline at end of file | ... | ... |
pages/activity/seckill_list/seckill_list.js
| ... | ... | @@ -58,11 +58,11 @@ Page({ |
| 58 | 58 | let min = parseInt(time % (60 * 60 * 24) % 3600 / 60); |
| 59 | 59 | let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60); |
| 60 | 60 | obj = { |
| 61 | - day: this.timeFormat(day), hou: this.timeFormat(hou), min: this.timeFormat(min), sec: this.timeFormat(sec) | |
| 61 | + day: this.timeFormat(day), hou: this.timeFormat(hou), min: this.timeFormat(min), sec: this.timeFormat(sec), hide: 1 | |
| 62 | 62 | } |
| 63 | 63 | }else{ |
| 64 | 64 | //活动已结束,全部设置为'00' |
| 65 | - obj = { day: '00', hou: '00', min: '00', sec: '00' } | |
| 65 | + obj = { day: '00', hou: '00', min: '00', sec: '00' } | |
| 66 | 66 | } |
| 67 | 67 | var txt ="goodlist["+i+"].djs"; |
| 68 | 68 | th.setData({ [txt]: obj}); |
| ... | ... | @@ -80,6 +80,7 @@ Page({ |
| 80 | 80 | {isShowLoading:1,data:{store_id:os.stoid,timetype:th.data.type,is_end:0,is_show:1}} |
| 81 | 81 | ).then(res=>{ |
| 82 | 82 | plist=res.data.data.pageData; |
| 83 | + console.log("是什么即将开始",plist); | |
| 83 | 84 | }); |
| 84 | 85 | |
| 85 | 86 | if(plist.length<=0){ |
| ... | ... | @@ -101,6 +102,7 @@ Page({ |
| 101 | 102 | alllist.push(plist[i]); |
| 102 | 103 | } |
| 103 | 104 | e.data.currentPage++; |
| 105 | + console.log("秒杀商品列表", alllist); | |
| 104 | 106 | th.setData({goodlist:alllist,isshow:1}); |
| 105 | 107 | |
| 106 | 108 | }, | ... | ... |
pages/activity/seckill_list/seckill_list.wxml
| 1 | +<wxs module="filters" src="../../../utils/filter.wxs"></wxs> | |
| 1 | 2 | <block wx:if="{{isshow}}"> |
| 2 | -<view class="kill-time"> | |
| 3 | - <view class="theader" > | |
| 4 | - <view bindtap='tip' data-ty="1" class="timeac left {{type==1?'active':''}}">秒杀中</view> | |
| 5 | - <view bindtap='tip' data-ty="0" class="timeac right {{type==0?'active':''}}">即将秒杀</view> | |
| 6 | - </view> | |
| 7 | -</view> | |
| 8 | -<view class="kill-list"> | |
| 9 | - <view class="kill-item" wx:for="{{goodlist}}" > | |
| 10 | - <navigator class="kill-pic" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | |
| 3 | +<view class=" body_frame"> | |
| 4 | + | |
| 5 | +<image class="xc-top-img" src="{{url}}/miniapp/images/seckill_top_img.jpg"> | |
| 6 | +</image> | |
| 7 | + | |
| 8 | + | |
| 9 | +<view class="kill-list abs seckill_list"> | |
| 10 | + <view class="kill-item" wx:for="{{goodlist}}" wx:if="{{item.djs.hide}}" > | |
| 11 | + <navigator class="kill-pic rel" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | |
| 12 | + <image class="abs xc-miaosha" src="{{url}}/miniapp/images/zms.png"></image> | |
| 11 | 13 | <image class="wh100" src="{{url+item.original_img}}" data-val="{{item.original_img}}" |
| 12 | 14 | data-errorimg="goodlist[{{index}}].original_img" binderror="bind_bnerr2" lazy-load="true"></image> |
| 13 | 15 | </navigator> |
| 14 | 16 | <view class="kill-cont"> |
| 15 | 17 | <navigator class="goods-name ellipsis-2" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">{{item.title}}</navigator> |
| 18 | + <view class="flex-vertical xc-strip-frame"> | |
| 19 | + <view class="xc-strip-blank rel"> | |
| 20 | + | |
| 21 | + <view class="flex-vertical rel total"> | |
| 22 | + <view class="t-c abs xc-fill"style="width:{{type==1?100-(item.buy_num+item.virtual) /(item.goods_num+item.virtual)*100:'100'}}%;background:{{type==1?'#e4374d':'#059de5'}};"> | |
| 23 | + </view> | |
| 24 | + <text class="fs20 white abs xc-fill-text" style="">剩余{{type==1?filters.toFix(100-(item.buy_num+item.virtual)/(item.goods_num+item.virtual)*100,0):'100'}}%</text> | |
| 25 | + </view> | |
| 26 | + | |
| 27 | + </view> | |
| 28 | + <view class=" ml10 fs20 " > 已抢{{item.buy_num+item.virtual}}件</view> | |
| 29 | + </view> | |
| 30 | + | |
| 31 | + | |
| 16 | 32 | <view class="goods-num"> |
| 17 | 33 | <view> |
| 18 | - <view class="co-red">¥{{item.price}}<span class="underline">¥{{item.market_price}}</span></view> | |
| 19 | - <view> | |
| 20 | - <text class='tui-conutdown-box'>{{item.djs.day}}</text>天 | |
| 34 | + <view class="{{type==1?'xc-wc':'blue_c'}}"> | |
| 35 | + <text>剩余:</text> | |
| 36 | + <text class='tui-conutdown-box'> {{item.djs.day}}</text>天 | |
| 21 | 37 | <text class='tui-conutdown-box'>{{item.djs.hou}}</text>时 |
| 22 | 38 | <text class='tui-conutdown-box'>{{item.djs.min}}</text>分 |
| 23 | 39 | <text class='tui-conutdown-box tui-countdown-bg'>{{item.djs.sec}}</text>秒 |
| 24 | 40 | </view> |
| 41 | + <view class="fs40 flex xc-buttom-money {{type==1?'xc-wc':'blue_c'}}" > | |
| 42 | + <view class="fs28" style="line-height: 16px;">¥</view> | |
| 43 | + <text>{{item.price}}</text> | |
| 44 | + <span class="underline fs20">零售价¥{{item.market_price}}</span></view> | |
| 45 | + | |
| 25 | 46 | </view> |
| 26 | 47 | <view class="kill-btn "> |
| 27 | - <navigator class="huise" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{type==0}}" >马上抢</navigator> | |
| 48 | + <navigator style="background-color: #059de5;" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{type==0}}" >立即开始</navigator> | |
| 28 | 49 | <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{item.status==1 && type==1}}">马上抢</navigator> |
| 29 | - <navigator class="huise" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{item.status==3 && type==1}}">已抢光</navigator> | |
| 50 | + <navigator class="huise"url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" wx:if="{{item.status==3 && type==1}}">已抢光</navigator> | |
| 30 | 51 | </view> |
| 31 | 52 | </view> |
| 32 | 53 | </view> |
| 33 | 54 | </view> |
| 55 | + <view style="height:120rpx"></view> | |
| 34 | 56 | </view> |
| 57 | +<view class="kill-time xc-seckill-bottom"> | |
| 58 | + <view class="theader" > | |
| 59 | + <view bindtap='tip' data-ty="1" class="xc-border-right flex-center timeac left {{type==1?'active':''}}"> | |
| 60 | + <image class="xc-bottom" | |
| 61 | + src="{{type==1?'{{url}}/miniapp/images/fire-red.png':'{{url}}/miniapp/images/fire-black.png'}}"></image> | |
| 62 | + 火热进行中</view> | |
| 63 | + <view bindtap='tip' data-ty="0" class=" flex-center timeac right {{type==0?'active':''}}"> | |
| 64 | + <image class="xc-bottom" | |
| 65 | + src="{{type==0?'{{url}}/miniapp/images/clock-rad.png':'{{url}}/miniapp/images/clock-black.png'}}"></image> | |
| 66 | + 即将开始</view> | |
| 67 | + </view> | |
| 68 | +</view> | |
| 69 | + | |
| 70 | + | |
| 35 | 71 | <view class="no-more" wx:if="{{goodlist.length==0}}">没有相关内容</view> |
| 72 | +</view> | |
| 73 | + | |
| 36 | 74 | </block> | ... | ... |
pages/activity/seckill_list/seckill_list.wxss
| 1 | + page{ | |
| 2 | + background: #eee; | |
| 3 | + color: #333; | |
| 4 | + } | |
| 5 | + .body_frame{ | |
| 6 | + width: 100%; | |
| 7 | + height: 100%; | |
| 8 | + | |
| 9 | + } | |
| 10 | +.xc-top-img{ | |
| 11 | + width: 100%; | |
| 12 | + height: 333rpx; | |
| 13 | + margin-top: 5rpx; | |
| 14 | +} | |
| 15 | +.kill-list{ | |
| 16 | + /* height: 807rpx; */ | |
| 17 | + /* overflow-y: scroll; */ | |
| 18 | +} | |
| 19 | +.seckill_list{ | |
| 20 | +margin-top: -50rpx; | |
| 21 | +left: 2%; | |
| 22 | +} | |
| 23 | +.seckill{ | |
| 24 | + width: 95%; | |
| 25 | +margin: auto; | |
| 26 | + | |
| 27 | +} | |
| 1 | 28 | .kill-time { |
| 2 | 29 | text-align: center; |
| 3 | 30 | justify-content: space-around; |
| 4 | 31 | align-items: center; |
| 5 | - height: 178rpx; | |
| 32 | + height: 101rpx; | |
| 6 | 33 | border-bottom: 1px solid #ddd; |
| 7 | 34 | border-top: 1px solid #ddd; |
| 8 | 35 | background-color: #f6f6f6; |
| 9 | 36 | } |
| 10 | 37 | .kill-time .theader{ |
| 11 | - width: 86%; display: flex; margin: 0 auto; | |
| 38 | + display: flex; margin: 0 auto; align-items: center; | |
| 39 | + height: 100rpx; | |
| 40 | + | |
| 12 | 41 | } |
| 13 | 42 | .kill-time .theader .timeac { |
| 14 | - font-size: 32rpx; height: 78rpx; line-height:78rpx; width: 50%; margin-top: 50rpx; | |
| 43 | + font-size: 32rpx; height:100%; width: 50%; | |
| 15 | 44 | color: #333; background-color: #fff; |
| 45 | + | |
| 16 | 46 | } |
| 17 | -.kill-time .theader .timeac.left{border-top-left-radius: 86rpx; border-bottom-left-radius: 86rpx;} | |
| 18 | -.kill-time .theader .timeac.right{border-top-right-radius: 86rpx; border-bottom-right-radius: 86rpx;} | |
| 19 | -.kill-time .theader .timeac.active{background-color: #c4182e;color: #fff} | |
| 47 | +/* .kill-time .theader .timeac.left{border-top-left-radius: 86rpx; border-bottom-left-radius: 86rpx;} | |
| 48 | +.kill-time .theader .timeac.right{border-top-right-radius: 86rpx; border-bottom-right-radius: 86rpx;} */ | |
| 49 | +.kill-time .theader .timeac.active{color: #c4182e} | |
| 20 | 50 | |
| 21 | 51 | .kill-item { |
| 22 | 52 | display: flex; |
| 23 | 53 | justify-content: space-between; |
| 24 | 54 | background-color: #fff; |
| 25 | - padding: 10rpx 20rpx; | |
| 55 | + padding: 10rpx 10rpx; | |
| 26 | 56 | margin-bottom: 10rpx; |
| 57 | + border-radius: 10rpx; | |
| 58 | + height: 249rpx; | |
| 59 | + align-items: center; | |
| 27 | 60 | } |
| 28 | 61 | |
| 29 | 62 | .kill-pic { |
| 30 | - width: 200rpx; | |
| 31 | - height: 200rpx; | |
| 63 | + width: 215rpx; | |
| 64 | + height: 215rpx; | |
| 32 | 65 | } |
| 33 | 66 | |
| 34 | 67 | .kill-cont { |
| 35 | - width: 480rpx; | |
| 68 | + width: 465rpx; | |
| 69 | + margin-left:20rpx; | |
| 70 | + margin-right: 5rpx; | |
| 36 | 71 | } |
| 37 | 72 | |
| 38 | 73 | .goods-name { |
| 39 | - height: 96rpx; | |
| 40 | - line-height: 48rpx; | |
| 41 | - font-size: 24rpx; | |
| 74 | + height: 60rpx; | |
| 75 | + font-size: 27rpx; | |
| 42 | 76 | color: #555; |
| 77 | + line-height: 30rpx; | |
| 78 | + | |
| 43 | 79 | } |
| 44 | 80 | |
| 45 | 81 | .goods-num { |
| ... | ... | @@ -57,17 +93,28 @@ |
| 57 | 93 | } |
| 58 | 94 | |
| 59 | 95 | .underline { |
| 60 | - text-decoration: line-through; color:#999999; font-size: 20rpx; margin-left: 5rpx; | |
| 96 | + text-decoration: line-through; | |
| 97 | + color:#999999; font-size: 20rpx; | |
| 98 | + margin-left: 10rpx; | |
| 99 | + line-height: 30rpx; | |
| 61 | 100 | } |
| 62 | 101 | |
| 63 | 102 | .kill-btn { |
| 64 | 103 | text-align: right; |
| 104 | + display: flex; | |
| 105 | +height: 100%; | |
| 106 | +align-items: flex-end; | |
| 107 | +padding-top: 4rpx; | |
| 108 | + | |
| 65 | 109 | } |
| 66 | 110 | |
| 67 | 111 | .kill-btn>navigator { |
| 68 | 112 | padding: 0 20rpx; |
| 69 | 113 | background: #e23245; |
| 70 | 114 | color: #fff; |
| 115 | + border-radius: 20rpx; | |
| 116 | + margin-top: 37px; | |
| 117 | + | |
| 71 | 118 | } |
| 72 | 119 | |
| 73 | 120 | .kill-btn .gray { |
| ... | ... | @@ -81,4 +128,51 @@ |
| 81 | 128 | color: #333; |
| 82 | 129 | } |
| 83 | 130 | |
| 84 | -.kill-btn>navigator.huise{background-color: gainsboro;} | |
| 85 | 131 | \ No newline at end of file |
| 132 | +.kill-btn>navigator.huise{background-color: #999;} | |
| 133 | +.xc-seckill-bottom{ | |
| 134 | + position: fixed; | |
| 135 | +bottom: 0rpx; | |
| 136 | +width: 100%; | |
| 137 | + | |
| 138 | +} | |
| 139 | +.xc-bottom{ | |
| 140 | + width: 45rpx; | |
| 141 | + height: 45rpx; | |
| 142 | + margin-right: 13rpx; | |
| 143 | +} | |
| 144 | +.xc-border-right{ | |
| 145 | + border-right: 4rpx solid #eee; | |
| 146 | + | |
| 147 | +} | |
| 148 | +.ml10{ | |
| 149 | +margin-left: 45rpx; | |
| 150 | +} | |
| 151 | +.total{ | |
| 152 | + width:215rpx;height:26rpx;border-radius:20rpx; | |
| 153 | + background: #ffe3e2; | |
| 154 | +} | |
| 155 | +.xc-buttom-money{ | |
| 156 | + align-items: baseline; | |
| 157 | +padding-top: 43rpx; | |
| 158 | +} | |
| 159 | + | |
| 160 | +.xc-miaosha{ | |
| 161 | +width: 68rpx; | |
| 162 | +height: 40rpx; | |
| 163 | + | |
| 164 | +} | |
| 165 | +.xc-strip-frame{ | |
| 166 | + width:440rpx;margin-top: 10rpx; | |
| 167 | +} | |
| 168 | +.xc-strip-blank{ | |
| 169 | + width:180rpx; | |
| 170 | +height: 26rpx; | |
| 171 | +} | |
| 172 | +.xc-fill{ | |
| 173 | +border-radius:20rpx;height:26rpx; | |
| 174 | +} | |
| 175 | +.xc-fill-text{ | |
| 176 | + left:34%; | |
| 177 | + line-height: 26rpx; | |
| 178 | + | |
| 179 | +} | |
| 86 | 180 | \ No newline at end of file | ... | ... |
pages/goods/categoryList/categoryList.js
pages/goods/goodsInfo/goodsInfo.js
| ... | ... | @@ -8,7 +8,7 @@ var t = require("../../../utils/util.js"), |
| 8 | 8 | oo = s.globalData, |
| 9 | 9 | o = s.globalData.setting, |
| 10 | 10 | os = o; |
| 11 | -//评价加载更多 | |
| 11 | +//评价加载更多 | |
| 12 | 12 | var more = function(e) { |
| 13 | 13 | return e && e.__esModule ? e : { |
| 14 | 14 | default: e |
| ... | ... | @@ -1402,6 +1402,7 @@ Page({ |
| 1402 | 1402 | prom_start_time: prom_start_time, |
| 1403 | 1403 | isshow:1, |
| 1404 | 1404 | }); |
| 1405 | + | |
| 1405 | 1406 | |
| 1406 | 1407 | var newTime = ut.gettimestamp(); |
| 1407 | 1408 | var endTime2 = t.data.data.end_time; | ... | ... |
pages/goods/goodsInfo/goodsInfo.wxml
| ... | ... | @@ -266,7 +266,7 @@ |
| 266 | 266 | </view> |
| 267 | 267 | <view class="word-line fs24 xc-unit-price">零售价¥{{data.market_price}}</view> |
| 268 | 268 | </view> |
| 269 | - <view class="xc-val-price"> | |
| 269 | + <view class="xc-val-price"> | |
| 270 | 270 | <view class="fs30" style='padding-left:13rpx;'>已抢:{{prom_act.buy_num+prom_act.virtual}}件</view> |
| 271 | 271 | <view class="fs30 save t-c">秒杀立省¥{{filters.toFix(data.market_price-prom_price,2)}}</view> |
| 272 | 272 | </view> | ... | ... |
pages/goods/goodsInfo/goodsInfo.wxss
| ... | ... | @@ -1139,7 +1139,7 @@ left:31rpx;} |
| 1139 | 1139 | width: 100%; |
| 1140 | 1140 | height: 42rpx; |
| 1141 | 1141 | padding-left: 34rpx; |
| 1142 | - color: #948485; | |
| 1142 | + color: #333; | |
| 1143 | 1143 | |
| 1144 | 1144 | } |
| 1145 | 1145 | .xc_comment-have-pictures{ |
| ... | ... | @@ -2228,6 +2228,8 @@ right:17rpx; top:55rpx; |
| 2228 | 2228 | |
| 2229 | 2229 | .no_pj_list{text-align: center; width: 100%; color: #999; margin-top: 30rpx; display: inline-block; font-size: 28rpx} |
| 2230 | 2230 | |
| 2231 | + | |
| 2231 | 2232 | .join-cart>view.no_store { |
| 2232 | 2233 | width: 58%; background-color: #adadad; |
| 2233 | 2234 | } |
| 2235 | + | ... | ... |
pages/goods/search/search.js
| ... | ... | @@ -44,6 +44,14 @@ Page({ |
| 44 | 44 | }) |
| 45 | 45 | e.init(this, "", "requestData"); |
| 46 | 46 | var url = this.data.baseUrl; |
| 47 | + | |
| 48 | + //扫一扫过来,显示搜索的内容 | |
| 49 | + var s_key = t.s_key; | |
| 50 | + if (s_key){ | |
| 51 | + this.search(s_key); this.openSearchModal(); | |
| 52 | + return; | |
| 53 | + } | |
| 54 | + | |
| 47 | 55 | if (0 != t.brand_id && t.brand_id!=undefined){ url += "&brand_id=" + t.brand_id;} |
| 48 | 56 | if (0 != t.nation_id && t.nation_id!=undefined) { url += "&nation_id=" + t.nation_id;} |
| 49 | 57 | if (0 != t.max_price && t.max_price!=undefined) { url += "&min_pirce=" + t.min_pirce + "&max_price=" + t.max_price;} |
| ... | ... | @@ -73,7 +81,7 @@ Page({ |
| 73 | 81 | requestSearch: function(t) { |
| 74 | 82 | var a = this; |
| 75 | 83 | console.log('requestSearch'); |
| 76 | - console.log(t); | |
| 84 | + console.log(t,"扫描商品的搜索商品1111111111111111111111111111"); | |
| 77 | 85 | |
| 78 | 86 | this.data.requestUrl = t, |
| 79 | 87 | //t += "&orderField=" + a.data.tabname; |
| ... | ... | @@ -136,6 +144,7 @@ Page({ |
| 136 | 144 | |
| 137 | 145 | //-----点击搜索按钮---- |
| 138 | 146 | search: function(t) { |
| 147 | + console.log(t,"是什么的"); | |
| 139 | 148 | if ("string" != typeof t || "" == t) return a.showWarning("请输入搜索关键词"); |
| 140 | 149 | this.resetData(), this.requestSearch(this.data.baseUrl + "&key_str=" + encodeURIComponent(t)); |
| 141 | 150 | }, | ... | ... |
pages/index/index/index.js
| ... | ... | @@ -6,7 +6,7 @@ var e = function (e) { |
| 6 | 6 | i = require("../../../utils/util.js"), ut = i, s = require("../../../utils/common.js"), n = new e.default(); |
| 7 | 7 | var regeneratorRuntime = require('../../../utils/runtime.js'); |
| 8 | 8 | var api = require('../../../api/api.js'); |
| 9 | - | |
| 9 | + | |
| 10 | 10 | Page({ |
| 11 | 11 | data: { |
| 12 | 12 | url: o.imghost, |
| ... | ... | @@ -34,7 +34,6 @@ Page({ |
| 34 | 34 | pindGoods: null,//拼单数据 |
| 35 | 35 | newGoods:null,//新商品 |
| 36 | 36 | hotGoods:null,//hot商品 |
| 37 | - | |
| 38 | 37 | //----控制是是否显示计时器--- |
| 39 | 38 | is_timer:1, |
| 40 | 39 | ishow:0, |
| ... | ... | @@ -42,32 +41,95 @@ Page({ |
| 42 | 41 | isTemplate:0, |
| 43 | 42 | template_arr:null, |
| 44 | 43 | bgcolor_t:'', |
| 44 | + | |
| 45 | + banner_index:0, | |
| 46 | + flash_index:0, | |
| 47 | + pt_index:0, | |
| 48 | + | |
| 49 | + pt_timer_item:null, | |
| 50 | + pt_timer_arr:null, | |
| 51 | + pt_timer:null, | |
| 52 | + pt_timer_active:0, | |
| 53 | + | |
| 54 | + //看下商家是否开通会员权益 | |
| 55 | + is_boot:0, | |
| 56 | + gd_category:null, | |
| 57 | + is_no_more:0, | |
| 45 | 58 | }, |
| 59 | + | |
| 46 | 60 | onLoad: function () { |
| 47 | 61 | var th = this; |
| 48 | - n.init(th, "", "recommend"); | |
| 62 | + // n.init(th, "", "recommend"); | |
| 63 | + | |
| 64 | + //看一下商家是否开通了权益 | |
| 65 | + //--初始化是否有打勾-- | |
| 66 | + getApp().request.promiseGet("/api/weshop/users/grade/vip/init/get", { | |
| 67 | + data: { storeId: os.stoid} | |
| 68 | + }).then(res => { | |
| 69 | + if(res.data.data){ | |
| 70 | + var is_init=res.data.data.isBool; | |
| 71 | + th.setData({is_boot:is_init}); | |
| 72 | + } | |
| 73 | + }) | |
| 74 | + | |
| 75 | + | |
| 76 | + | |
| 49 | 77 | }, |
| 78 | + | |
| 79 | + | |
| 50 | 80 | async onShow() { |
| 81 | + var th=this; | |
| 82 | + | |
| 51 | 83 | await this.init_load(); |
| 52 | 84 | //显示的时候要开启计时器 |
| 53 | - this.data.is_timer=1; | |
| 85 | + this.data.is_timer = 1; | |
| 54 | 86 | //如果是自定义模板 |
| 55 | - if(this.data.isTemplate) { | |
| 87 | + if (this.data.isTemplate) { | |
| 56 | 88 | //---先获取会员--- |
| 57 | - t.getUserFir(function () {}); | |
| 58 | - }else{ | |
| 89 | + t.getUserFir(function () { | |
| 90 | + }); | |
| 91 | + } else { | |
| 59 | 92 | await this.init_fir(); |
| 60 | 93 | } |
| 61 | - }, | |
| 62 | 94 | |
| 95 | + //--正再拼团中的处理-- | |
| 96 | + var url = "/api/weshop/order/pageTuan?pt_status=2&is_pt=1&store_id=" + os.stoid + "&pageSize=6&page=1" | |
| 97 | + await getApp().request.promiseGet(url, {}).then(res => { | |
| 98 | + if (res.data.code == 0 && res.data.data && res.data.data.pageData) { | |
| 99 | + th.data.pt_timer_arr = res.data.data.pageData; | |
| 100 | + } | |
| 101 | + }) | |
| 102 | + if (th.data.pt_timer_arr && th.data.pt_timer_arr.length > 0) { | |
| 103 | + for (var i in th.data.pt_timer_arr) { | |
| 104 | + var p_item = th.data.pt_timer_arr[i]; | |
| 105 | + await getApp().request.promiseGet("/api/weshop/users/get/" + os.stoid + "/" + p_item.user_id, {1: 1}).then(res => { | |
| 106 | + th.data.pt_timer_arr[i].head_pic = res.data.data.head_pic; | |
| 107 | + th.data.pt_timer_arr[i].nickname = res.data.data.nickname; | |
| 108 | + }) | |
| 109 | + } | |
| 110 | + th.Interval_pt(); | |
| 111 | + } | |
| 112 | + | |
| 113 | + //---处理正在6个分类---- | |
| 114 | + await getApp().request.promiseGet("/api/weshop/goodscategory/page", { | |
| 115 | + data: {store_id: os.stoid, pageSize: 5,is_show:1} | |
| 116 | + }).then(res => { | |
| 117 | + if(res.data.data) { | |
| 118 | + var gd_category = res.data.data.pageData; | |
| 119 | + | |
| 120 | + th.setData({gd_category: gd_category}); | |
| 121 | + } | |
| 122 | + }) | |
| 123 | + }, | |
| 124 | + | |
| 63 | 125 | //当隐藏的时候就关闭计时器 |
| 64 | 126 | onHide:function(){ |
| 65 | 127 | this.data.is_timer=0; |
| 128 | + clearInterval(this.data.pt_timer) | |
| 66 | 129 | }, |
| 67 | 130 | |
| 68 | 131 | //同步初始加载 |
| 69 | 132 | async init_load(){ |
| 70 | - | |
| 71 | 133 | var th=this; |
| 72 | 134 | await getApp().get_isbuy(); |
| 73 | 135 | this.setappdata(getApp().globalData.wxapp_buy_obj); |
| ... | ... | @@ -83,8 +145,8 @@ Page({ |
| 83 | 145 | th.setData({ template_arr: t_arr, isTemplate: 1, bgcolor_t: temp_data.bkcolor}); |
| 84 | 146 | } |
| 85 | 147 | }) |
| 86 | - console.log("init_load"); | |
| 87 | - console.log(getApp().globalData.config); | |
| 148 | + | |
| 149 | + | |
| 88 | 150 | //--首页的问题-- |
| 89 | 151 | if(getApp().globalData.config && getApp().globalData.config.store_name!=undefined && getApp().globalData.config.store_name!=null ){ |
| 90 | 152 | wx.setNavigationBarTitle({ |
| ... | ... | @@ -113,6 +175,7 @@ Page({ |
| 113 | 175 | } |
| 114 | 176 | console.log(arr); |
| 115 | 177 | if (arr.length>0) e.setData({ banner: arr, }); |
| 178 | + | |
| 116 | 179 | wx.stopPullDownRefresh(); |
| 117 | 180 | }) |
| 118 | 181 | |
| ... | ... | @@ -133,8 +196,7 @@ Page({ |
| 133 | 196 | flash_data = e.data.data.pageData; |
| 134 | 197 | if (flash_data == null || flash_data.length <= 0) return false; |
| 135 | 198 | |
| 136 | - console.log('flash_data'); | |
| 137 | - console.log(flash_data); | |
| 199 | + | |
| 138 | 200 | //当前时间戳 |
| 139 | 201 | var nt = ut.gettimestamp(); |
| 140 | 202 | console.log(nt); |
| ... | ... | @@ -153,7 +215,7 @@ Page({ |
| 153 | 215 | th.setData({ |
| 154 | 216 | saleGoods: arr |
| 155 | 217 | }); |
| 156 | - th.countDown(); | |
| 218 | + //th.countDown(); | |
| 157 | 219 | } |
| 158 | 220 | }); |
| 159 | 221 | |
| ... | ... | @@ -163,31 +225,45 @@ Page({ |
| 163 | 225 | store_id: os.stoid, |
| 164 | 226 | is_end: 0, |
| 165 | 227 | is_show: 1, |
| 166 | - pageSize: 9 | |
| 228 | + pageSize: 6 | |
| 167 | 229 | } |
| 168 | 230 | }).then(res => { |
| 169 | 231 | var e = res; |
| 170 | 232 | if (e.data.code == 0) { |
| 171 | 233 | var pd_data = e.data.data.pageData; |
| 234 | + | |
| 172 | 235 | if (pd_data.length == 0) return; |
| 173 | - | |
| 174 | - //当前时间戳 | |
| 236 | + | |
| 237 | + //获取当前 | |
| 175 | 238 | var nt = ut.gettimestamp(); |
| 176 | 239 | pd_data.forEach(function (val,ind) { |
| 177 | 240 | if(val.start_time>nt) pd_data[ind].status=0; |
| 178 | 241 | else if(val.end_time>nt) pd_data[ind].status=1; |
| 179 | 242 | if(val.buy_num>=val.goods_num) pd_data[ind].status=2; |
| 180 | 243 | }); |
| 181 | - | |
| 244 | + | |
| 245 | + //获取当前时间,比较拼团中还在未开始 | |
| 246 | + var timestamp = new Date().getTime(); | |
| 247 | + var is_team_tepy; | |
| 248 | + for (var j = 0; j < pd_data.length;j++ ){ | |
| 249 | + pd_data[j].is_team_tepy = 1; | |
| 250 | + if (timestamp<pd_data[j].start_time*1000){ | |
| 251 | + var is_team_tepy; | |
| 252 | + pd_data[j].is_team_tepy = 0; | |
| 253 | + } | |
| 254 | + } | |
| 255 | + | |
| 182 | 256 | var arr = new Array(); |
| 183 | - //--三个三个一组--- | |
| 184 | - for(var i=0;i< pd_data.length;i+=3){ | |
| 185 | - arr.push(pd_data.slice(i,i+3)); | |
| 257 | + //--2个2个一组--- | |
| 258 | + for(var i=0;i< pd_data.length;i+=2){ | |
| 259 | + | |
| 260 | + arr.push(pd_data.slice(i,i+2)); | |
| 186 | 261 | } |
| 262 | + | |
| 187 | 263 | th.setData({ |
| 188 | 264 | pindGoods: arr |
| 189 | 265 | }); |
| 190 | - //th.countDown2(); | |
| 266 | + th.countDown2(); | |
| 191 | 267 | } |
| 192 | 268 | }) |
| 193 | 269 | |
| ... | ... | @@ -231,13 +307,14 @@ Page({ |
| 231 | 307 | } |
| 232 | 308 | }) |
| 233 | 309 | //---调用信息--- |
| 234 | - this.requestRecommend(); | |
| 310 | + // this.requestRecommend(); | |
| 235 | 311 | this.setData({ishow:1}); |
| 236 | 312 | //---先获取会员--- |
| 237 | 313 | t.getUserFir(function () { |
| 238 | 314 | |
| 239 | 315 | }); |
| 240 | - | |
| 316 | + var goods_list = this.selectComponent("#goods_list"); //组件的id | |
| 317 | + goods_list.get_list(); | |
| 241 | 318 | }, |
| 242 | 319 | |
| 243 | 320 | //--判断小程序是否过期-- |
| ... | ... | @@ -255,17 +332,13 @@ Page({ |
| 255 | 332 | }, |
| 256 | 333 | //---加载更多是靠这个函数---- |
| 257 | 334 | onReachBottom: function () { |
| 258 | - n.canloadMore() && this.requestRecommend(); | |
| 335 | + | |
| 336 | + var goods_list = this.selectComponent("#goods_list"); //组件的id | |
| 337 | + goods_list.get_list(); | |
| 338 | + | |
| 259 | 339 | }, |
| 260 | 340 | |
| 261 | - //--更多商品-- | |
| 262 | - requestRecommend: function () { | |
| 263 | - var e = this, t = '/api/weshop/goods/page?page=' + e.data.currentPage; | |
| 264 | - n.request(t, function () { | |
| 265 | - e.data.currentPage++; | |
| 266 | - } | |
| 267 | - , null, { is_mainshow: 1, isonsale: 1, is_recommend:1, is_on_sale: 1, store_id: o.stoid, pageSize: 10 }); | |
| 268 | - }, | |
| 341 | + | |
| 269 | 342 | |
| 270 | 343 | onPullDownRefresh: function (e) { |
| 271 | 344 | this.data.recommend = null, this.data.currentPage = 1, n.resetConfig(), this.requestHomePage(), |
| ... | ... | @@ -298,13 +371,16 @@ Page({ |
| 298 | 371 | scrollTop: e.scrollTop |
| 299 | 372 | }); |
| 300 | 373 | var t = getCurrentPages(); |
| 301 | - "pages/index/index/index" == t[t.length - 1].route && (e.scrollTop > 10 ? wx.setNavigationBarColor({ | |
| 374 | + "pages/index/index/index" == t[t.length - 1].route; | |
| 375 | + /*-- | |
| 376 | + && (e.scrollTop > 10 ? wx.setNavigationBarColor({ | |
| 302 | 377 | frontColor: "#ffffff", |
| 303 | 378 | backgroundColor: "#f95959" |
| 304 | 379 | }) : wx.setNavigationBarColor({ |
| 305 | 380 | frontColor: "#000000", |
| 306 | 381 | backgroundColor: "#eeeeee" |
| 307 | - })); | |
| 382 | + }));--*/ | |
| 383 | + | |
| 308 | 384 | }, |
| 309 | 385 | jumpSearch: function () { |
| 310 | 386 | wx.navigateTo({ |
| ... | ... | @@ -327,12 +403,10 @@ Page({ |
| 327 | 403 | bind_bnerr2: function (e) { |
| 328 | 404 | var _errImg = e.target.dataset.errorimg; |
| 329 | 405 | var _errurl = e.target.dataset.url; |
| 330 | - var ii = _errurl.indexOf(o.imghost); | |
| 331 | - if (ii != -1) { | |
| 332 | 406 | var _errObj = {}; |
| 333 | - _errObj[_errImg] = this.data.url + "/miniapp/images/default_g_img.gif"; | |
| 334 | - this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | |
| 335 | - } | |
| 407 | + _errObj[_errImg] = "/miniapp/images/default_g_img.gif"; | |
| 408 | + this.setData(_errObj); //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | |
| 409 | + | |
| 336 | 410 | }, |
| 337 | 411 | //图片失败,默认图片 |
| 338 | 412 | bind_bnerr3: function (e) { |
| ... | ... | @@ -404,6 +478,9 @@ Page({ |
| 404 | 478 | //----拼单倒计时函数----- |
| 405 | 479 | countDown2() { |
| 406 | 480 | if(!this.data.is_timer) return false; |
| 481 | + | |
| 482 | + | |
| 483 | + | |
| 407 | 484 | var th = this; |
| 408 | 485 | // 获取当前时间,同时得到活动结束时间数组 |
| 409 | 486 | var newTime = ut.gettimestamp(); |
| ... | ... | @@ -441,6 +518,9 @@ Page({ |
| 441 | 518 | } |
| 442 | 519 | } |
| 443 | 520 | var txt = "pindGoods[" + j + "][" + i + "].djs"; |
| 521 | + | |
| 522 | + | |
| 523 | + | |
| 444 | 524 | th.setData({ |
| 445 | 525 | [txt]: obj |
| 446 | 526 | }); |
| ... | ... | @@ -449,5 +529,85 @@ Page({ |
| 449 | 529 | setTimeout(th.countDown2, 1000); |
| 450 | 530 | }, |
| 451 | 531 | |
| 532 | + bannerSwiperChange:function (e) { | |
| 533 | + var index=e.detail.current; | |
| 534 | + this.setData({banner_index:index}); | |
| 535 | + }, | |
| 536 | + flashSwiperChange:function (e) { | |
| 537 | + var index=e.detail.current; | |
| 538 | + this.setData({flash_index:index}); | |
| 539 | + }, | |
| 540 | + ptSwiperChange:function (e) { | |
| 541 | + var index=e.detail.current; | |
| 542 | + this.setData({pt_index:index}); | |
| 543 | + }, | |
| 544 | + | |
| 545 | + Interval_pt() { | |
| 546 | + var th=this; | |
| 547 | + this.data.pt_timer=setInterval(function () { | |
| 548 | + var item=ut.get_rand_item(th.data.pt_timer_arr); | |
| 549 | + | |
| 550 | + console.log("Interval_pt"); | |
| 551 | + console.log(item); | |
| 552 | + | |
| 553 | + th.setData({pt_timer_active:1,pt_timer_item:item}); | |
| 554 | + setTimeout(function () { | |
| 555 | + th.setData({pt_timer_active:0}); | |
| 556 | + },1500) | |
| 557 | + },4000); | |
| 558 | + }, | |
| 559 | + | |
| 560 | + | |
| 561 | + //---扫一扫的函数--- | |
| 562 | + getScancode: function () { | |
| 563 | + var _this = this; | |
| 564 | + // 允许从相机和相册扫码 | |
| 565 | + wx.scanCode({ | |
| 566 | + success: (res) => { | |
| 567 | + var result = res.result; | |
| 568 | + console.log(res,"是什么所扫码的内容"+result); | |
| 569 | + wx.navigateTo({ | |
| 570 | + url: "/pages/goods/search/search?s_key="+result, | |
| 571 | + }); | |
| 572 | + } | |
| 573 | + }) | |
| 574 | + }, | |
| 575 | + | |
| 576 | + //跳转到分类 | |
| 577 | + go_cate:function(){ | |
| 578 | + getApp().goto("/pages/goods/categoryList/categoryList"); | |
| 579 | + }, | |
| 580 | + | |
| 581 | + go_url:function(e){ | |
| 582 | + var url=e.currentTarget.dataset.url; | |
| 583 | + getApp().goto(url); | |
| 584 | + }, | |
| 585 | + | |
| 586 | + bind_bnerr_icon:function (e) { | |
| 587 | + var def = "/miniapp/images/no_cate_def.png"; | |
| 588 | + var _err = e.currentTarget.dataset.err; | |
| 589 | + var ob={}; | |
| 590 | + ob[_err]=def; | |
| 591 | + this.setData(ob); | |
| 592 | + }, | |
| 593 | + | |
| 594 | + //跳转到分类的商品列表 | |
| 595 | + go_cate2: function (t) { | |
| 596 | + var cid = t.currentTarget.dataset.cid; | |
| 597 | + var pid = t.currentTarget.dataset.pid; | |
| 598 | + var lurl = "/pages/goods/goodsList/goodsList?cat_id=" + cid + "&pid=" + pid; | |
| 599 | + wx.navigateTo({ url: lurl }); | |
| 600 | + }, | |
| 601 | + | |
| 602 | + //跳转到权益 | |
| 603 | + go_quanyi:function(t){ | |
| 604 | + var user_info = getApp().globalData.userInfo; | |
| 605 | + if (user_info == null || user_info.mobile == undefined || user_info.mobile == "" || user_info.mobile == null) { | |
| 606 | + wx.navigateTo({ url: '/pages/getphone/getphone', }) | |
| 607 | + return false; | |
| 608 | + } | |
| 609 | + getApp().goto("/pages/user/userqy/userqy"); | |
| 610 | + } | |
| 611 | + | |
| 452 | 612 | |
| 453 | 613 | }); |
| 454 | 614 | \ No newline at end of file | ... | ... |
pages/index/index/index.json
| 1 | 1 | { |
| 2 | - "navigationBarBackgroundColor": "#eeeeee", | |
| 2 | + "navigationBarBackgroundColor": "#ff7295", | |
| 3 | + "navigationBarTextStyle": "white", | |
| 3 | 4 | "usingComponents": { |
| 5 | + "goods_recommend":"/components/goods_list/goods_list", | |
| 4 | 6 | "nav": "/components/diy_nav/diy_nav", |
| 5 | 7 | "advertising":"/components/diy_advertising/diy_advertising", |
| 6 | 8 | "groupbuy": "/components/diy_groupbuy/diy_groupbuy", |
| 7 | - "goodsGroup": "/components/diy_goodsGroup/diy_goodsGroup", | |
| 9 | + "goodsGroup": "/components/diy_goodsGroup/diy_goodsGroup", | |
| 8 | 10 | "seckill": "/components/diy_seckill/diy_seckill", |
| 9 | 11 | "searchbox":"/components/diy_searchbox/diy_searchbox", |
| 10 | 12 | "shopname": "/components/diy_shopname/diy_shopname", | ... | ... |
pages/index/index/index.wxml
| 1 | 1 | <!--普通界面--> |
| 2 | -<view class="container" wx:if="{{ishow}}"> | |
| 3 | - <!--搜索框--> | |
| 4 | - <view class="search-box {{scrollTop>10?'search-fixed':''}}"> | |
| 2 | +<wxs module="filter" src="../../../utils/filter.wxs"></wxs> | |
| 3 | +<view class="container rel" wx:if="{{ishow}}"> | |
| 4 | +<block wx:if="{{banner}}"> | |
| 5 | +<image class="xc-top-img abs" src="{{url}}/miniapp/images/top-img.png"></image> | |
| 6 | +</block> | |
| 7 | + <!--搜索框--> | |
| 8 | + <view class="{{banner==null?'pink-b ':''}} search-box {{scrollTop>10?'search-fixed':''}} flex-center white "> | |
| 9 | + <view class="classify-frame t-c" bindtap="go_cate"> | |
| 10 | + <image class="classify-img" src="{{url}}/miniapp/images/classify.png"></image> | |
| 11 | + <view class="fs20">分<text class="white fs22">类</text></view> | |
| 12 | + </view> | |
| 5 | 13 | <view class="search-inner"> |
| 6 | 14 | <view class="search-img"> |
| 7 | 15 | <image class="wh100" src="{{url}}/miniapp/images/search.png"></image> |
| 8 | 16 | </view> |
| 9 | - <input bindfocus="jumpSearch" class="search-cont" placeholder="请输入您所搜索的商品" type="text"></input> | |
| 17 | + <input bindfocus="jumpSearch" class="search-cont" placeholder="请输入您所搜索的商品" type="text"> | |
| 18 | + </input> | |
| 19 | + </view> | |
| 20 | + <view class="classify-frame t-c" bindtap="getScancode"> | |
| 21 | + <image class="classify-img" src="{{url}}/miniapp/images/scanning.png"></image> | |
| 22 | + <view class="fs20">扫一扫</view> | |
| 10 | 23 | </view> |
| 11 | 24 | </view> |
| 12 | 25 | <!--滚动广告--> |
| 13 | - <view wx:if="{{banner}}"> | |
| 14 | - <swiper autoplay="true" class="swiper_box" duration="1000" indicatorDots="true" interval="3000" vertical=""> | |
| 26 | + <view class="rel title-img" wx:if="{{banner}}" > | |
| 27 | + <swiper autoplay="true" class="swiper_box" duration="1000" interval="3000" vertical=""bindchange="bannerSwiperChange"> | |
| 15 | 28 | <swiper-item wx:for="{{banner}}" wx:key="banner"> |
| 16 | - <navigator url="{{item.media_link}}"> | |
| 29 | + <view url="{{item.media_link}}" class="slide-image-frame"> | |
| 17 | 30 | <image class="slide-image" src="{{item.ad_code}}" lazy-load="true" binderror="bind_bnerr" data-errorimg="banner[{{index}}].ad_code"></image> |
| 18 | - </navigator> | |
| 31 | + </view> | |
| 19 | 32 | </swiper-item> |
| 20 | 33 | </swiper> |
| 34 | + | |
| 35 | + <view class="flex-center-around translation abs"> | |
| 36 | + <view class="circle spot" wx:for="{{banner}}" wx:key="{{index}}" style="background:{{index==banner_index?'#fff':'#999'}}"> | |
| 37 | + </view> | |
| 38 | + </view> | |
| 21 | 39 | </view> |
| 22 | 40 | <view class="pd-view" wx:else></view> |
| 23 | 41 | |
| ... | ... | @@ -56,183 +74,226 @@ |
| 56 | 74 | </view> |
| 57 | 75 | </view> |
| 58 | 76 | </view> |
| 77 | + | |
| 78 | + | |
| 79 | + <view class="flex-center-around {{banner==null?'mar-top':'mar-tops'}}" > | |
| 80 | + <view class="flex-vertical"> | |
| 81 | + <image class="xc-hook" src="{{url}}/miniapp/images/index/youxuan.png"> | |
| 82 | + </image> | |
| 83 | + <text class="yellow-co fs26 margin-left">人工优先</text> | |
| 84 | + </view> | |
| 85 | + | |
| 86 | + | |
| 87 | + <view class="flex-vertical"> | |
| 88 | + <image class="xc-hook" src="{{url}}/miniapp/images/index/zhengpin.png"> | |
| 89 | + </image> | |
| 90 | + <text class="yellow-co fs26 margin-left">正品保证</text> | |
| 91 | + </view> | |
| 92 | + | |
| 93 | + <view class="flex-vertical"> | |
| 94 | + <image class="xc-hook" src="{{url}}/miniapp/images/index/shouhou.png"> | |
| 95 | + </image> | |
| 96 | + <text class="yellow-co fs26 margin-left">售后无忧</text> | |
| 97 | + </view> | |
| 98 | + </view> | |
| 99 | + | |
| 100 | + <!---大分类---> | |
| 101 | + <view class="flex-center-around"> | |
| 102 | + <view wx:for="{{gd_category}}" | |
| 103 | + bindtap="go_cate2" data-cid="{{item.id}}" data-pid="0"> | |
| 104 | + <view class="circle xc-class-frame t-c"> | |
| 105 | + <image class="xc-class-img" src="{{item.icoimg==null||item.icoimg==''?url+item.icon:item.icoimg}}" binderror="bind_bnerr_icon" | |
| 106 | + data-err="gd_category[{{index}}].icon"></image> | |
| 107 | + <view class="fs24">{{item.name}}</view> | |
| 108 | + </view> | |
| 109 | + </view> | |
| 110 | + </view> | |
| 111 | + | |
| 112 | + <!---跳转我的权益---> | |
| 113 | + <view class="title-img-frame" wx:if="{{is_boot}}" bindtap="go_quanyi" > | |
| 114 | + <image class="xc-title-img"src="{{url}}/miniapp/images/title.png"></image> | |
| 115 | + </view> | |
| 116 | + | |
| 117 | + <view class="split-line"></view> | |
| 118 | + | |
| 59 | 119 | <!--秒杀--> |
| 60 | 120 | <view class="seckill" wx:if="{{saleGoods!=null && pindGoods.length!=0 }}"> |
| 61 | 121 | <navigator url="/pages/activity/seckill_list/seckill_list"> |
| 62 | 122 | <view class="seckill-time"> |
| 63 | - <view class="classname"> | |
| 64 | - <text class="sk-tips">秒杀特区</text> | |
| 123 | + <view class="classname flex"> | |
| 124 | + <image class="clock-img" src="{{url}}/miniapp/images/clock.png"></image> | |
| 125 | + <image class="seckill-ttitle-img height"src="{{url}}/miniapp/images/seckill-ttitle.png"></image> | |
| 65 | 126 | </view> |
| 127 | + <view class="flex seckill-list"> | |
| 128 | + <text class="fs24 xc-marfin-right">查看全部</text> | |
| 66 | 129 | <image class="arrow-right" src="{{url}}/miniapp/images/icon-arrowdown.png"></image> |
| 130 | + </view> | |
| 67 | 131 | </view> |
| 68 | 132 | </navigator> |
| 69 | 133 | <view class="seckill-list"> |
| 70 | - <swiper class="s_prom" indicator-active-color='red' indicator-dots="true"> | |
| 71 | - <swiper-item wx:for="{{saleGoods}}" wx:key="{{index}}" class="p_swiper" wx:key="saleGoods"> | |
| 72 | - <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" | |
| 134 | + <swiper class="s_prom" indicator-dots="{{false}}" bindchange="flashSwiperChange"> | |
| 135 | + <swiper-item wx:for="{{saleGoods}}" wx:key="{{index}}" class="p_swiper " wx:key="saleGoods"> | |
| 136 | + <navigator class="ib m-left" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" | |
| 73 | 137 | wx:for="{{item}}" wx:key="item" wx:for-item="aitem" wx:for-index="aind" |
| 74 | 138 | > |
| 75 | - <view class="imgview"> | |
| 139 | + <view class="imgview "> | |
| 76 | 140 | <image src="{{url+aitem.original_img}}" lazy-load="true" data-errorimg="saleGoods[{{index}}][{{aind}}].original_img" |
| 77 | 141 | binderror="bind_bnerr3" data-img="{{aitem.original_img}}"></image> |
| 78 | 142 | |
| 79 | - <!--<view class="djs_view">--> | |
| 80 | - <!--<text class='tui-conutdown-box'>{{aitem.djs.day}}</text>天--> | |
| 81 | - <!--<text class='tui-conutdown-box'>{{aitem.djs.hou}}</text>时--> | |
| 82 | - <!--<text class='tui-conutdown-box'>{{aitem.djs.min}}</text>分--> | |
| 83 | - <!--<text class='tui-conutdown-box tui-countdown-bg'>{{aitem.djs.sec}}</text>秒--> | |
| 84 | - <!--</view>--> | |
| 143 | + | |
| 85 | 144 | |
| 86 | 145 | |
| 87 | 146 | <image wx:if="{{aitem.status==0}}" class="status_img" src="{{url}}/miniapp/images/miao/yure.png"></image> |
| 88 | 147 | <image wx:if="{{aitem.status==1}}" class="status_img" src="{{url}}/miniapp/images/miao/going.png"></image> |
| 89 | 148 | <image wx:if="{{aitem.status==2}}" class="status_img" src="{{url}}/miniapp/images/miao/mend.png"></image> |
| 90 | 149 | </view> |
| 91 | - <view>{{aitem.title}}</view> | |
| 92 | - <view class="co-red">¥{{aitem.price}} | |
| 150 | + <view class="ellipsis-2">{{aitem.title}}</view> | |
| 151 | + <view class="red-co mar-top10 is_seckill_height" > <text class="fs20">¥</text>{{aitem.price}} | |
| 93 | 152 | <text class="un_line">¥{{aitem.market_price}}</text> |
| 94 | 153 | </view> |
| 95 | 154 | </navigator> |
| 96 | 155 | </swiper-item> |
| 97 | 156 | </swiper> |
| 157 | + <view class="flex-center-around translation"> | |
| 158 | + <view class="circle spot" wx:for="{{saleGoods}}" wx:key="{{index}}" style="background:{{index==flash_index?'#fff':'#999'}}"> | |
| 159 | + </view> | |
| 160 | + </view> | |
| 98 | 161 | </view> |
| 99 | 162 | </view> |
| 100 | 163 | <!----拼单----> |
| 101 | - <view class="seckill" wx:if="{{pindGoods!=null && pindGoods.length!=0 }}"> | |
| 164 | + <view class="seckill assemble-top-border" wx:if="{{pindGoods!=null && pindGoods.length!=0 }}"> | |
| 102 | 165 | <navigator url="/pages/activity/pind_list/pind_list"> |
| 103 | 166 | <view class="seckill-time"> |
| 104 | - <view class="classname"> | |
| 105 | - <text class="sk-tips">天天拼单</text> | |
| 167 | + <view class="classname flex"> | |
| 168 | + <image class="clock-img" src="{{url}}/miniapp/images/clock.png"></image> | |
| 169 | + <image class="seckill-ttitle-img"src="{{url}}/miniapp/images/team.png"></image> | |
| 170 | + <block wx:if="{{pt_timer_item}}"> | |
| 171 | + <view class="flex user-frame t-c xc-ash {{pt_timer_active==1?'pt_active':''}}"> | |
| 172 | + <image class="user-img circle" src="{{pt_timer_item.head_pic}}"></image> | |
| 173 | + <view class="ellipsis-1 user-name fs24">{{pt_timer_item.nickname}}</view> | |
| 174 | + <text class="fs20">刚拼团成功</text> | |
| 175 | + </view> | |
| 176 | + </block> | |
| 106 | 177 | </view> |
| 178 | + <view class="flex seckill-list"> | |
| 179 | + <text class="fs24 xc-marfin-right">查看全部</text> | |
| 107 | 180 | <image class="arrow-right" src="{{url}}/miniapp/images/icon-arrowdown.png"></image> |
| 181 | + </view> | |
| 108 | 182 | </view> |
| 109 | 183 | </navigator> |
| 110 | - <view class="seckill-list"> | |
| 111 | - <swiper class="s_prom" indicator-active-color='red' indicator-dots="true"> | |
| 112 | - <swiper-item wx:for="{{pindGoods}}" wx:key="{{index}}" class="p_swiper"> | |
| 113 | - <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" | |
| 114 | - wx:for="{{item}}" wx:key="item" wx:for-item="aitem" wx:for-index="aind" | |
| 115 | - > | |
| 116 | - <view class="imgview"> | |
| 117 | - <image src="{{url+aitem.original_img}}" lazy-load="true" data-errorimg="pindGoods[{{index}}][{{aind}}].original_img" | |
| 118 | - data-img="{{aitem.original_img}}" binderror="bind_bnerr3"></image> | |
| 119 | - <!-- | |
| 120 | - <view class="djs_view"> | |
| 121 | - <text class='tui-conutdown-box'>{{aitem.djs.day}}</text>天 | |
| 122 | - <text class='tui-conutdown-box'>{{aitem.djs.hou}}</text>时 | |
| 123 | - <text class='tui-conutdown-box'>{{aitem.djs.min}}</text>分 | |
| 124 | - <text class='tui-conutdown-box tui-countdown-bg'>{{aitem.djs.sec}}</text>秒 | |
| 125 | - </view>--> | |
| 184 | + <view class="seckill-lists rel"> | |
| 185 | + <swiper class="s_proms" indicator-active-color='red' bindchange="ptSwiperChange"> | |
| 186 | + <swiper-item wx:for="{{pindGoods}}" wx:key="{{index}}" wx:for-index="pix"> | |
| 187 | + <view class="teamheight" style='display:block;' wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind"> | |
| 188 | + <view class="kill-item"> | |
| 189 | + <navigator class="flex navwidth" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}"> | |
| 190 | + <view class="kill-pic"> | |
| 191 | + <image class="wh100" src="{{url+aitem.original_img}}" data-val="{{aitem.original_img}}" | |
| 192 | + data-errorimg="pindGoods[{{pix}}][{{aind}}].original_img" binderror="bind_bnerr2" lazy-load="true"> | |
| 193 | + </image> | |
| 194 | + </view> | |
| 126 | 195 | |
| 127 | - <image wx:if="{{aitem.status==0}}" class="status_img" src="{{url}}/miniapp/images/miao/yure.png"></image> | |
| 128 | - <image wx:if="{{aitem.status==1}}" class="status_img" src="{{url}}/miniapp/images/miao/going.png"></image> | |
| 129 | - <image wx:if="{{aitem.status==2}}" class="status_img" src="{{url}}/miniapp/images/miao/mend.png"></image> | |
| 196 | + <view class="kill-cont"> | |
| 197 | + <navigator class="goods-name ellipsis-2" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | |
| 198 | + {{aitem.title}} | |
| 130 | 199 | |
| 131 | - <view wx:if="{{aitem.kttype==1}}" class="status_view">商家团</view> | |
| 132 | - <view wx:if="{{aitem.kttype==2}}" class="status_view">会员团</view> | |
| 133 | - <view wx:if="{{aitem.kttype==3}}" class="status_view">阶梯团</view> | |
| 200 | + </navigator> | |
| 201 | + <view class="flex left"> | |
| 202 | + <view class="tneirong red-b flex-vertical rel" wx:if="{{aitem.is_team_tepy!=0}}"> | |
| 203 | + <image class="xc-team-img abs" src="{{url}}/miniapp/images/fril.png"></image> | |
| 204 | + 已拼{{aitem.buy_num}}份</view> | |
| 205 | + <view class="fs20 flex xc-people-val-frame" | |
| 206 | + style="border-color:{{aitem.is_team_tepy==0?'#059de5':'#d60021'}};margin-left:{{aitem.is_team_tepy==0?'':'8rpx'}}"> | |
| 207 | + <view class=" flex-center val-img {{aitem.is_team_tepy==0?'blue_b':'red-b'}}"> | |
| 208 | + <image class="people-img"src="{{url}}/miniapp/images/bai-ren.png"></image> | |
| 209 | + </view> | |
| 210 | + <text class="{{aitem.is_team_tepy==0?'blue_c':'red-co'}}" style="margin-left:8rpx; margin-right:8rpx">{{aitem.ct_num}}人团</text> | |
| 211 | + </view> | |
| 134 | 212 | |
| 135 | - </view> | |
| 136 | - <view>{{aitem.title}}</view> | |
| 137 | - <view class="co-red">¥{{aitem.price}}</view> | |
| 138 | - <view class="co-red2">{{aitem.ct_num}}人团</view> | |
| 213 | + <view class="fs20 blue_c time-blue" wx:if="{{aitem.is_team_tepy==0}}"> | |
| 214 | + 距开始: | |
| 215 | + <text class='tui-conutdown-box'>{{aitem.djs.day}}</text>天 | |
| 216 | + <text class='tui-conutdown-box'>{{aitem.djs.hou}}</text>时 | |
| 217 | + <text class='tui-conutdown-box'>{{aitem.djs.min}}</text>分 | |
| 218 | + <text class='tui-conutdown-box tui-countdown-bg'>{{aitem.djs.sec}}</text> | |
| 219 | + 秒 | |
| 220 | + </view> | |
| 221 | + </view> | |
| 222 | + | |
| 223 | + | |
| 224 | + <view class="goods-num"style="margin-top:{{type==0?'70rpx':'40rpx'}}"> | |
| 225 | + <view> | |
| 226 | + | |
| 227 | + <view class="fs40 flex xc-top15 {{aitem.is_team_tepy==0?'blue_c ai-bas':' red-co ai-bas'}}"> | |
| 228 | + <text class="fs28 {{aitem.is_team_tepy==0?'martop4':''}}">¥</text> | |
| 229 | + <text style="margin-left:-5rpx">{{aitem.price}}</text> | |
| 230 | + <span class="underline {{type==0?'martop18':''}}">零售价¥{{aitem.market_price}}</span> | |
| 231 | + </view> | |
| 232 | + | |
| 233 | + </view> | |
| 139 | 234 | |
| 140 | - <view wx:if="{{aitem.kttype==1 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去参团</view> | |
| 141 | - <view wx:if="{{aitem.kttype==2 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去开团</view> | |
| 142 | - <view wx:if="{{aitem.kttype==3 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去开团</view> | |
| 143 | - <view wx:if="{{aitem.goods_num<=aitem.buy_num }}" class="cantuan">已抢光</view> | |
| 144 | 235 | |
| 145 | - </navigator> | |
| 146 | - </swiper-item> | |
| 147 | - </swiper> | |
| 148 | - </view> | |
| 149 | - </view> | |
| 150 | - <!--新品上市--> | |
| 151 | - <view class="seckill" wx:if="{{newGoods!=null}}"> | |
| 152 | - <navigator url="/pages/goods/goodsList/goodsList?is_new=1"> | |
| 153 | - <view class="seckill-time"> | |
| 154 | - <view class="classname"> | |
| 155 | - <text class="sk-tips">新品上市</text> | |
| 156 | 236 | </view> |
| 157 | - <image class="arrow-right" src="{{url}}/miniapp/images/icon-arrowdown.png"></image> | |
| 158 | - </view> | |
| 159 | - </navigator> | |
| 160 | - <view class="seckill-list"> | |
| 161 | - <swiper class="s_prom" indicator-active-color='red' indicator-dots="true"> | |
| 162 | - <swiper-item wx:for="{{newGoods}}" class="p_swiper" wx:key="{{index}}"> | |
| 163 | - <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" | |
| 164 | - wx:for="{{item}}" wx:key="item" wx:for-item="aitem" wx:for-index="aind" | |
| 165 | - > | |
| 166 | - <view class="imgview"> | |
| 167 | - <image src="{{url+aitem.original_img}}" lazy-load="true" data-errorimg="newGoods[{{index}}][{{aind}}].original_img" | |
| 168 | - binderror="bind_bnerr3" data-img="{{aitem.original_img}}"></image> | |
| 169 | - | |
| 170 | - </view> | |
| 171 | - <view>{{aitem.goods_name}}</view> | |
| 172 | - <view class="co-red">¥{{aitem.shop_price}} | |
| 173 | - <text class="un_line">¥{{aitem.market_price}}</text> | |
| 174 | - </view> | |
| 175 | - </navigator> | |
| 237 | + </view> | |
| 238 | + | |
| 239 | + </navigator> | |
| 240 | + | |
| 241 | + | |
| 242 | + </view> | |
| 243 | + | |
| 244 | +</view> | |
| 245 | + | |
| 246 | + | |
| 176 | 247 | </swiper-item> |
| 177 | 248 | </swiper> |
| 249 | + | |
| 250 | + <view class="flex-center-around translations abs"> | |
| 251 | + <view class="circle spot" wx:for="{{pindGoods}}" wx:key="{{index}}" style="background:{{index==pt_index?'#fff':'#999'}}"> | |
| 178 | 252 | </view> |
| 179 | - </view> | |
| 180 | - <!--热销商品--> | |
| 181 | - <view class="seckill" wx:if="{{hotGoods!=null}}"> | |
| 182 | - <navigator url="/pages/goods/goodsList/goodsList?is_hot=1"> | |
| 183 | - <view class="seckill-time"> | |
| 184 | - <view class="classname"> | |
| 185 | - <text class="sk-tips">热销商品</text> | |
| 186 | - </view> | |
| 187 | - <image class="arrow-right" src="{{url}}/miniapp/images/icon-arrowdown.png"></image> | |
| 188 | - </view> | |
| 189 | - </navigator> | |
| 190 | - <view class="seckill-list"> | |
| 191 | - <swiper class="s_prom" indicator-active-color='red' indicator-dots="true"> | |
| 192 | - <swiper-item wx:for="{{hotGoods}}" class="p_swiper" wx:key="{{index}}"> | |
| 193 | - <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" | |
| 194 | - wx:for="{{item}}" wx:key="item" wx:for-item="aitem" wx:for-index="aind" | |
| 195 | - > | |
| 196 | - <view class="imgview"> | |
| 197 | - <image src="{{url+aitem.original_img}}" lazy-load="true" data-errorimg="hotGoods[{{index}}][{{aind}}].original_img" | |
| 198 | - binderror="bind_bnerr3" data-img="{{aitem.original_img}}"></image> | |
| 199 | - | |
| 200 | - </view> | |
| 201 | - <view>{{aitem.goods_name}}</view> | |
| 202 | - <view class="co-red">¥{{aitem.shop_price}} | |
| 203 | - <text class="un_line">¥{{aitem.market_price}}</text> | |
| 204 | - </view> | |
| 205 | - </navigator> | |
| 206 | - </swiper-item> | |
| 207 | - </swiper> | |
| 208 | 253 | </view> |
| 209 | - </view> | |
| 210 | - <!--推荐商品--> | |
| 211 | - <view class="section"> | |
| 212 | - <view class="section-title">推荐商品</view> | |
| 213 | - <view class="section-subtitle"> | |
| 214 | - <image class="wh100" src="{{url}}/miniapp/images/pic-interesting.png"></image> | |
| 215 | 254 | </view> |
| 216 | 255 | </view> |
| 217 | - <view class="choice_box"> | |
| 218 | - <view class="choice_list"> | |
| 219 | - <view class="choice_item" wx:for="{{recommend}}" wx:key="{{index}}" > | |
| 220 | - <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}"> | |
| 221 | - <image src="{{item.original_img}}" lazy-load="true" binderror="bind_bnerr2" data-url="{{item.original_img}}" data-errorimg="recommend[{{index}}].original_img"></image> | |
| 222 | - </navigator> | |
| 223 | - <navigator class="title shelue" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">{{item.goods_name}}</navigator> | |
| 224 | - <view class="choice_footer"> | |
| 225 | - <view class="price flex"> | |
| 226 | - <!--<view class="meiz" wx:if="{{index==1}}">美妆价</view><view class="dengj" wx:if="{{index==3}}">等级价</view>--> | |
| 227 | - ¥{{item.shop_price}} <view class="xiafa">¥{{item.market_price}}</view> | |
| 228 | - </view> | |
| 229 | - <view class="ys">已售{{item.sales_sum}}</view> | |
| 230 | - <!-- <navigator class="similer" url="/pages/goods/goodsList/goodsList?cat_id={{item.cat_id}}">找相似</navigator>--> | |
| 231 | - </view> | |
| 232 | - </view> | |
| 256 | + | |
| 257 | + | |
| 258 | + | |
| 259 | + | |
| 260 | + | |
| 261 | + <!-- 好物推荐 --> | |
| 262 | + <view class="title"> | |
| 263 | + <!-- 标题 --> | |
| 264 | + <view> | |
| 265 | + <!-- 中文名标题 --> | |
| 266 | + <view class="China flex-level"> | |
| 267 | + <view class="line flex-vertical"> | |
| 268 | + <view class="one"></view> | |
| 269 | + <view class="two"></view> | |
| 270 | + <view class="three"></view> | |
| 233 | 271 | </view> |
| 272 | + | |
| 273 | + <view class="Recommend flex-level" bindtap="requestList">热门好物</view> | |
| 274 | + | |
| 275 | + <view class="line flex-vertical"> | |
| 276 | + <view class="three"></view> | |
| 277 | + <view class="two"></view> | |
| 278 | + <view class="one"></view> | |
| 279 | + </view> | |
| 280 | + </view> | |
| 281 | + | |
| 282 | + <!-- 英文标题 --> | |
| 283 | + <view class="english flex-center"> | |
| 284 | + <view class="silk"></view> | |
| 285 | + <view class="esh five-level-word">GOOD HOT THING</view> | |
| 286 | + <view class="silk"></view> | |
| 287 | + </view> | |
| 288 | + | |
| 234 | 289 | </view> |
| 235 | -</view> | |
| 290 | + <!-- 商品列表组件 --> | |
| 291 | + <goods_recommend id="goods_list"></goods_recommend> | |
| 292 | + <!-- 商品列表 --> | |
| 293 | + | |
| 294 | + </view> | |
| 295 | + | |
| 296 | + </view> | |
| 236 | 297 | <!--是否是自定义--> |
| 237 | 298 | <view class="container" wx:if="{{isTemplate}}" style="background-color:{{bgcolor_t}}"> |
| 238 | 299 | <block wx:for="{{template_arr}}" wx:key="{{index}}" > | ... | ... |
pages/index/index/index.wxss
| 1 | +.pink-b{ | |
| 2 | + background: #ff7295; | |
| 3 | +} | |
| 1 | 4 | .search-box { |
| 2 | 5 | position: fixed; |
| 3 | 6 | top: 0; |
| 4 | 7 | left: 0; |
| 5 | - width: 100%; | |
| 8 | + width: 100%; | |
| 6 | 9 | height: 88rpx; |
| 7 | 10 | z-index: 10; |
| 8 | - background: linear-gradient(rgba(0,0,0,.2),rgba(255,255,255,0)); | |
| 11 | + /* background: linear-gradient(rgba(0,0,0,.2),rgba(255,255,255,0)); */ | |
| 12 | +} | |
| 13 | +.classify-img{ | |
| 14 | + width: 50rpx; | |
| 15 | + height: 45rpx | |
| 9 | 16 | } |
| 10 | - | |
| 11 | 17 | .logo { |
| 12 | 18 | width: 48rpx; |
| 13 | 19 | height: 48rpx; |
| ... | ... | @@ -19,48 +25,59 @@ |
| 19 | 25 | .search-inner { |
| 20 | 26 | display: flex; |
| 21 | 27 | align-items: center; |
| 22 | - margin: 15rpx 30rpx; | |
| 23 | - width: 675rpx; | |
| 28 | + margin: 20rpx 25rpx; | |
| 29 | + width: 566rpx; | |
| 24 | 30 | height: 58rpx; |
| 25 | 31 | border-radius: 29rpx; |
| 26 | 32 | background-color: #fff; |
| 33 | + justify-content: center; | |
| 27 | 34 | } |
| 28 | 35 | |
| 29 | 36 | .search-img { |
| 30 | - margin-right: 12rpx; | |
| 37 | + | |
| 31 | 38 | width: 30rpx; |
| 32 | 39 | height: 30rpx; |
| 33 | - margin-top: -6rpx; | |
| 34 | - margin-left: 20rpx; | |
| 40 | + margin-left: 36rpx; | |
| 41 | +display: flex; | |
| 42 | +align-items: center; | |
| 43 | +position: absolute; | |
| 44 | +left: 10%; | |
| 35 | 45 | } |
| 36 | 46 | |
| 37 | 47 | .search-cont { |
| 38 | 48 | height: 58rpx; |
| 39 | - width: 536rpx; | |
| 49 | + width: 530rpx; | |
| 40 | 50 | padding-left: 12rpx; |
| 41 | 51 | line-height: 58rpx; |
| 42 | 52 | font-size: 24rpx; |
| 43 | 53 | color: #666; |
| 54 | + margin-left: 56rpx; | |
| 55 | + | |
| 44 | 56 | } |
| 45 | 57 | |
| 46 | 58 | .search-fixed { |
| 47 | - background: rgba(242,48,48,0.8); | |
| 59 | + background: #ff7295; | |
| 48 | 60 | } |
| 49 | 61 | |
| 50 | 62 | .swiper_box { |
| 51 | 63 | width: 100%; |
| 52 | - height: 380rpx; | |
| 64 | + | |
| 53 | 65 | } |
| 54 | 66 | .s_prom{ |
| 55 | 67 | width: 100%; |
| 56 | - height: 380rpx; | |
| 68 | + height: 340rpx; | |
| 69 | +} | |
| 70 | +.s_proms{ | |
| 71 | + width: 100%; | |
| 72 | + height:590rpx; | |
| 57 | 73 | } |
| 58 | 74 | |
| 59 | -swiper-item image { | |
| 75 | +.slide-image{ | |
| 60 | 76 | width: 100%; |
| 61 | - height: 380rpx; | |
| 62 | 77 | display: inline-block; |
| 63 | 78 | overflow: hidden; |
| 79 | + border-radius: 14rpx; | |
| 80 | + | |
| 64 | 81 | } |
| 65 | 82 | |
| 66 | 83 | .venues_box { |
| ... | ... | @@ -103,6 +120,12 @@ swiper-item image { |
| 103 | 120 | width: 100%; |
| 104 | 121 | height: 368rpx; |
| 105 | 122 | } |
| 123 | +.title-img{ | |
| 124 | + margin-top: 110rpx; | |
| 125 | + | |
| 126 | + margin-bottom: 15rpx; | |
| 127 | + | |
| 128 | +} | |
| 106 | 129 | |
| 107 | 130 | .choice_box .choice_list .title { |
| 108 | 131 | height: 36rpx; |
| ... | ... | @@ -177,6 +200,7 @@ swiper-item image { |
| 177 | 200 | align-items: center; |
| 178 | 201 | height: 72rpx; |
| 179 | 202 | color: #333; |
| 203 | + margin-bottom: 20rpx; | |
| 180 | 204 | } |
| 181 | 205 | |
| 182 | 206 | .sk-tips { |
| ... | ... | @@ -221,34 +245,38 @@ swiper-item image { |
| 221 | 245 | } |
| 222 | 246 | |
| 223 | 247 | .seckill-list { |
| 224 | - height: 360rpx; | |
| 248 | + | |
| 225 | 249 | overflow: hidden; |
| 226 | 250 | } |
| 227 | 251 | |
| 228 | -.seckill-list navigator { | |
| 252 | +/* .seckill-list navigator { | |
| 229 | 253 | width: 236rpx; margin-right: 10rpx; position: relative; |
| 230 | -} | |
| 254 | +} */ | |
| 255 | + | |
| 231 | 256 | |
| 232 | -.seckill-list image { | |
| 233 | - width: 236rpx; | |
| 234 | - height: 236rpx; | |
| 235 | -} | |
| 236 | 257 | |
| 237 | 258 | .seckill-list view { |
| 238 | - height: 45rpx; | |
| 259 | + height: 62rpx; | |
| 239 | 260 | padding: 0 10rpx; |
| 240 | - line-height: 45rpx; | |
| 261 | + line-height: 33rpx; | |
| 241 | 262 | overflow: hidden; |
| 242 | - font-size: 30rpx; | |
| 263 | + font-size: 28rpx; | |
| 243 | 264 | } |
| 244 | 265 | |
| 245 | 266 | .seckill-list view.imgview{ |
| 246 | - width: 236rpx; | |
| 247 | - height: 236rpx; | |
| 267 | + width: 203rpx; | |
| 268 | + height: 210rpx; | |
| 248 | 269 | position: relative; |
| 249 | - overflow: hidden | |
| 270 | + overflow: hidden; | |
| 271 | + | |
| 272 | + | |
| 273 | +} | |
| 274 | +.imgview image{ | |
| 275 | + width: 203rpx; | |
| 276 | + height: 203rpx; | |
| 277 | + border-radius: 10rpx; | |
| 278 | + | |
| 250 | 279 | } |
| 251 | - | |
| 252 | 280 | .seckill-list view.djs_view{ |
| 253 | 281 | background:rgba(9,9,9,0.5);color: #fff; font-size: 20rpx; |
| 254 | 282 | width: 216rpx; height: 36rpx; line-height: 36rpx; |
| ... | ... | @@ -258,7 +286,7 @@ swiper-item image { |
| 258 | 286 | .seckill-list image.status_img{ |
| 259 | 287 | width: 100rpx; height: 35rpx; |
| 260 | 288 | position: absolute; |
| 261 | - top: 5rpx; left: 10rpx; z-index: 5; | |
| 289 | + top: 0rpx; left: 10rpx; z-index: 5; | |
| 262 | 290 | } |
| 263 | 291 | |
| 264 | 292 | .seckill-list view.status_view{ |
| ... | ... | @@ -292,10 +320,414 @@ swiper-item image { |
| 292 | 320 | bottom: 30rpx; right: 10rpx; z-index: 5; border-radius: 5rpx;padding: 0; |
| 293 | 321 | } |
| 294 | 322 | |
| 295 | -.arrow-right{width: 30rpx; height: 30rpx;} | |
| 323 | +.arrow-right{width: 24rpx; height: 24rpx;} | |
| 296 | 324 | .pd-view{height: 80rpx;} |
| 297 | 325 | |
| 326 | + | |
| 298 | 327 | .xc-grow-ups{ |
| 299 | 328 | margin-left:8rpx; |
| 300 | 329 | margin-top:6rpx; |
| 301 | 330 | } |
| 331 | +.xc-top-img{ | |
| 332 | +width: 100%; | |
| 333 | +top: -1rpx; | |
| 334 | +height: 315rpx; | |
| 335 | + | |
| 336 | +} | |
| 337 | + | |
| 338 | +.classify-frame{ | |
| 339 | +line-height: 25rpx; | |
| 340 | +} | |
| 341 | +.slide-image-frame{ | |
| 342 | + width: 95%; | |
| 343 | +margin: auto; | |
| 344 | +border-radius: 10rpx; | |
| 345 | +height: 380rpx; | |
| 346 | +} | |
| 347 | +.xc-hook{ | |
| 348 | + width: 52rpx; | |
| 349 | + height: 52rpx; | |
| 350 | + | |
| 351 | + | |
| 352 | +} | |
| 353 | +.margin-left{ | |
| 354 | +margin-left: 10rpx; | |
| 355 | +} | |
| 356 | +.xc-class-img{ | |
| 357 | + width: 83rpx; | |
| 358 | + height: 83rpx; | |
| 359 | +} | |
| 360 | +.xc-class-frame{ | |
| 361 | + line-height: 40rpx; | |
| 362 | + margin-top: 40rpx; | |
| 363 | + margin-bottom: 20rpx; | |
| 364 | + | |
| 365 | + | |
| 366 | +} | |
| 367 | +.xc-title-img{ | |
| 368 | + height: 220rpx; | |
| 369 | + width: 100%; | |
| 370 | +} | |
| 371 | + | |
| 372 | +.title-img-frame{ | |
| 373 | + width: 95%; | |
| 374 | +margin: auto; | |
| 375 | +margin-top: 30rpx; | |
| 376 | + | |
| 377 | +} | |
| 378 | +.seckill-list{ | |
| 379 | + line-height: 24rpx; | |
| 380 | +} | |
| 381 | +.seckill-lists{ | |
| 382 | + line-height: 30rpx; | |
| 383 | +} | |
| 384 | + | |
| 385 | +.xc-marfin-right{ | |
| 386 | +margin-right: 8rpx; | |
| 387 | +} | |
| 388 | +.classname .clock-img{ | |
| 389 | + width:36rpx; | |
| 390 | + height: 36rpx; | |
| 391 | + margin-right: 10rpx; | |
| 392 | +} | |
| 393 | +.classname .seckill-ttitle-img{ | |
| 394 | + width:150rpx; | |
| 395 | + height: 40rpx; | |
| 396 | +} | |
| 397 | +.seckill-ttitle-img.height{ | |
| 398 | + height: 35rpx | |
| 399 | +} | |
| 400 | +.split-line{ | |
| 401 | + width:100%;height:10rpx;background:#eee; | |
| 402 | +} | |
| 403 | +.mar-top10{ | |
| 404 | +margin-top: 10rpx; | |
| 405 | +} | |
| 406 | +.classname .user-img{ | |
| 407 | +width: 30rpx; | |
| 408 | +height:30rpx; | |
| 409 | +margin-left:20rpx; | |
| 410 | +margin-right: 10rpx; | |
| 411 | +} | |
| 412 | +.user-frame{ | |
| 413 | + | |
| 414 | + /* border-left: 5rpx solid #eee; */ | |
| 415 | + height: 35rpx; | |
| 416 | + line-height: 35rpx; | |
| 417 | + margin-left: 10rpx; | |
| 418 | + | |
| 419 | +} | |
| 420 | +.user-name{ | |
| 421 | + width: 66rpx; | |
| 422 | + border-left: 5rpx solid #eee; | |
| 423 | +} | |
| 424 | + | |
| 425 | + | |
| 426 | +/* 团购列表 */ | |
| 427 | + | |
| 428 | +.kill-item { | |
| 429 | + | |
| 430 | + display: flex; | |
| 431 | + justify-content: space-between; | |
| 432 | + background-color: #fff; | |
| 433 | + padding: 10rpx 10rpx; | |
| 434 | + margin-bottom: 10rpx; | |
| 435 | + border-radius: 10rpx; | |
| 436 | + height: 249rpx; | |
| 437 | + align-items: center; | |
| 438 | + | |
| 439 | + | |
| 440 | +} | |
| 441 | +.kill-pic { | |
| 442 | + width: 215rpx; | |
| 443 | + height: 215rpx; | |
| 444 | + position: relative; | |
| 445 | +} | |
| 446 | +.teamheight{ | |
| 447 | +height: 289rpx; | |
| 448 | +border-bottom:6rpx solid #eee; | |
| 449 | + | |
| 450 | +} | |
| 451 | + | |
| 452 | + | |
| 453 | +.kill-cont { | |
| 454 | + width: 440rpx; | |
| 455 | + height: 215rpx; | |
| 456 | + margin-left: 16rpx; | |
| 457 | +} | |
| 458 | +.goods-name { | |
| 459 | + max-height: 60rpx; | |
| 460 | + font-size: 24rpx; | |
| 461 | + color: #555; | |
| 462 | + line-height: 55rpx; | |
| 463 | + | |
| 464 | +} | |
| 465 | + | |
| 466 | +.xc-team-img{ | |
| 467 | +width:38rpx; | |
| 468 | +height: 45rpx; | |
| 469 | +left: -1rpx; | |
| 470 | +top: -16rpx; | |
| 471 | +} | |
| 472 | + | |
| 473 | +.tneirong{ | |
| 474 | + color:#fff; | |
| 475 | + font-size: 20rpx; | |
| 476 | + border-radius:20rpx; | |
| 477 | + padding-left: 32rpx; | |
| 478 | + padding-right: 15rpx; | |
| 479 | + padding-bottom: 2rpx; | |
| 480 | + height: 28rpx; | |
| 481 | + line-height: 28rpx; | |
| 482 | + | |
| 483 | +white-space: nowrap; | |
| 484 | + } | |
| 485 | + .xc-people-val-frame{ | |
| 486 | + border: 3rpx solid #d60021;border-radius: 8rpx;white-space: nowrap; | |
| 487 | +height: 28rpx; | |
| 488 | + | |
| 489 | +} | |
| 490 | +.xc-people-val-frame .val-img{ | |
| 491 | +width:33rpx;height:28rpx;border-radius: 8rpx;margin-left: -2rpx; | |
| 492 | +} | |
| 493 | +.people-img{ | |
| 494 | + width:20rpx;height:20rpx | |
| 495 | +} | |
| 496 | +.goods-num { | |
| 497 | + height: 50rpx; | |
| 498 | + display: flex; | |
| 499 | + justify-content: space-between; | |
| 500 | +margin-top: 10rpx; | |
| 501 | + font-size: 24rpx; | |
| 502 | + color: #999; | |
| 503 | + | |
| 504 | +} | |
| 505 | +.xc-top15{ | |
| 506 | + padding-top: 15rpx; | |
| 507 | + margin-top: 25rpx; | |
| 508 | +} | |
| 509 | +.underline { | |
| 510 | + text-decoration: line-through; color:#999999; font-size: 20rpx; margin-left: 5rpx;margin-top: 5rpx; | |
| 511 | +} | |
| 512 | +.navigator.navwidth{ | |
| 513 | + width: 100%; | |
| 514 | +} | |
| 515 | +.view.left{ | |
| 516 | + padding: 0 5rpx; | |
| 517 | + | |
| 518 | +} | |
| 519 | + | |
| 520 | + | |
| 521 | + | |
| 522 | +/* 热门好物 */ | |
| 523 | + | |
| 524 | +.title .China { | |
| 525 | + width: 100%; | |
| 526 | + margin-top: 10rpx; | |
| 527 | + margin-bottom: 10rpx; | |
| 528 | + line-height: 0rpx; | |
| 529 | +} | |
| 530 | + | |
| 531 | +.title .China .line view { | |
| 532 | + width: 2rpx; | |
| 533 | +} | |
| 534 | + | |
| 535 | +.title .China .line { | |
| 536 | + height: 40rpx; | |
| 537 | + color: rgb(51,51, 51); | |
| 538 | +} | |
| 539 | +.title .China .line view{ | |
| 540 | + border-left: 3rpx solid #000; | |
| 541 | + margin-left: 5rpx; | |
| 542 | +} | |
| 543 | +.title .China .line .one { | |
| 544 | + height: 23rpx; | |
| 545 | +} | |
| 546 | + | |
| 547 | +.title .China .line .two { | |
| 548 | + height: 15rpx; | |
| 549 | +} | |
| 550 | + | |
| 551 | +.title .China .line .three { | |
| 552 | + height: 18rpx; | |
| 553 | +} | |
| 554 | + | |
| 555 | +.title .China .Recommend { | |
| 556 | + margin: 0rpx 20rpx; | |
| 557 | + font-size: 28rpx; | |
| 558 | + line-height: 39rpx; | |
| 559 | + font-weight: bold; | |
| 560 | +} | |
| 561 | + | |
| 562 | +.title .english .silk { | |
| 563 | + width: 214rpx; | |
| 564 | + height: 2rpx; | |
| 565 | + background-color: #000; | |
| 566 | +} | |
| 567 | + | |
| 568 | +.title .english .esh { | |
| 569 | + margin: 0rpx 15rpx; | |
| 570 | +} | |
| 571 | + | |
| 572 | +.collects { | |
| 573 | + margin-top: 40rpx; | |
| 574 | +} | |
| 575 | + | |
| 576 | +.hang { | |
| 577 | + width: 100%; | |
| 578 | + margin: auto; | |
| 579 | + padding-left: 21rpx; | |
| 580 | +} | |
| 581 | + | |
| 582 | +.hang .collect { | |
| 583 | + width: 347rpx; | |
| 584 | + height: 571rpx; | |
| 585 | + border-radius: 25rpx; | |
| 586 | + border: 1rpx solid rgb(214, 214, 214); | |
| 587 | + overflow: hidden; | |
| 588 | + margin-right: 14rpx; | |
| 589 | + margin-bottom: 5rpx; | |
| 590 | +} | |
| 591 | + | |
| 592 | +.collect .bottom { | |
| 593 | + padding: 0rpx 20rpx; | |
| 594 | +} | |
| 595 | + | |
| 596 | +.collect .sp { | |
| 597 | + width: 100%; | |
| 598 | + height: 326rpx; | |
| 599 | +} | |
| 600 | + | |
| 601 | +.collect .money { | |
| 602 | + margin-top: 60rpx; | |
| 603 | + margin-bottom: 18rpx; | |
| 604 | + line-height: 28rpx; | |
| 605 | + align-items: baseline; | |
| 606 | +} | |
| 607 | +.collect .money view{ | |
| 608 | + line-height: 28rpx; | |
| 609 | +} | |
| 610 | +.collect .money .flex { | |
| 611 | + font-weight: bold; | |
| 612 | +} | |
| 613 | +.collect .money .flex .fs24{ | |
| 614 | + padding-top: 5rpx; | |
| 615 | +} | |
| 616 | +.collect .Discount { | |
| 617 | + width: 156rpx; | |
| 618 | + height: 28rpx; | |
| 619 | + border-radius: 20rpx; | |
| 620 | + background-color: rgb(56, 56, 56); | |
| 621 | + font-size: 18rpx; | |
| 622 | + color: rgb(255, 255, 255); | |
| 623 | +} | |
| 624 | + | |
| 625 | +.collect .Discount image { | |
| 626 | + height: 18rpx; | |
| 627 | + width: 18rpx; | |
| 628 | + line-height: 28rpx; | |
| 629 | + margin-right: 3rpx; | |
| 630 | +} | |
| 631 | + | |
| 632 | +.collect.ml20 { | |
| 633 | + margin-left: 13rpx; | |
| 634 | +} | |
| 635 | + | |
| 636 | +.fs24.dollar { | |
| 637 | + padding: 0rpx; | |
| 638 | +} | |
| 639 | + | |
| 640 | +.money .price { | |
| 641 | + margin-left: 12rpx; | |
| 642 | + text-decoration: line-through; | |
| 643 | + line-height: 23rpx; | |
| 644 | +} | |
| 645 | + | |
| 646 | +.province { | |
| 647 | + line-height: 26rpx; | |
| 648 | +} | |
| 649 | + | |
| 650 | +.nothing { | |
| 651 | + height: 75rpx; | |
| 652 | + width: 100%; | |
| 653 | +} | |
| 654 | + | |
| 655 | +.nothing .no_content { | |
| 656 | + margin: 0rpx 11rpx; | |
| 657 | + color: rgb(138, 138, 138); | |
| 658 | +} | |
| 659 | + | |
| 660 | +.nothing .Foil { | |
| 661 | + width: 80rpx; | |
| 662 | + height: 2rpx; | |
| 663 | + background-color: rgb(138, 138, 138); | |
| 664 | +} | |
| 665 | +.goods_name{ | |
| 666 | + height: 70rpx; | |
| 667 | + margin-top: 6rpx; | |
| 668 | +} | |
| 669 | +.seckill-list view.translation{ | |
| 670 | + width:108rpx;height:20rpx; border-radius: 20rpx;background:#dfdfdf;margin: auto;line-height: 20rpx; | |
| 671 | +} | |
| 672 | +.seckill-list view.spot{ | |
| 673 | + width:10rpx; | |
| 674 | + height:10rpx; | |
| 675 | + padding: 0rpx; | |
| 676 | + | |
| 677 | +} | |
| 678 | + | |
| 679 | +.spot{ | |
| 680 | + width:10rpx; | |
| 681 | + height:10rpx; | |
| 682 | + padding: 0rpx; | |
| 683 | + | |
| 684 | +} | |
| 685 | +.translation{ | |
| 686 | + width:108rpx;height:20rpx; border-radius: 20rpx;background:#e0e0e0;line-height: 20rpx; | |
| 687 | + bottom: 45rpx; | |
| 688 | +left: 43%; | |
| 689 | + | |
| 690 | +} | |
| 691 | + | |
| 692 | +.translation{ | |
| 693 | + width:108rpx;height:20rpx; border-radius: 20rpx;background:#b8d1d6;line-height: 20rpx; | |
| 694 | + bottom: 12rpx; | |
| 695 | +left: 43%; | |
| 696 | +} | |
| 697 | +.translations{ | |
| 698 | + width:108rpx;height:20rpx; border-radius: 20rpx;background:#dfdfdf;line-height: 20rpx; | |
| 699 | + bottom: 25rpx; | |
| 700 | +left: 43%; | |
| 701 | +} | |
| 702 | +.mar-top{ | |
| 703 | + margin-top: 20rpx; | |
| 704 | +} | |
| 705 | +.mar-tops{ | |
| 706 | + margin-top: 10rpx; | |
| 707 | +} | |
| 708 | + | |
| 709 | +.pt_active{ animation: sport 0.5s;} | |
| 710 | +@keyframes sport { | |
| 711 | + 0% {transform: translateY(80rpx);opacity: 0;} | |
| 712 | + 100% {transform: translateY(0rpx);opacity: 1} | |
| 713 | +} | |
| 714 | +.m-left{ | |
| 715 | + margin-left: 18rpx; | |
| 716 | +} | |
| 717 | +.martop4{ | |
| 718 | +margin-top: 4rpx; | |
| 719 | + | |
| 720 | +} | |
| 721 | +.time-blue{ | |
| 722 | +margin-left: 10rpx; | |
| 723 | +} | |
| 724 | +.is_seckill_height{ | |
| 725 | + height:40rpx;line-height:32rpx; | |
| 726 | +} | |
| 727 | + | |
| 728 | + | |
| 729 | +.assemble-top-border{ | |
| 730 | + border-top: 10rpx solid #eee; | |
| 731 | + padding-top:20rpx; | |
| 732 | + margin-top:0rpx; | |
| 733 | +} | ... | ... |
pages/team/team_success/team_success.js
utils/LoadMore.js
| ... | ... | @@ -65,6 +65,7 @@ var e = function() { |
| 65 | 65 | console.log('loadmore'); |
| 66 | 66 | console.log(t.data.data.pageData); |
| 67 | 67 | console.log(c ); |
| 68 | + | |
| 68 | 69 | |
| 69 | 70 | //如果已经的第二页的时候,就是把数据加入数组 |
| 70 | 71 | if (c !=undefined && c.data[l]) { |
| ... | ... | @@ -73,35 +74,35 @@ var e = function() { |
| 73 | 74 | f = "" != d ? c.data[l][d] : c.data[l], [].push.apply(f, i), g = c.data[l]; |
| 74 | 75 | } else g = t.data.data.pageData; |
| 75 | 76 | |
| 76 | - | |
| 77 | + | |
| 77 | 78 | //格式化 |
| 78 | 79 | var glist=""; |
| 79 | - for (var i = 0; i < g.length; i++) { | |
| 80 | + for (var ij = 0; ij < g.length; ij++) { | |
| 80 | 81 | //if(g[i].prom_type == 1 || g[i].prom_type == 2 || g[i].prom_type == 6) { |
| 81 | - if (g[i].prom_type == 1) { | |
| 82 | - glist += g[i].goods_id+","; | |
| 82 | + if (g[ij].prom_type == 1) { | |
| 83 | + glist += g[ij].goods_id+","; | |
| 83 | 84 | } |
| 84 | - if (g[i].original_img!=undefined){ | |
| 85 | - if (g[i].original_img.indexOf(oo.imghost)==-1) | |
| 86 | - g[i].original_img = oo.imghost + g[i].original_img; | |
| 85 | + if (g[ij].original_img!=undefined){ | |
| 86 | + if (g[ij].original_img.indexOf(oo.imghost)==-1) | |
| 87 | + g[ij].original_img = oo.imghost + g[ij].original_img; | |
| 87 | 88 | } |
| 88 | 89 | |
| 89 | - if (g[i].add_time != undefined){ | |
| 90 | - var tx = g[i].add_time + ""; | |
| 90 | + if (g[ij].add_time != undefined){ | |
| 91 | + var tx = g[ij].add_time + ""; | |
| 91 | 92 | if (tx.indexOf('-') == -1) { |
| 92 | - g[i].add_time = ut.formatTime(g[i].add_time, 'yyyy-MM-dd hh:mm:ss'); | |
| 93 | + g[ij].add_time = ut.formatTime(g[i].add_time, 'yyyy-MM-dd hh:mm:ss'); | |
| 93 | 94 | } |
| 94 | 95 | } |
| 95 | 96 | if (rurl.indexOf('comment/page')!=-1){ |
| 96 | 97 | console.log('comment/page'); |
| 97 | - console.log(g[i].img); | |
| 98 | - var tx1 = g[i].img; | |
| 98 | + console.log(g[ij].img); | |
| 99 | + var tx1 = g[ij].img; | |
| 99 | 100 | |
| 100 | 101 | if (tx1 != "" && tx1 != null && ut.isString(tx1)){ |
| 101 | 102 | var arr = ut.unserialize(tx1); |
| 102 | - g[i].img=arr; | |
| 103 | + g[ij].img=arr; | |
| 103 | 104 | } else if (!ut.isArray(tx1)){ |
| 104 | - g[i].img=""; | |
| 105 | + g[ij].img=""; | |
| 105 | 106 | } |
| 106 | 107 | } |
| 107 | 108 | } |
| ... | ... | @@ -109,13 +110,13 @@ var e = function() { |
| 109 | 110 | |
| 110 | 111 | //没有活动,就不用调用接口 |
| 111 | 112 | if (glist==""){ |
| 112 | - c.setData(a({}, l, g)); | |
| 113 | + //c.setData(a({}, l, g)); | |
| 113 | 114 | if ("function" == typeof e && (n = e(t)), !1 === n) return !1; |
| 114 | 115 | i && 0 != i.length || (s.data.goodsLoadFinishFlag = !0, u && o.showWarning("加载完啦", null, 500, !1)); |
| 115 | 116 | return false; |
| 116 | 117 | } |
| 117 | 118 | |
| 118 | - c.setData(a({}, l, g)); | |
| 119 | + // c.setData(a({}, l, g)); | |
| 119 | 120 | if ("function" == typeof e && (n = e(t)), !1 === n) return !1; |
| 120 | 121 | i && 0 != i.length || (s.data.goodsLoadFinishFlag = !0, u && o.showWarning("加载完啦", null, 500, !1)); |
| 121 | 122 | ... | ... |
utils/filter.wxs
utils/util.js
| ... | ... | @@ -248,6 +248,16 @@ function check_mobile(phoneMobile){ |
| 248 | 248 | return ob; |
| 249 | 249 | } |
| 250 | 250 | |
| 251 | +//获取随机元素 | |
| 252 | +function get_rand_item(arr){ | |
| 253 | + if(!arr) return null; | |
| 254 | + if(arr.length<=0) return null; | |
| 255 | + if(arr.length==1) return arr[0]; | |
| 256 | + var ind=Math.floor(Math.random()*arr.length); | |
| 257 | + if(ind==arr.length) ind=arr.length-1; | |
| 258 | + return arr[ind]; | |
| 259 | +} | |
| 260 | + | |
| 251 | 261 | module.exports = { |
| 252 | 262 | formatTime: function(e, r) { |
| 253 | 263 | var t = e ? new Date(1e3 * e) : new Date(), n = t.getFullYear(), o = t.getMonth() + 1, a = t.getDate(), u = t.getHours(), i = t.getMinutes(), f = t.getSeconds(), s = function(e) { |
| ... | ... | @@ -337,5 +347,6 @@ module.exports = { |
| 337 | 347 | sub_last: sub_last,//去掉末尾一个字符 |
| 338 | 348 | measureText: measureText,//画布需要的函数 |
| 339 | 349 | check_mobile: check_mobile,//验证手机 |
| 350 | + get_rand_item:get_rand_item, //随机获取元素 | |
| 340 | 351 | |
| 341 | 352 | }; | ... | ... |