正在显示
5 个修改的文件
包含
68 行增加
和
186 行删除
@@ -55,7 +55,7 @@ Page({ | @@ -55,7 +55,7 @@ Page({ | ||
55 | console.log(res); | 55 | console.log(res); |
56 | // 列表值 | 56 | // 列表值 |
57 | that.setData({ | 57 | that.setData({ |
58 | - collectList: res.data.list | 58 | + collectList: res.date.list |
59 | }) | 59 | }) |
60 | 60 | ||
61 | console.log(that.data.collectList) | 61 | console.log(that.data.collectList) |
1 | 1 | ||
2 | <view class='container'> | 2 | <view class='container'> |
3 | <view class='mid'> | 3 | <view class='mid'> |
4 | + | ||
5 | + <view class="nodata" wx:if='{{collectList.length==0}}'>暂无数据</view> | ||
6 | + <block wx:else> | ||
4 | <view class='mid_item' wx:for="{{collectList}}" wx:key=""> | 7 | <view class='mid_item' wx:for="{{collectList}}" wx:key=""> |
5 | <!-- 顶部 --> | 8 | <!-- 顶部 --> |
6 | <view class='mid_item_top'> | 9 | <view class='mid_item_top'> |
@@ -58,7 +61,7 @@ | @@ -58,7 +61,7 @@ | ||
58 | {{item.text_content}} | 61 | {{item.text_content}} |
59 | </view> | 62 | </view> |
60 | </view> | 63 | </view> |
61 | - <!-- 右下 --> | 64 | + <!-- 右下右 --> |
62 | <view class='right_bottom_rig'> | 65 | <view class='right_bottom_rig'> |
63 | 立即参团 | 66 | 立即参团 |
64 | </view> | 67 | </view> |
@@ -79,83 +82,8 @@ | @@ -79,83 +82,8 @@ | ||
79 | </view> | 82 | </view> |
80 | </view> | 83 | </view> |
81 | </view> | 84 | </view> |
85 | + </block> | ||
82 | 86 | ||
83 | - <!-- <view class='mid_item'> | ||
84 | - <!-- 顶部 --> | ||
85 | - <view class='mid_item_top'> | ||
86 | - <!-- 左边 --> | ||
87 | - <view class='mid_item_top_left'> | ||
88 | - <view class='top_left_pic'> | ||
89 | - <image src='../../../img/goods_1.png'></image> | ||
90 | - | ||
91 | - | ||
92 | - </view> | ||
93 | - <view class='text_color'> | ||
94 | - 距开始2时22分距结束2时22分 | ||
95 | - </view> | ||
96 | - </view> | ||
97 | - <!-- 右边 --> | ||
98 | - <view class='mid_item_top_right'> | ||
99 | - <!-- 右上 --> | ||
100 | - <view class='right_top'> | ||
101 | - <view class='right_top_lef'> | ||
102 | - 纯进口有机菜花 | ||
103 | - </view> | ||
104 | - <view class='right_top_rig'> | ||
105 | - 产地:罗利 | ||
106 | - </view> | ||
107 | - </view> | ||
108 | - <!-- 右中1 --> | ||
109 | - <view class='right_mid'> | ||
110 | - <view class='right_mid_lef'> | ||
111 | - <view class='right_mid_lef_color'></view> | ||
112 | - </view> | ||
113 | - <view class='right_mid_rig'> | ||
114 | - 42% | ||
115 | - </view> | ||
116 | - </view> | ||
117 | - <!-- 右中2 --> | ||
118 | - <view class='right_text'> | ||
119 | - 已拼300份,目标500份 | ||
120 | - </view> | ||
121 | - <!-- 右下 --> | ||
122 | - <view class='right_bottom'> | ||
123 | - <!-- 右下左 --> | ||
124 | - <view class='right_bottom_lef'> | ||
125 | - <span class='RBM'>¥</span> | ||
126 | - <span class='number'>52/</span> | ||
127 | - <span class='text'>1磅1份1磅1份</span> | ||
128 | - | ||
129 | - </view> | ||
130 | - <!-- 右下中 --> | ||
131 | - <view class='right_bottom_mid'> | ||
132 | - <view class='right_bottom_mid_t'> | ||
133 | - 40mm-50m | ||
134 | - </view> | ||
135 | - <view class='right_bottom_mid_b'> | ||
136 | - 番茄果径 番茄果径番茄果径 | ||
137 | - </view> | ||
138 | - </view> | ||
139 | - <!-- 右下右 --> | ||
140 | - <view class='right_bottom_rig'> | ||
141 | - 立即参团 | ||
142 | - </view> | ||
143 | - </view> | ||
144 | - </view> | ||
145 | - | ||
146 | - | ||
147 | - </view> | ||
148 | - <view class='mid_item_bottom'> | ||
149 | - <view class='mid_item_bottom_left'> | ||
150 | - 经典推荐 | ||
151 | - </view> | ||
152 | - <!-- 竖线 --> | ||
153 | - <view class='mid_line'></view> | ||
154 | - <!-- 底部文本 --> | ||
155 | - <view class='mid_item_bottom_bot'> | ||
156 | - 智利进口,绿色健康,硕大饱满 | ||
157 | - </view> | ||
158 | - </view> | ||
159 | - <!-- </view> --> | 87 | + |
160 | </view> | 88 | </view> |
161 | </view> | 89 | </view> |
@@ -4,6 +4,8 @@ Page({ | @@ -4,6 +4,8 @@ Page({ | ||
4 | * 页面的初始数据 | 4 | * 页面的初始数据 |
5 | */ | 5 | */ |
6 | data: { | 6 | data: { |
7 | + | ||
8 | + orderList:[], | ||
7 | navbar: [{ | 9 | navbar: [{ |
8 | name: '全部' | 10 | name: '全部' |
9 | }, | 11 | }, |
@@ -30,7 +32,7 @@ Page({ | @@ -30,7 +32,7 @@ Page({ | ||
30 | } | 32 | } |
31 | ], | 33 | ], |
32 | currentTab: 0, | 34 | currentTab: 0, |
33 | - orderList: '', | 35 | + // orderList: '', |
34 | page: 1, | 36 | page: 1, |
35 | status: 0, | 37 | status: 0, |
36 | toCancel: false, | 38 | toCancel: false, |
@@ -38,21 +40,16 @@ Page({ | @@ -38,21 +40,16 @@ Page({ | ||
38 | 40 | ||
39 | 41 | ||
40 | //倒计时 | 42 | //倒计时 |
41 | - countDownList: [], | ||
42 | - actEndTimeList: [] | 43 | + // countDownList: [], |
44 | + // actEndTimeList: [] | ||
43 | }, | 45 | }, |
44 | 46 | ||
45 | - | 47 | + |
46 | /** | 48 | /** |
47 | * 生命周期函数--监听页面加载 | 49 | * 生命周期函数--监听页面加载 |
48 | */ | 50 | */ |
49 | onLoad: function (options) { | 51 | onLoad: function (options) { |
50 | - // let endTimeList = []; | ||
51 | - // // 将活动的结束时间参数提成一个单独的数组,方便操作 | ||
52 | - // goodsList.forEach(o => { endTimeList.push(o.actEndTime) }) | ||
53 | - // this.setData({ actEndTimeList: endTimeList }); | ||
54 | - // // 执行倒计时函数 | ||
55 | - // this.countDown(); | 52 | + |
56 | 53 | ||
57 | 54 | ||
58 | 55 | ||
@@ -80,12 +77,11 @@ Page({ | @@ -80,12 +77,11 @@ Page({ | ||
80 | }) | 77 | }) |
81 | } | 78 | } |
82 | }, | 79 | }, |
83 | - | ||
84 | - | ||
85 | - timeFormat(param) {//小于10的格式化函数 | 80 | + timeFormat(param) { //小于10的格式化函数 |
86 | return param < 10 ? '0' + param : param; | 81 | return param < 10 ? '0' + param : param; |
87 | }, | 82 | }, |
88 | 83 | ||
84 | + | ||
89 | 85 | ||
90 | // 我的订单 | 86 | // 我的订单 |
91 | myOrder() { | 87 | myOrder() { |
@@ -105,107 +101,58 @@ Page({ | @@ -105,107 +101,58 @@ Page({ | ||
105 | 101 | ||
106 | // 列表值 | 102 | // 列表值 |
107 | that.setData({ | 103 | that.setData({ |
108 | - orderList: res.data.list | 104 | + orderList: res.data.list, |
105 | + now_time: res.data.now_time | ||
109 | }) | 106 | }) |
110 | - | ||
111 | - | ||
112 | - | ||
113 | - | ||
114 | - | 107 | + that.countDown() |
115 | }).catch((err) => { | 108 | }).catch((err) => { |
116 | 109 | ||
117 | }) | 110 | }) |
118 | }, | 111 | }, |
119 | 112 | ||
120 | - countDown() {//倒计时函数 | ||
121 | - // 获取当前时间,同时得到活动结束时间数组 | ||
122 | - let newTime = new Date().getTime(); | ||
123 | - let endTimeList = this.data.actEndTimeList; | ||
124 | - let countDownArr = []; | ||
125 | - | ||
126 | - // 对结束时间进行处理渲染到页面 | ||
127 | - endTimeList.forEach(o => { | ||
128 | - let endTime = new Date(o).getTime(); | ||
129 | - let obj = null; | ||
130 | - // 如果活动未结束,对时间进行处理 | ||
131 | - if (endTime - newTime > 0) { | ||
132 | - let time = (endTime - newTime) / 1000; | ||
133 | - // 获取天、时、分、秒 | 113 | + //团购倒计时 |
114 | + countDown() { | ||
115 | + let that = this | ||
116 | + let objs = Object.assign([], that.data.orderList) | ||
117 | + let now_time = parseInt(new Date().getTime()) | ||
118 | + // console.log('现在的时间:'+now_time) | ||
119 | + | ||
120 | + for (let obj of objs) { | ||
121 | + | ||
122 | + let end_time = obj.end_time * 1000 | ||
123 | + // console.log(end_time) | ||
124 | + let open_time = obj.open_time * 1000 | ||
125 | + if (now_time < open_time) { | ||
126 | + // console.log(333) | ||
127 | + //活动未开始 | ||
128 | + } else if (now_time > end_time) { | ||
129 | + // console.log(222) | ||
130 | + //活动结束 | ||
131 | + } else { | ||
132 | + // console.log(1111) | ||
133 | + let time = (end_time - now_time) / 1000; | ||
134 | let day = parseInt(time / (60 * 60 * 24)); | 134 | let day = parseInt(time / (60 * 60 * 24)); |
135 | let hou = parseInt(time % (60 * 60 * 24) / 3600); | 135 | let hou = parseInt(time % (60 * 60 * 24) / 3600); |
136 | let min = parseInt(time % (60 * 60 * 24) % 3600 / 60); | 136 | let min = parseInt(time % (60 * 60 * 24) % 3600 / 60); |
137 | let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60); | 137 | let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60); |
138 | - obj = { | ||
139 | - day: this.timeFormat(day), | ||
140 | - hou: this.timeFormat(hou), | ||
141 | - min: this.timeFormat(min), | ||
142 | - sec: this.timeFormat(sec) | ||
143 | - } | ||
144 | - } else {//活动已结束,全部设置为'00' | ||
145 | - obj = { | ||
146 | - day: '00', | ||
147 | - hou: '00', | ||
148 | - min: '00', | ||
149 | - sec: '00' | ||
150 | - } | 138 | + |
139 | + obj.day = that.timeFormat(day), | ||
140 | + obj.hou = that.timeFormat(hou), | ||
141 | + obj.min = that.timeFormat(min), | ||
142 | + obj.sec = that.timeFormat(sec) | ||
143 | + | ||
144 | + // console.log(obj.day, obj.hou, obj.min, obj.sec) | ||
151 | } | 145 | } |
152 | - countDownArr.push(obj); | 146 | + } |
147 | + that.setData({ | ||
148 | + orderList: objs | ||
153 | }) | 149 | }) |
154 | - // // 渲染,然后每隔一秒执行一次倒计时函数 | ||
155 | - // this.setData({ countDownList: countDownArr }) | ||
156 | - // setTimeout(this.countDown, 1000); | 150 | + console.log(that.data.orderList) |
151 | + setTimeout(that.countDown, 1000); | ||
157 | }, | 152 | }, |
158 | 153 | ||
159 | 154 | ||
160 | - // 倒计时功能 | ||
161 | - // timeFunc(num) { | ||
162 | - // //let number = res.compare.surplus_time; | ||
163 | - // // 时间戳处理 | ||
164 | - // var totalSecond = num; | ||
165 | - // var interval = setInterval(function () { | ||
166 | - // // 秒数 | ||
167 | - // var second = totalSecond; | ||
168 | - // // 天数位 | ||
169 | - // var day = Math.floor(second / 3600 / 24); | ||
170 | - // var dayStr = day.toString(); | ||
171 | - // if (dayStr.length == 1) dayStr = '0' + dayStr; | ||
172 | - // // 小时位 | ||
173 | - // var hr = Math.floor((second - day * 3600 * 24) / 3600); | ||
174 | - // var hrStr = hr.toString(); | ||
175 | - // if (hrStr.length == 1) hrStr = '0' + hrStr; | ||
176 | - // // 分钟位 | ||
177 | - // var min = Math.floor((second - day * 3600 * 24 - hr * 3600) / 60); | ||
178 | - // var minStr = min.toString(); | ||
179 | - // if (minStr.length == 1) minStr = '0' + minStr; | ||
180 | - // // 秒位 | ||
181 | - // var sec = second - day * 3600 * 24 - hr * 3600 - min * 60; | ||
182 | - // var secStr = sec.toString(); | ||
183 | - // if (secStr.length == 1) secStr = '0' + secStr; | ||
184 | - | ||
185 | - // that.setData({ | ||
186 | - // days: dayStr, | ||
187 | - // hours: hrStr, | ||
188 | - // minutes: minStr, | ||
189 | - // seconds: secStr, | ||
190 | - // }); | ||
191 | - // totalSecond--; | ||
192 | - // if (totalSecond <= 0) { | ||
193 | - // clearInterval(interval); | ||
194 | - // wx.showToast({ | ||
195 | - // title: '活动已结束', | ||
196 | - // }); | ||
197 | - // // 倒计时结束 | ||
198 | - // that.countDown(); | ||
199 | - // that.setData({ | ||
200 | - // days: '00', | ||
201 | - // hours: '00', | ||
202 | - // minutes: '00', | ||
203 | - // seconds: '00', | ||
204 | - // }); | ||
205 | - // } | ||
206 | - // }.bind(this), 1000); | ||
207 | - // }, | ||
208 | - | 155 | + |
209 | 156 | ||
210 | 157 | ||
211 | navbarTap: function (e) { | 158 | navbarTap: function (e) { |
@@ -41,8 +41,10 @@ | @@ -41,8 +41,10 @@ | ||
41 | <image src='{{item.thumb}}'></image> | 41 | <image src='{{item.thumb}}'></image> |
42 | </view> | 42 | </view> |
43 | <!-- 文字 --> | 43 | <!-- 文字 --> |
44 | - <view class='mid_left_text'> | ||
45 | - 距结束23时52分 | 44 | + <view class='mid_left_text' > |
45 | + <!-- 距结束23时52分 --> | ||
46 | + <!-- 距结束{{item.day}}天{{item.hou}}时{{item.min}}分{{item.sec}}秒 --> | ||
47 | + 距结束{{item.hou}}小时{{item.min}}分{{item.sec}}秒 | ||
46 | </view> | 48 | </view> |
47 | </view> | 49 | </view> |
48 | <!-- 中——右边 --> | 50 | <!-- 中——右边 --> |
@@ -82,8 +84,8 @@ | @@ -82,8 +84,8 @@ | ||
82 | <!-- 下 --> | 84 | <!-- 下 --> |
83 | <view class='mid_item_bottom'> | 85 | <view class='mid_item_bottom'> |
84 | <view class='mid_item_bottom_lef'> | 86 | <view class='mid_item_bottom_lef'> |
85 | - 共2件商品,实付 | ||
86 | - <span class='color_red'>¥52</span> | 87 | + 共{{item.goods_numb}}件商品,实付 |
88 | + <span class='color_red'>¥{{item.goods_pay}}</span> | ||
87 | </view> | 89 | </view> |
88 | <view class='mid_item_bottom_rig' wx:if="{{item.goods_status==2}}"> | 90 | <view class='mid_item_bottom_rig' wx:if="{{item.goods_status==2}}"> |
89 | <view class='bottom_btn_left' bindtap='cancelOrder'>取消订单</view> | 91 | <view class='bottom_btn_left' bindtap='cancelOrder'>取消订单</view> |
@@ -135,7 +137,7 @@ | @@ -135,7 +137,7 @@ | ||
135 | </view> | 137 | </view> |
136 | <!-- 文字 --> | 138 | <!-- 文字 --> |
137 | <view class='mid_left_text'> | 139 | <view class='mid_left_text'> |
138 | - 距结束23时52分 | 140 | + 距结束{{item.hou}}小时{{item.min}}分{{item.sec}}秒 |
139 | </view> | 141 | </view> |
140 | </view> | 142 | </view> |
141 | <!-- 中——右边 --> | 143 | <!-- 中——右边 --> |
@@ -150,13 +152,14 @@ | @@ -150,13 +152,14 @@ | ||
150 | </view> | 152 | </view> |
151 | <!-- 百分比 --> | 153 | <!-- 百分比 --> |
152 | <view class='mid_right_m'> | 154 | <view class='mid_right_m'> |
153 | - <view class='right_m_left'> | 155 | + <!-- <view class='right_m_left'> |
154 | <view class='right_m_left_content'></view> | 156 | <view class='right_m_left_content'></view> |
155 | </view> | 157 | </view> |
156 | 158 | ||
157 | <view class='right_m_right'> | 159 | <view class='right_m_right'> |
158 | 42% | 160 | 42% |
159 | - </view> | 161 | + </view> --> |
162 | + <progress percent="{{item.percent}}" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx" /> | ||
160 | </view> | 163 | </view> |
161 | <!-- 拼团份数 --> | 164 | <!-- 拼团份数 --> |
162 | <view class='mid_right_bottom'> | 165 | <view class='mid_right_bottom'> |
@@ -211,7 +214,7 @@ | @@ -211,7 +214,7 @@ | ||
211 | </view> | 214 | </view> |
212 | <!-- 文字 --> | 215 | <!-- 文字 --> |
213 | <view class='mid_left_text'> | 216 | <view class='mid_left_text'> |
214 | - 距结束23时52分 | 217 | + 距结束{{item.hou}}小时{{item.min}}分{{item.sec}}秒 |
215 | </view> | 218 | </view> |
216 | </view> | 219 | </view> |
217 | <!-- 中——右边 --> | 220 | <!-- 中——右边 --> |
-
请 注册 或 登录 后发表评论