作者 lihongjuan

1

1 { 1 {
2 "pages": [ 2 "pages": [
3 "pages/register/register", 3 "pages/register/register",
  4 + "pages/zuji/zuji",
  5 +
4 "pages/index/index", 6 "pages/index/index",
5 "pages/messagedetail/messagedetail", 7 "pages/messagedetail/messagedetail",
6 "pages/message/message", 8 "pages/message/message",
@@ -28,8 +30,8 @@ @@ -28,8 +30,8 @@
28 "pages/taocandetail/taocandetail", 30 "pages/taocandetail/taocandetail",
29 "pages/taocanpay/taocanpay", 31 "pages/taocanpay/taocanpay",
30 "pages/orderdetail/orderdetail", 32 "pages/orderdetail/orderdetail",
31 - "pages/xianshi/xianshi",  
32 - "pages/zuji/zuji" 33 + "pages/xianshi/xianshi"
  34 +
33 ], 35 ],
34 "window": { 36 "window": {
35 "backgroundTextStyle": "light", 37 "backgroundTextStyle": "light",
@@ -57,6 +59,7 @@ @@ -57,6 +59,7 @@
57 "iconPath": "images/tabbar/icon_70.png", 59 "iconPath": "images/tabbar/icon_70.png",
58 "selectedIconPath": "images/tabbar/icon_73.png" 60 "selectedIconPath": "images/tabbar/icon_73.png"
59 }, 61 },
  62 +
60 { 63 {
61 "pagePath": "pages/my/my", 64 "pagePath": "pages/my/my",
62 "text": "我的", 65 "text": "我的",

3.3 KB | 宽: | 高:

3.3 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖
@@ -28,19 +28,19 @@ Page({ @@ -28,19 +28,19 @@ Page({
28 }, 28 },
29 29
30 scroll(e){ 30 scroll(e){
31 - console.log(e.detail.scrollTop)  
32 - if (e.detail.scrollTop >300){  
33 - console.log(8888)  
34 - this.setData({  
35 - stick:1  
36 - })  
37 - }else{  
38 - this.setData({  
39 - stick:0  
40 - })  
41 - }  
42 -  
43 - console.log(this.data.stick) 31 + // console.log(e.detail.scrollTop)
  32 + // if (e.detail.scrollTop >300){
  33 + // console.log(8888)
  34 + // this.setData({
  35 + // stick:1
  36 + // })
  37 + // }else{
  38 + // this.setData({
  39 + // stick:0
  40 + // })
  41 + // }
  42 +
  43 + // console.log(this.data.stick)
44 }, 44 },
45 moremiao(){ 45 moremiao(){
46 wx.navigateTo({ 46 wx.navigateTo({
@@ -287,6 +287,10 @@ date_format(micro_second) { @@ -287,6 +287,10 @@ date_format(micro_second) {
287 app.post(url, params).then((res) => { 287 app.post(url, params).then((res) => {
288 wx.hideLoading() 288 wx.hideLoading()
289 if (type == 1) { 289 if (type == 1) {
  290 + let obj={
  291 + name:'首页'
  292 + }
  293 + res.msg.unshift(obj)
290 that.setData({ 294 that.setData({
291 nav_arr: res.msg 295 nav_arr: res.msg
292 }) 296 })
@@ -7,8 +7,27 @@ @@ -7,8 +7,27 @@
7 </navigator> 7 </navigator>
8 </view> 8 </view>
9 9
  10 + <view class='list' wx:if="{{nav_index!=0}}">
  11 + <view class='list_item' wx:if="{{index < length_num}}" wx:for="{{class_arr}}" wx:key="index" data-id="{{item.id}}" data-index="{{index}}" catchtap="look_item">
  12 + <view class='item'>
  13 + <view class='item_img'>
  14 + <image src='{{item.image}}' mode='aspectFill' />
  15 + </view>
  16 + <view class='item_font'>{{item.name}}</view>
  17 + </view>
  18 + </view>
  19 + <view class='list_item' data-type="1" catchtap="show_all" wx:if="{{class_arr.length>9}}">
  20 + <view class='item'>
  21 + <view class='item_img'>
  22 + <image src='/images/all.png' />
  23 + </view>
  24 + <view class='item_font'>{{length_num == 9?'查看全部':'收起'}}</view>
  25 + </view>
  26 + </view>
  27 + </view>
  28 +
10 <!-- 轮播图 --> 29 <!-- 轮播图 -->
11 - <view class="lunbo_box {{stick==1?'boxactive':''}}"> 30 + <view class="lunbo_box {{nav_index==0?'boxactive':''}}" wx:else>
12 <swiper interval="{{interval}}" duration="{{duration}}" circular="{{circular}}" current='{{current}}' bindchange='swiperChange' autoplay="{{autoplay}}" class='swiper_box'> 31 <swiper interval="{{interval}}" duration="{{duration}}" circular="{{circular}}" current='{{current}}' bindchange='swiperChange' autoplay="{{autoplay}}" class='swiper_box'>
13 <swiper-item class='swiper-item' wx:for="{{imgurl}}" wx:key="index"> 32 <swiper-item class='swiper-item' wx:for="{{imgurl}}" wx:key="index">
14 <image src='{{item.image}}' mode="aspectFill" data-id="{{item.thing_id}}" data-style="{{item.style}}" data-src="{{item.thing_id}}" catchtap="{{item.thing_id == 0?'':'look_more'}}" /> 33 <image src='{{item.image}}' mode="aspectFill" data-id="{{item.thing_id}}" data-style="{{item.style}}" data-src="{{item.thing_id}}" catchtap="{{item.thing_id == 0?'':'look_more'}}" />
@@ -21,17 +40,17 @@ @@ -21,17 +40,17 @@
21 </view> 40 </view>
22 </view> 41 </view>
23 <!-- 劳保 --> 42 <!-- 劳保 -->
24 - <view class="fenlei"> 43 + <!-- <view class="fenlei">
25 <view class="fenleiitem"> 44 <view class="fenleiitem">
26 劳保商城 45 劳保商城
27 </view> 46 </view>
28 <view class="fenleiitem"> 47 <view class="fenleiitem">
29 差旅 48 差旅
30 </view> 49 </view>
31 - </view> 50 + </view> -->
32 <!-- 活动区域 --> 51 <!-- 活动区域 -->
33 <view class="actity"> 52 <view class="actity">
34 - <view class="miaoshatop flextwo"> 53 + <view class="miaoshatopk flextwo">
35 <view class="miaoshatopleft flexone"> 54 <view class="miaoshatopleft flexone">
36 <view class="miaoshaoname">活动专区</view> 55 <view class="miaoshaoname">活动专区</view>
37 56
@@ -41,7 +60,7 @@ @@ -41,7 +60,7 @@
41 60
42 <view class="active flexone"> 61 <view class="active flexone">
43 62
44 - <view wx:for="{{activity}}" wx:key="" bindtap="seeactive" data-id="{{item.id}}"> 63 + <view wx:for="{{activity}}" class="actbox" wx:key="" bindtap="seeactive" data-id="{{item.id}}">
45 <view class="activeitem"> 64 <view class="activeitem">
46 <image src="{{item.image}}"></image> 65 <image src="{{item.image}}"></image>
47 </view> 66 </view>
@@ -56,7 +75,7 @@ @@ -56,7 +75,7 @@
56 75
57 <!-- 秒杀商城 --> 76 <!-- 秒杀商城 -->
58 77
59 - <view class="miaosha"> 78 + <view class="miaosha xianshi">
60 <view class="miaoshatop flextwo"> 79 <view class="miaoshatop flextwo">
61 <view class="miaoshatopleft flexone"> 80 <view class="miaoshatopleft flexone">
62 <view class="miaoshaoname">限时抢购</view> 81 <view class="miaoshaoname">限时抢购</view>
@@ -72,7 +91,7 @@ @@ -72,7 +91,7 @@
72 <view class="goodimg"> 91 <view class="goodimg">
73 <image src="{{item.images[0]}}"></image> 92 <image src="{{item.images[0]}}"></image>
74 </view> 93 </view>
75 - <view class="price">{{item.price}}</view> 94 + <view class="price">{{item.price}}</view>
76 <!-- <view class="oldprice">{{item.price}}</view> --> 95 <!-- <view class="oldprice">{{item.price}}</view> -->
77 </view> 96 </view>
78 97
@@ -97,41 +116,27 @@ @@ -97,41 +116,27 @@
97 </navigator> 116 </navigator>
98 117
99 <!-- 大分类 --> 118 <!-- 大分类 -->
100 - <view class="flexone {{stick==1?'navactive':''}}">  
101 - <view class="horizontal_nav "> 119 + <!-- {{stick==1?'navactive':''}} -->
102 120
103 - <view class="nav_item {{nav_index == index?'active':''}}" wx:for="{{nav_arr}}" wx:key="index" bindtap="select_nav" data-index="{{index}}" data-id="{{item.id}}">{{item.name}}</view> 121 + <view class="navactive">
  122 + <view class="flexone">
  123 + <view class="horizontal_nav ">
104 124
  125 + <view class="nav_item {{nav_index == index?'active':''}}" wx:for="{{nav_arr}}" wx:key="index" bindtap="select_nav" data-index="{{index}}" data-id="{{item.id}}">{{item.name}}</view>
105 126
106 - </view>  
107 127
108 - <view class="morebox" bindtap="more">  
109 - <view class="moreimg">  
110 - <image src="/images/more.png"></image>  
111 </view> 128 </view>
112 - </view>  
113 - </view>  
114 -  
115 129
116 -  
117 - <!-- 小分类 -->  
118 - <view class='list'>  
119 - <view class='list_item' wx:if="{{index < length_num}}" wx:for="{{class_arr}}" wx:key="index" data-id="{{item.id}}" data-index="{{index}}" catchtap="look_item">  
120 - <view class='item'>  
121 - <view class='item_img'>  
122 - <image src='{{item.image}}' mode='aspectFill' /> 130 + <view class="morebox" bindtap="more">
  131 + <view class="moreimg">
  132 + <image src="/images/more.png"></image>
123 </view> 133 </view>
124 - <view class='item_font'>{{item.name}}</view>  
125 - </view>  
126 - </view>  
127 - <view class='list_item' data-type="1" catchtap="show_all" wx:if="{{class_arr.length>9}}">  
128 - <view class='item'>  
129 - <view class='item_img'>  
130 - <image src='/images/all.png' />  
131 - </view>  
132 - <view class='item_font'>{{length_num == 9?'查看全部':'收起'}}</view>  
133 </view> 134 </view>
134 </view> 135 </view>
  136 +
  137 + <!-- 小分类 -->
  138 +
  139 +
135 </view> 140 </view>
136 141
137 142
1 page { 1 page {
2 width: 100%; 2 width: 100%;
3 height: 100%; 3 height: 100%;
  4 + background: #f9f9f9;
4 } 5 }
5 6
6 image { 7 image {
@@ -14,8 +15,8 @@ image { @@ -14,8 +15,8 @@ image {
14 15
15 .top { 16 .top {
16 width: 750rpx; 17 width: 750rpx;
17 - height: 128rpx;  
18 - padding: 28rpx 32rpx; 18 + height: 98rpx;
  19 + padding: 15rpx 32rpx;
19 box-sizing: border-box; 20 box-sizing: border-box;
20 background: rgba(61, 154, 248, 1); 21 background: rgba(61, 154, 248, 1);
21 position: fixed; 22 position: fixed;
@@ -27,10 +28,10 @@ image { @@ -27,10 +28,10 @@ image {
27 .lunbo_box { 28 .lunbo_box {
28 border: none !important; 29 border: none !important;
29 background: rgba(61, 154, 248, 1); 30 background: rgba(61, 154, 248, 1);
30 - padding: 10rpx 32rpx 0; 31 + padding: 20rpx 32rpx 25rpx;
31 box-sizing: border-box; 32 box-sizing: border-box;
32 position: relative; 33 position: relative;
33 - margin-top: 128rpx; 34 + margin-top: 10rpx;
34 } 35 }
35 36
36 .search_box { 37 .search_box {
@@ -111,13 +112,13 @@ image { @@ -111,13 +112,13 @@ image {
111 112
112 .navactive { 113 .navactive {
113 position: fixed; 114 position: fixed;
114 - top: 128rpx; 115 + top: 99rpx;
115 left: 0; 116 left: 0;
116 z-index: 999; 117 z-index: 999;
117 } 118 }
118 119
119 .boxactive { 120 .boxactive {
120 - margin-top: 214rpx; 121 + margin-top: 173rpx;
121 } 122 }
122 123
123 .nav_item { 124 .nav_item {
@@ -132,9 +133,11 @@ image { @@ -132,9 +133,11 @@ image {
132 133
133 .list { 134 .list {
134 width: 100%; 135 width: 100%;
135 - margin-top: 36rpx; 136 + /* margin-top: 36rpx; */
136 display: flex; 137 display: flex;
137 flex-wrap: wrap; 138 flex-wrap: wrap;
  139 + margin-top:195rpx;
  140 + /* background: #fff; */
138 } 141 }
139 142
140 .list_item { 143 .list_item {
@@ -334,7 +337,7 @@ image { @@ -334,7 +337,7 @@ image {
334 display: flex; 337 display: flex;
335 align-items: center; 338 align-items: center;
336 justify-content: space-between; 339 justify-content: space-between;
337 - padding: 32rpx 20rpx; 340 + padding: 32rpx 32rpx;
338 box-sizing: border-box; 341 box-sizing: border-box;
339 } 342 }
340 343
@@ -350,13 +353,26 @@ image { @@ -350,13 +353,26 @@ image {
350 } 353 }
351 354
352 .activeitem { 355 .activeitem {
353 - width: 324rpx; 356 + width: 325rpx;
354 height: 200rpx; 357 height: 200rpx;
355 font-size: 0; 358 font-size: 0;
356 - margin-right: 20rpx;  
357 display: flex; 359 display: flex;
358 justify-content: center; 360 justify-content: center;
359 align-items: center; 361 align-items: center;
  362 + border-radius: 16rpx;
  363 +}
  364 +.activeitem image{
  365 + border-radius: 16rpx;
  366 +}
  367 +
  368 +.actbox {
  369 +
  370 + display: flex;
  371 + justify-content: center;
  372 + flex-direction: column;
  373 + align-items: center;
  374 + margin-right: 12rpx;
  375 + margin-bottom:20rpx;
360 } 376 }
361 377
362 image { 378 image {
@@ -371,8 +387,11 @@ image { @@ -371,8 +387,11 @@ image {
371 } 387 }
372 388
373 .actity { 389 .actity {
374 - padding: 0 32rpx; 390 + width:750rpx;
  391 + padding: 0 0rpx 0 64rpx;
375 box-sizing: border-box; 392 box-sizing: border-box;
  393 + margin-top:10rpx;
  394 + background: #fff;
376 } 395 }
377 396
378 .miaosha { 397 .miaosha {
@@ -397,7 +416,7 @@ image { @@ -397,7 +416,7 @@ image {
397 } 416 }
398 417
399 .miaoshatop { 418 .miaoshatop {
400 - padding: 32rpx; 419 + padding: 0 32rpx 32rpx;
401 box-sizing: border-box; 420 box-sizing: border-box;
402 } 421 }
403 422
@@ -405,30 +424,42 @@ image { @@ -405,30 +424,42 @@ image {
405 color: rgba(61, 154, 248, 1); 424 color: rgba(61, 154, 248, 1);
406 font-size: 28rpx; 425 font-size: 28rpx;
407 } 426 }
  427 +.miaoshatopk{
  428 + padding: 32rpx 0;
  429 + box-sizing: border-box
  430 +}
408 431
409 .miaoshalist { 432 .miaoshalist {
410 display: flex; 433 display: flex;
411 align-items: center; 434 align-items: center;
  435 + flex-wrap: wrap
412 } 436 }
413 437
414 .miaoshalistitem { 438 .miaoshalistitem {
415 - width: 222rpx; 439 + width: 217rpx;
416 display: flex; 440 display: flex;
417 flex-direction: column; 441 flex-direction: column;
418 justify-content: center; 442 justify-content: center;
419 align-items: center; 443 align-items: center;
420 - margin-right: 20rpx;  
421 - padding-bottom: 20rpx; 444 + margin-right: 12rpx;
  445 + padding-bottom: 24rpx;
422 box-sizing: border-box; 446 box-sizing: border-box;
423 } 447 }
424 448
425 .goodimg { 449 .goodimg {
426 - width: 100rpx;  
427 - height: 100rpx; 450 + width: 180rpx;
  451 + height: 180rpx;
428 font-size: 0; 452 font-size: 0;
  453 + border-radius: 10rpx;
  454 +
  455 +}
  456 +.goodimg image{
  457 + border-radius: 10rpx;
429 } 458 }
430 459
431 .price { 460 .price {
  461 + width:180rpx;
  462 + text-align: center;
432 color: rgba(61, 154, 248, 1); 463 color: rgba(61, 154, 248, 1);
433 font-size: 28rpx; 464 font-size: 28rpx;
434 margin-top: 5rpx; 465 margin-top: 5rpx;
@@ -443,7 +474,20 @@ image { @@ -443,7 +474,20 @@ image {
443 .activename { 474 .activename {
444 color: rgba(156, 156, 156, 1); 475 color: rgba(156, 156, 156, 1);
445 font-size: 28rpx; 476 font-size: 28rpx;
446 - text-align: center; 477 + text-align: left;
447 width: 324rpx; 478 width: 324rpx;
448 margin-top: 10rpx; 479 margin-top: 10rpx;
449 } 480 }
  481 +.xianshi{
  482 + width:686rpx;
  483 + border-radius: 20rpx;
  484 + margin:20rpx auto 0;
  485 + background: #fff;
  486 + padding: 32rpx 0;
  487 + box-sizing: border-box
  488 +}
  489 +.topnav{
  490 + position: fixed;
  491 + top:0;
  492 + left:0
  493 +}
@@ -93,6 +93,11 @@ Page({ @@ -93,6 +93,11 @@ Page({
93 wx.navigateTo({ 93 wx.navigateTo({
94 url: '/pages/address/address', 94 url: '/pages/address/address',
95 }) 95 })
  96 + } else if (index == 6) {
  97 + // 跳转地址列表
  98 + wx.navigateTo({
  99 + url: '/pages/zuji/zuji',
  100 + })
96 } 101 }
97 } else if (wx.getStorageSync("token") && index == 5) { 102 } else if (wx.getStorageSync("token") && index == 5) {
98 // 跳转关于列表 103 // 跳转关于列表
@@ -104,6 +104,16 @@ @@ -104,6 +104,16 @@
104 </view> 104 </view>
105 <image src="/images/youjiantou.png" class="youjiantou" /> 105 <image src="/images/youjiantou.png" class="youjiantou" />
106 </view> 106 </view>
  107 + <view class="item" bindtap="jumpListFun" data-t="6">
  108 + <view class="left">
  109 + <view class="zujiimg">
  110 + <image src="/images/zuji.png" />
  111 + </view>
  112 +
  113 + 我的足迹
  114 + </view>
  115 + <image src="/images/youjiantou.png" class="youjiantou" />
  116 + </view>
107 <view class="item" bindtap="jumpListFun" data-t="4"> 117 <view class="item" bindtap="jumpListFun" data-t="4">
108 <view class="left"> 118 <view class="left">
109 <image src="/images/icon_32.png" style="width:26rpx;height:30rpx;" />我的地址 119 <image src="/images/icon_32.png" style="width:26rpx;height:30rpx;" />我的地址
@@ -145,6 +145,7 @@ page { @@ -145,6 +145,7 @@ page {
145 background: #fff; 145 background: #fff;
146 padding: 0 30rpx; 146 padding: 0 30rpx;
147 box-sizing: border-box; 147 box-sizing: border-box;
  148 + margin-bottom:150rpx;
148 } 149 }
149 150
150 .item { 151 .item {
@@ -261,3 +262,15 @@ image { @@ -261,3 +262,15 @@ image {
261 .wuliustate { 262 .wuliustate {
262 width: 120rpx; 263 width: 120rpx;
263 } 264 }
  265 +.zujiimg{
  266 +
  267 +
  268 + display:flex;
  269 + align-items: center;
  270 + justify-content: center;
  271 +}
  272 +.zujiimg image{
  273 + width:33rpx!important;
  274 + height:35rpx!important;
  275 +
  276 +}
@@ -12,7 +12,8 @@ Page({ @@ -12,7 +12,8 @@ Page({
12 dday:'', 12 dday:'',
13 hou:'', 13 hou:'',
14 min:'', 14 min:'',
15 - sec:'' 15 + sec:'',
  16 + showtime:false
16 17
17 }, 18 },
18 19
@@ -20,8 +21,15 @@ Page({ @@ -20,8 +21,15 @@ Page({
20 * 生命周期函数--监听页面加载 21 * 生命周期函数--监听页面加载
21 */ 22 */
22 onLoad: function (options) { 23 onLoad: function (options) {
  24 + let that=this;
23 this.getxianshi(); 25 this.getxianshi();
24 this.getxianshik() 26 this.getxianshik()
  27 +
  28 + setTimeout(function(){
  29 + that.setData({
  30 + showtime: true
  31 + })
  32 + },1000)
25 }, 33 },
26 34
27 35
@@ -42,6 +50,7 @@ Page({ @@ -42,6 +50,7 @@ Page({
42 50
43 // status: r.msg.status, 51 // status: r.msg.status,
44 endTime: r.msg.residue_time, 52 endTime: r.msg.residue_time,
  53 +
45 }) 54 })
46 55
47 56
1 -<view class="miaoshatime flexthree"> 1 +<view class="miaoshatime flexthree" wx:if="{{showtime==true}}">
2 <view class='miaoname'>距离开始</view> 2 <view class='miaoname'>距离开始</view>
3 <view class='miaotime miaohour boxsizing'>{{day}}</view> 3 <view class='miaotime miaohour boxsizing'>{{day}}</view>
4 <view class="miaoname">天</view> 4 <view class="miaoname">天</view>
@@ -28,14 +28,7 @@ Page({ @@ -28,14 +28,7 @@ Page({
28 wx.navigateTo({ 28 wx.navigateTo({
29 url: '/pages/shop_detail/shop_detail?id=' + id 29 url: '/pages/shop_detail/shop_detail?id=' + id
30 }) 30 })
31 - // let style = e.currentTarget.dataset.style  
32 - // if (style == 2) {  
33 - // wx.navigateTo({  
34 - // url: '/pages/outerChain/outerChain?src=' + e.currentTarget.dataset.src  
35 - // })  
36 - // } else {  
37 -  
38 - // } 31 +
39 }, 32 },
40 33
41 getmorelist(){ 34 getmorelist(){
@@ -89,13 +89,12 @@ page { @@ -89,13 +89,12 @@ page {
89 width: 100%; 89 width: 100%;
90 height: 100%; 90 height: 100%;
91 } 91 }
92 -  
93 .empty { 92 .empty {
94 font-size: 36rpx; 93 font-size: 36rpx;
95 font-family: PingFang SC; 94 font-family: PingFang SC;
96 font-weight: 400; 95 font-weight: 400;
97 color: #ccc; 96 color: #ccc;
98 - margin-top: 200rpx; 97 + margin: 200rpx auto 0;
99 text-align: center; 98 text-align: center;
100 } 99 }
101 .real_goods { 100 .real_goods {
1 // pages/zuji/zuji.js 1 // pages/zuji/zuji.js
  2 +const app=getApp()
2 Page({ 3 Page({
3 4
4 /** 5 /**
5 * 页面的初始数据 6 * 页面的初始数据
6 */ 7 */
7 data: { 8 data: {
8 - 9 + zujilist:[],
  10 + page:1,
  11 + pageNum:10
9 }, 12 },
10 13
11 /** 14 /**
12 * 生命周期函数--监听页面加载 15 * 生命周期函数--监听页面加载
13 */ 16 */
14 onLoad: function (options) { 17 onLoad: function (options) {
  18 + this.getzujilist()
  19 + },
  20 +
  21 + getzujilist(){
  22 + let that = this
  23 + let url = '/getopenid/product_view_log';
  24 + let data = {
  25 +
  26 + }
  27 + app.post(url, data, "POST").then((r) => {
  28 + console.log(r)
  29 + that.setData({
  30 + zujilist: r.msg
  31 + })
  32 +
  33 + console.log(that.data.zujilist)
  34 +
  35 + }).catch((err) => { })
  36 + },
  37 +
  38 + //轮播图
  39 + look_more(e) {
  40 + let id = e.currentTarget.dataset.id;
  41 + console.log(id)
  42 + wx.navigateTo({
  43 + url: '/pages/shop_detail/shop_detail?id=' + id
  44 + })
15 45
16 }, 46 },
17 47
1 -<!--pages/zuji/zuji.wxml-->  
2 -<text>pages/zuji/zuji.wxml</text> 1 +<view class='page'>
  2 +
  3 + <!-- 商品列表 -->
  4 + <view class='real_goods'>
  5 + <!-- <Model_item list="{{shop_arr}}" /> -->
  6 +
  7 + <view class='real_goods' wx:if="{{zujilist.length>0}}">
  8 + <view class="real_goods_item" wx:for="{{zujilist}}" wx:key="index" data-id="{{item.product_id}}" bindtap="{{item.sold==0?'':'look_more'}}">
  9 + <view class='real_goods_img'>
  10 + <image src='{{item.images[0]}}' mode="aspectFill" />
  11 + <image src='/images/mei.png' class="tip" wx:if="{{item.sold == 0}}" />
  12 + </view>
  13 + <view class='real_goods_bottom'>
  14 + <view class='goods_title'>{{item.name}}</view>
  15 + <view class='goods_flex'>
  16 + <view class='score'>积分</view>
  17 + <view class='price'>{{item.price}}</view>
  18 + <view class='sell'>已卖出{{item.paynum}}件</view>
  19 + </view>
  20 + </view>
  21 +
  22 + <view class="pink_cover" wx:if="{{item.sold == 0}}"/>
  23 +
  24 + </view>
  25 +</view>
  26 + <view class="empty" wx:else>暂无更多数据</view>
  27 + </view>
  28 +
  29 +
  30 +</view>
1 -/* pages/zuji/zuji.wxss */  
  1 +page {
  2 + width: 100%;
  3 + height: 100%;
  4 + background: #f9f9f9;
  5 +}
  6 +
  7 +.page {
  8 + width: 100%;
  9 + min-height: 100%;
  10 +}
  11 +
  12 +.horizontal_nav {
  13 + width: 100%;
  14 + white-space: nowrap;
  15 + overflow-x: scroll;
  16 + height: 88rpx;
  17 + background: rgba(61, 154, 248, 1);
  18 + line-height: 88rpx;
  19 + font-size: 28rpx;
  20 + font-family: PingFang SC;
  21 + font-weight: 400;
  22 + color: rgba(174, 214, 255, 1);
  23 + padding: 0 12rpx;
  24 + box-sizing: border-box;
  25 +}
  26 +
  27 +.horizontal_nav::-webkit-scrollbar {
  28 + display: none;
  29 +}
  30 +
  31 +.nav_item {
  32 + padding: 0 40rpx;
  33 + box-sizing: border-box;
  34 + display: inline-block;
  35 +}
  36 +
  37 +.nav_item.active {
  38 + color: #fff;
  39 +}
  40 +
  41 +.select_box {
  42 + height: 88rpx;
  43 + width: 100%;
  44 + background: #fff;
  45 + padding: 0 98rpx;
  46 + box-sizing: border-box;
  47 + display: flex;
  48 + align-items: center;
  49 + justify-content: space-between;
  50 +}
  51 +
  52 +.select_item {
  53 + font-size: 28rpx;
  54 + font-family: PingFang SC;
  55 + font-weight: 400;
  56 + line-height: 40rpx;
  57 + color: rgba(156, 156, 156, 1);
  58 + position: relative;
  59 +}
  60 +
  61 +.select_item.active {
  62 + color: rgba(61, 154, 248, 1);
  63 +}
  64 +
  65 +.select_item.active::after {
  66 + content: '';
  67 + width: 100%;
  68 + height: 4rpx;
  69 + border-radius: 4rpx 4rpx 0 0;
  70 + background: rgba(61, 154, 248, 1);
  71 + position: absolute;
  72 + bottom: -20rpx;
  73 + left: 0;
  74 +}
  75 +
  76 +.select_img {
  77 + height: 22rpx;
  78 + width: 10rpx;
  79 + position: absolute;
  80 + right: -14rpx;
  81 + top: 50%;
  82 + transform: translateY(-50%);
  83 + display: flex;
  84 + justify-content: center;
  85 + align-items: center;
  86 +}
  87 +
  88 +.select_img image {
  89 + width: 100%;
  90 + height: 100%;
  91 +}
  92 +.empty {
  93 + font-size: 36rpx;
  94 + font-family: PingFang SC;
  95 + font-weight: 400;
  96 + color: #ccc;
  97 + margin: 200rpx auto 0;
  98 + text-align: center;
  99 +}
  100 +.real_goods {
  101 + width: 708rpx;
  102 + margin: 0 auto;
  103 + background: #f9f9f9;
  104 + display: flex;
  105 + flex-wrap: wrap;
  106 + padding: 8rpx 11rpx 20rpx;
  107 + box-sizing: border-box;
  108 +}
  109 +
  110 +.real_goods_item {
  111 + width: 50%;
  112 + margin-top: 20rpx;
  113 + border-radius: 10rpx;
  114 + background: #fff;
  115 + overflow: hidden;
  116 + position: relative;
  117 +}
  118 +
  119 +.real_goods_img {
  120 + width: 332rpx;
  121 + height: 332rpx;
  122 + margin-bottom: 16rpx;
  123 + border-top-left-radius: 10rpx;
  124 + border-top-right-radius: 10rpx;
  125 + overflow: hidden;
  126 + position: relative;
  127 +}
  128 +
  129 +.real_goods_img image {
  130 + width: 100%;
  131 + height: 100%;
  132 +}
  133 +
  134 +.tip {
  135 + width: 87rpx !important;
  136 + height: 80rpx !important;
  137 + position: absolute;
  138 + right: 0;
  139 + top: 0;
  140 + z-index: 2;
  141 +}
  142 +
  143 +.real_goods_bottom {
  144 + padding: 16rpx 16rpx 28rpx 16rpx;
  145 + box-sizing: border-box;
  146 + background: #fff;
  147 +}
  148 +
  149 +.goods_title {
  150 + height: 72rpx;
  151 + font-size: 26rpx;
  152 + font-family: PingFang SC;
  153 + font-weight: 500;
  154 + line-height: 36rpx;
  155 + color: rgba(5, 9, 26, 1);
  156 + overflow: hidden;
  157 + text-overflow: ellipsis;
  158 + display: -webkit-box;
  159 + -webkit-box-orient: vertical;
  160 + -webkit-line-clamp: 2;
  161 + margin-bottom: 20rpx;
  162 +}
  163 +
  164 +.goods_flex {
  165 + height: 50rpx;
  166 + display: flex;
  167 + align-items: center;
  168 +}
  169 +
  170 +.score {
  171 + width: 64rpx;
  172 + height: 32rpx;
  173 + background: rgba(242, 0, 0, 1);
  174 + border-radius: 2rpx;
  175 + text-align: center;
  176 + color: #fff;
  177 + font-size: 22rpx;
  178 + font-family: PingFang SC;
  179 + font-weight: 400;
  180 + margin-right: 12rpx;
  181 +}
  182 +
  183 +.price {
  184 + font-size: 36rpx;
  185 + font-family: PingFang SC;
  186 + font-weight: bold;
  187 + color: rgba(242, 0, 0, 1);
  188 + margin-right: 20rpx;
  189 +}
  190 +
  191 +.sell {
  192 + font-size: 20rpx;
  193 + font-family: PingFang SC;
  194 + font-weight: 400;
  195 + color: rgba(156, 156, 156, 1);
  196 +}
  197 +
  198 +.pink_cover{
  199 + width: 100%;
  200 + height: 100%;
  201 + background: #ccc;
  202 + opacity: 0.3;
  203 + position: absolute;
  204 + left: 0;
  205 + top: 0;
  206 +}
@@ -54,7 +54,7 @@ @@ -54,7 +54,7 @@
54 "list": [] 54 "list": []
55 }, 55 },
56 "miniprogram": { 56 "miniprogram": {
57 - "current": 6, 57 + "current": 8,
58 "list": [ 58 "list": [
59 { 59 {
60 "id": 0, 60 "id": 0,
@@ -105,6 +105,20 @@ @@ -105,6 +105,20 @@
105 "id": -1, 105 "id": -1,
106 "name": "活动套餐", 106 "name": "活动套餐",
107 "pathName": "pages/search/search_result/search_result", 107 "pathName": "pages/search/search_result/search_result",
  108 + "query": "",
  109 + "scene": null
  110 + },
  111 + {
  112 + "id": -1,
  113 + "name": "足迹",
  114 + "pathName": "pages/zuji/zuji",
  115 + "query": "",
  116 + "scene": null
  117 + },
  118 + {
  119 + "id": -1,
  120 + "name": "首页",
  121 + "pathName": "pages/index/index",
108 "scene": null 122 "scene": null
109 } 123 }
110 ] 124 ]