正在显示
26 个修改的文件
包含
503 行增加
和
2257 行删除
1 | //app.js | 1 | //app.js |
2 | App({ | 2 | App({ |
3 | - onLaunch: function () { | ||
4 | - // 展示本地存储能力 | ||
5 | - var logs = wx.getStorageSync('logs') || [] | ||
6 | - logs.unshift(Date.now()) | ||
7 | - wx.setStorageSync('logs', logs) | ||
8 | - | ||
9 | - // 登录 | ||
10 | - wx.login({ | ||
11 | - success: res => { | ||
12 | - // 发送 res.code 到后台换取 openId, sessionKey, unionId | ||
13 | - } | ||
14 | - }) | ||
15 | - // 获取用户信息 | ||
16 | - wx.getSetting({ | ||
17 | - success: res => { | ||
18 | - if (res.authSetting['scope.userInfo']) { | ||
19 | - // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框 | ||
20 | - wx.getUserInfo({ | 3 | + onLaunch: function () { |
4 | + // 展示本地存储能力 | ||
5 | + var logs = wx.getStorageSync('logs') || [] | ||
6 | + logs.unshift(Date.now()) | ||
7 | + wx.setStorageSync('logs', logs) | ||
8 | + | ||
9 | + // 登录 | ||
10 | + wx.login({ | ||
21 | success: res => { | 11 | success: res => { |
22 | - // 可以将 res 发送给后台解码出 unionId | ||
23 | - this.globalData.userInfo = res.userInfo | ||
24 | - | ||
25 | - // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回 | ||
26 | - // 所以此处加入 callback 以防止这种情况 | ||
27 | - if (this.userInfoReadyCallback) { | ||
28 | - this.userInfoReadyCallback(res) | ||
29 | - } | 12 | + // 发送 res.code 到后台换取 openId, sessionKey, unionId |
30 | } | 13 | } |
31 | - }) | ||
32 | - } | ||
33 | - } | ||
34 | - }) | ||
35 | - }, | ||
36 | - globalData: { | ||
37 | - userInfo: null, | ||
38 | - baseUrl: '../../img/' | ||
39 | - } | 14 | + }) |
15 | + // 获取用户信息 | ||
16 | + wx.getSetting({ | ||
17 | + success: res => { | ||
18 | + if (res.authSetting['scope.userInfo']) { | ||
19 | + // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框 | ||
20 | + wx.getUserInfo({ | ||
21 | + success: res => { | ||
22 | + // 可以将 res 发送给后台解码出 unionId | ||
23 | + this.globalData.userInfo = res.userInfo | ||
24 | + | ||
25 | + // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回 | ||
26 | + // 所以此处加入 callback 以防止这种情况 | ||
27 | + if (this.userInfoReadyCallback) { | ||
28 | + this.userInfoReadyCallback(res) | ||
29 | + } | ||
30 | + } | ||
31 | + }) | ||
32 | + } | ||
33 | + } | ||
34 | + }) | ||
35 | + | ||
36 | + | ||
37 | + //自动更新版本 | ||
38 | + const updateManager = wx.getUpdateManager() | ||
39 | + updateManager.onCheckForUpdate(function (res) { | ||
40 | + // 请求完新版本信息的回调 | ||
41 | + }) | ||
42 | + | ||
43 | + updateManager.onUpdateReady(function () { | ||
44 | + wx.showModal({ | ||
45 | + title: '更新提示', | ||
46 | + content: '新版本已经准备好,是否重启应用?', | ||
47 | + success: function (res) { | ||
48 | + if (res.confirm) { | ||
49 | + // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启 | ||
50 | + updateManager.applyUpdate() | ||
51 | + } | ||
52 | + } | ||
53 | + }) | ||
54 | + | ||
55 | + }) | ||
56 | + | ||
57 | + updateManager.onUpdateFailed(function () { | ||
58 | + // 新的版本下载失败 | ||
59 | + wx.showModal({ | ||
60 | + title: '更新提示', | ||
61 | + content: '新版本下载失败', | ||
62 | + showCancel: false | ||
63 | + }) | ||
64 | + }) | ||
65 | + }, | ||
66 | + | ||
67 | + /** | ||
68 | +* 自定义post函数,返回Promise | ||
69 | +* +------------------- | ||
70 | +* @param {String} url 接口网址 | ||
71 | +* @param {arrayObject} data 要传的数组对象 like: {name: 'name', age: 32} | ||
72 | +* +------------------- | ||
73 | +* @return {Promise} promise 返回promise供后续操作 | ||
74 | +*/ | ||
75 | + // url:接口地址 data:接口数据 header:请求头 | ||
76 | + post: function (url, data, headerParams) { | ||
77 | + wx.showNavigationBarLoading() | ||
78 | + wx.showLoading({ | ||
79 | + title: '加载中', | ||
80 | + }) | ||
81 | + var promise = new Promise((resolve, reject) => { | ||
82 | + let that = this; | ||
83 | + let postData = data; | ||
84 | + let baseUrl = 'http://grouppay.w.bronet.cn/api/'; | ||
85 | + //网络请求 | ||
86 | + let header = { | ||
87 | + 'content-type': 'application/x-www-form-urlencoded', | ||
88 | + 'XX-Token': '123123' | ||
89 | + } | ||
90 | + // console.log(baseUrl/ + url) | ||
91 | + header = Object.assign(header, headerParams) | ||
92 | + wx.request({ | ||
93 | + url: baseUrl + url, | ||
94 | + data: postData, | ||
95 | + method: 'POST', | ||
96 | + header: header, | ||
97 | + success: function (res) { //返回取得的数据 | ||
98 | + // console.log(res) | ||
99 | + if (res.data.code == '20000') { | ||
100 | + resolve(res.data); | ||
101 | + } else if (res.data.code == '10001') {//用户未 | ||
102 | + | ||
103 | + } else if (res.data.code == '40000') { | ||
104 | + wx.showModal({ | ||
105 | + title: '提示', | ||
106 | + content: res.data.msg, | ||
107 | + | ||
108 | + showCancel: false, | ||
109 | + success: function (res) { | ||
110 | + } | ||
111 | + }) | ||
112 | + } else if (res.data.code == '40005') { | ||
113 | + wx.showModal({ | ||
114 | + title: '提示', | ||
115 | + content: res.data.msg, | ||
116 | + showCancel: false, | ||
117 | + success: function (res) { | ||
118 | + | ||
119 | + } | ||
120 | + }) | ||
121 | + } else if (res.data.code == '40006') { | ||
122 | + | ||
123 | + } else { | ||
124 | + wx.showModal({ | ||
125 | + title: '提示', | ||
126 | + content: res.data.msg, | ||
127 | + showCancel: false, | ||
128 | + }) | ||
129 | + reject(res.data) | ||
130 | + } | ||
131 | + wx.hideLoading() | ||
132 | + wx.hideNavigationBarLoading() | ||
133 | + }, | ||
134 | + fail: function (e) { | ||
135 | + console.log(e) | ||
136 | + reject('网络出错'); | ||
137 | + // wx.hideLoading() | ||
138 | + wx.hideNavigationBarLoading() | ||
139 | + } | ||
140 | + }) | ||
141 | + }); | ||
142 | + | ||
143 | + return promise; | ||
144 | + }, | ||
145 | + | ||
146 | + globalData: { | ||
147 | + userInfo: null | ||
148 | + } | ||
40 | }) | 149 | }) |
1 | { | 1 | { |
2 | "pages": [ | 2 | "pages": [ |
3 | - "pages/homeindex/result/result", | ||
4 | - "pages/homeindex/search/search", | ||
5 | - "pages/index/index", | ||
6 | - "pages/kind/kind", | ||
7 | - "pages/mine/mine", | ||
8 | - "pages/homeindex/homeindex", | ||
9 | "pages/kind/detail_1/detail_1", | 3 | "pages/kind/detail_1/detail_1", |
10 | "pages/kind/firm_order2/firm_order2", | 4 | "pages/kind/firm_order2/firm_order2", |
11 | "pages/kind/firm_order1/firm_order1", | 5 | "pages/kind/firm_order1/firm_order1", |
12 | "pages/kind/success/success", | 6 | "pages/kind/success/success", |
7 | + "pages/kind/kind", | ||
13 | "pages/mine/contactUs/contactUs", | 8 | "pages/mine/contactUs/contactUs", |
14 | "pages/mine/eOrder/eOrder", | 9 | "pages/mine/eOrder/eOrder", |
15 | "pages/mine/myOrder/myOrder", | 10 | "pages/mine/myOrder/myOrder", |
16 | "pages/mine/addr_2/addr_2", | 11 | "pages/mine/addr_2/addr_2", |
17 | "pages/mine/addr_1/addr_1", | 12 | "pages/mine/addr_1/addr_1", |
13 | + "pages/homeindex/homeindex", | ||
14 | + "pages/index/index", | ||
18 | "pages/logs/logs", | 15 | "pages/logs/logs", |
16 | + "pages/mine/mine", | ||
19 | "pages/mine/collect/collect" | 17 | "pages/mine/collect/collect" |
20 | - | ||
21 | ], | 18 | ], |
22 | "window": { | 19 | "window": { |
23 | "backgroundTextStyle": "light", | 20 | "backgroundTextStyle": "light", |
img/20190311140242.png
已删除
100644 → 0
224.5 KB
img/search.png
已删除
100644 → 0
562 字节
img/search@2x.png
已删除
100644 → 0
1.3 KB
1 | <!--pages/homeindex/homeindex.wxml--> | 1 | <!--pages/homeindex/homeindex.wxml--> |
2 | -<!-- <text>pages/homeindex/homeindex.wxml</text> --> | ||
3 | - | ||
4 | -<view class='search'> | ||
5 | - <view class='search_inp'> | ||
6 | - <input type='text' placeholder='请输入商品名称'></input> | ||
7 | - <image src='../../img/search.png'></image> | ||
8 | - </view> | ||
9 | - <view class='search_txt'> | ||
10 | - 搜索 | ||
11 | - </view> | ||
12 | -</view> | ||
13 | -<view class='banner'> | ||
14 | - <swiper indicator-dots="true" indicator-active-color="#fff" style="width:100%;height:100%;"> | ||
15 | - <swiper-item> | ||
16 | - <image style="width: 688px; height: 336px; " mode='widthFix' src='../../img/蒙版组 33@2x.png'></image> | ||
17 | - </swiper-item> | ||
18 | - <swiper-item> | ||
19 | - <image style="width: 688px; height: 336px; " src='../../img/蒙版组 33@2x.png'></image> | ||
20 | - </swiper-item> | ||
21 | - </swiper> | ||
22 | - <view class='banner_Mask'></view> | ||
23 | -</view> | ||
24 | -<view class='commodity'> | ||
25 | - <view class='jujia'> | ||
26 | - <image src='../../img/jujia@3x.png'></image> | ||
27 | - <text>居家用品</text> | ||
28 | - </view> | ||
29 | - <view class='riyong'> | ||
30 | - <image src='../../img/riyongsahngpin@3x.png'></image> | ||
31 | - <text>日用商品</text> | ||
32 | - </view> | ||
33 | - <view class='shuam'> | ||
34 | - <image src='../../img/shuma@3x.png'></image> | ||
35 | - <text>数码商品</text> | ||
36 | - </view> | ||
37 | - <view class='fenlei'> | ||
38 | - <image src='../../img/fenlei@3x.png'></image> | ||
39 | - <text>全部分类</text> | ||
40 | - </view> | ||
41 | -</view> | ||
42 | -<view class='introduce'> | ||
43 | - <view class='introduce_list'> | ||
44 | - <view class='introduce_item'> | ||
45 | - <image src='../../img/anquan@3x.png'></image> | ||
46 | - <text>安心检测</text> | ||
47 | - </view> | ||
48 | - <view class='introduce_item'> | ||
49 | - <image src='../../img/youxuan@3x.png'></image> | ||
50 | - <text>优选源头</text> | ||
51 | - </view> | ||
52 | - <view class='introduce_item'> | ||
53 | - <image src='../../img/baozhang@3x.png'></image> | ||
54 | - <text>赔付保障</text> | ||
55 | - </view> | ||
56 | - </view> | ||
57 | - <image src='../../img/20190311140242.png'></image> | ||
58 | -</view> | ||
59 | -<view class='container'> | ||
60 | - <view class='mid'> | ||
61 | - <view class='mid_item'> | ||
62 | - <!-- 顶部 --> | ||
63 | - <view class='mid_item_top'> | ||
64 | - <!-- 左边 --> | ||
65 | - <view class='mid_item_top_left'> | ||
66 | - <view class='top_left_pic'> | ||
67 | - <image src='../../../img/goods_1.png'></image> | ||
68 | - </view> | ||
69 | - <view class='top_left_text'> | ||
70 | - 距结束23时59分距结束23时59分 | ||
71 | - </view> | ||
72 | - </view> | ||
73 | - <!-- 右边 --> | ||
74 | - <view class='mid_item_top_right'> | ||
75 | - <!-- 右上 --> | ||
76 | - <view class='right_top'> | ||
77 | - <view class='right_top_lef'> | ||
78 | - 纯进口有机菜花 | ||
79 | - </view> | ||
80 | - <view class='right_top_rig'> | ||
81 | - 产地:智利 | ||
82 | - </view> | ||
83 | - </view> | ||
84 | - <!-- 右中1 --> | ||
85 | - <view class='right_mid'> | ||
86 | - <view class='right_mid_lef'> | ||
87 | - <view class='right_mid_lef_color'></view> | ||
88 | - </view> | ||
89 | - <view class='right_mid_rig'> | ||
90 | - 42% | ||
91 | - </view> | ||
92 | - </view> | ||
93 | - <!-- 右中2 --> | ||
94 | - <view class='right_text'> | ||
95 | - 已拼300份,目标500份 | ||
96 | - </view> | ||
97 | - <!-- 右下 --> | ||
98 | - <view class='right_bottom'> | ||
99 | - <!-- 右下左 --> | ||
100 | - <view class='right_bottom_lef'> | ||
101 | - <span class='RBM'>¥</span> | ||
102 | - <span class='number'>52/</span> | ||
103 | - <span class='text'>1磅1份1磅1份</span> | ||
104 | - </view> | ||
105 | - <!-- 右下中 --> | ||
106 | - <view class='right_bottom_mid'> | ||
107 | - <view class='right_bottom_mid_t'> | ||
108 | - 40mm-50m | ||
109 | - </view> | ||
110 | - <view class='right_bottom_mid_b'> | ||
111 | - 番茄果径番茄果径番茄果径 | ||
112 | - </view> | ||
113 | - </view> | ||
114 | - <!-- 右下右 --> | ||
115 | - <view class='right_bottom_rig'> | ||
116 | - 立即参团 | ||
117 | - </view> | ||
118 | - </view> | ||
119 | - </view> | ||
120 | - | ||
121 | - | ||
122 | - </view> | ||
123 | - <view class='mid_item_bottom'> | ||
124 | - <view class='mid_item_bottom_left'> | ||
125 | - 经典推荐 | ||
126 | - </view> | ||
127 | - <!-- 竖线 --> | ||
128 | - <view class='mid_line'></view> | ||
129 | - <!-- 底部文本 --> | ||
130 | - <view class='mid_item_bottom_bot'> | ||
131 | - 智利进口,绿色健康,硕大饱满 | ||
132 | - </view> | ||
133 | - </view> | ||
134 | - </view> | ||
135 | - | ||
136 | - <view class='mid_item'> | ||
137 | - <!-- 顶部 --> | ||
138 | - <view class='mid_item_top'> | ||
139 | - <!-- 左边 --> | ||
140 | - <view class='mid_item_top_left'> | ||
141 | - <view class='top_left_pic'> | ||
142 | - <image src='../../../img/goods_1.png'></image> | ||
143 | - </view> | ||
144 | - <view class='text_color'> | ||
145 | - 距结束2时22分距结束2时22分 | ||
146 | - </view> | ||
147 | - </view> | ||
148 | - <!-- 右边 --> | ||
149 | - <view class='mid_item_top_right'> | ||
150 | - <!-- 右上 --> | ||
151 | - <view class='right_top'> | ||
152 | - <view class='right_top_lef'> | ||
153 | - 纯进口有机菜花 | ||
154 | - </view> | ||
155 | - <view class='right_top_rig'> | ||
156 | - 产地:罗利 | ||
157 | - </view> | ||
158 | - </view> | ||
159 | - <!-- 右中1 --> | ||
160 | - <view class='right_mid'> | ||
161 | - <view class='right_mid_lef'> | ||
162 | - <view class='right_mid_lef_color'></view> | ||
163 | - </view> | ||
164 | - <view class='right_mid_rig'> | ||
165 | - 42% | ||
166 | - </view> | ||
167 | - </view> | ||
168 | - <!-- 右中2 --> | ||
169 | - <view class='right_text'> | ||
170 | - 已拼300份,目标500份 | ||
171 | - </view> | ||
172 | - <!-- 右下 --> | ||
173 | - <view class='right_bottom'> | ||
174 | - <!-- 右下左 --> | ||
175 | - <view class='right_bottom_lef'> | ||
176 | - <span class='RBM'>¥</span> | ||
177 | - <span class='number'>52/</span> | ||
178 | - <span class='text'>1磅1份1磅1份</span> | ||
179 | - | ||
180 | - </view> | ||
181 | - <!-- 右下中 --> | ||
182 | - <view class='right_bottom_mid'> | ||
183 | - <view class='right_bottom_mid_t'> | ||
184 | - 40mm-50m | ||
185 | - </view> | ||
186 | - <view class='right_bottom_mid_b'> | ||
187 | - 番茄果径 番茄果径番茄果径 | ||
188 | - </view> | ||
189 | - </view> | ||
190 | - <!-- 右下右 --> | ||
191 | - <view class='right_bottom_rig'> | ||
192 | - 立即参团 | ||
193 | - </view> | ||
194 | - </view> | ||
195 | - </view> | ||
196 | - | ||
197 | - | ||
198 | - </view> | ||
199 | - <view class='mid_item_bottom'> | ||
200 | - <view class='mid_item_bottom_left'> | ||
201 | - 经典推荐 | ||
202 | - </view> | ||
203 | - <!-- 竖线 --> | ||
204 | - <view class='mid_line'></view> | ||
205 | - <!-- 底部文本 --> | ||
206 | - <view class='mid_item_bottom_bot'> | ||
207 | - 智利进口,绿色健康,硕大饱满 | ||
208 | - </view> | ||
209 | - </view> | ||
210 | - </view> | ||
211 | - </view> | ||
212 | -</view> | ||
213 | - | 2 | +<text>pages/homeindex/homeindex.wxml</text> |
214 | 3 | ||
215 | 4 |
1 | -/* pages/homeindex/homeindex.wxss */ | ||
2 | -.search{ | ||
3 | - padding: 16rpx 32rpx; | ||
4 | - height: 64rpx; | ||
5 | - background: #6EAC3D; | ||
6 | - display: flex; | ||
7 | - justify-content: center; | ||
8 | - align-content: space-between; | ||
9 | -} | ||
10 | -.search_inp{ | ||
11 | - box-sizing: border-box; | ||
12 | - width: 608rpx; | ||
13 | - height: 64rpx; | ||
14 | - border-radius: 32rpx; | ||
15 | - display:flex; | ||
16 | - align-items: center; | ||
17 | - padding-left: 76rpx; | ||
18 | - padding-right: 32rpx; | ||
19 | - background:#fff; | ||
20 | - border: 0; | ||
21 | - outline: none; | ||
22 | - font-size: 26rpx; | ||
23 | - position: relative; | ||
24 | -} | ||
25 | -.search_inp input{ | ||
26 | - width: 100%; | ||
27 | -} | ||
28 | -.search_inp image{ | ||
29 | - position: absolute; | ||
30 | - left: 32rpx; | ||
31 | - width: 32rpx; | ||
32 | - height: 32rpx; | ||
33 | -} | ||
34 | -.search_txt{ | ||
35 | - height: 64rpx; | ||
36 | - font-size: 30rpx; | ||
37 | - color: #fff; | ||
38 | - line-height: 64rpx; | ||
39 | - padding-left: 16rpx; | ||
40 | -} | ||
41 | -.banner{ | ||
42 | - width: 688rpx; | ||
43 | - height: 336rpx; | ||
44 | - margin: 0 auto; | ||
45 | - margin-top: 48rpx; | ||
46 | - position: relative; | ||
47 | - border-radius: 8rpx; | ||
48 | -} | ||
49 | -.swiper{ | ||
50 | - height: 100%; | ||
51 | - position: absolute; | ||
52 | - z-index: 99; | ||
53 | -} | ||
54 | -.swiper-item{ | ||
55 | - width: 688rpx; | ||
56 | - margin: 0 auto; | ||
57 | - height: 336rpx; | ||
58 | - border-radius: 8rpx; | ||
59 | -} | ||
60 | -.swiper-item image{ | ||
61 | - height: auto; | ||
62 | -} | ||
63 | -.banner_Mask{ | ||
64 | - width:656rpx; | ||
65 | - height: 336rpx; | ||
66 | - background:rgba(181,222,150,1); | ||
67 | - box-shadow:0rpx 6rpx 40rpx rgba(93,255,0,0.44); | ||
68 | - opacity:0.3; | ||
69 | - position: absolute; | ||
70 | - bottom: 16rpx; | ||
71 | - z-index: -1; | ||
72 | - left: 16rpx; | ||
73 | - border-radius: 8rpx; | ||
74 | -} | ||
75 | -.commodity{ | ||
76 | - width: 688rpx; | ||
77 | - /* margin: 0 auto; */ | ||
78 | - padding: 64rpx 32rpx; | ||
79 | - display: flex; | ||
80 | - justify-content:space-around; | ||
81 | - align-items: center; | ||
82 | - font-size: 24rpx; | ||
83 | - color: #333333; | ||
84 | - border-bottom: 8px solid rgba(249,250,252,1); | ||
85 | -} | ||
86 | -.commodity view{ | ||
87 | -} | ||
88 | -.introduce_list { | ||
89 | - display: flex; | ||
90 | - justify-content: space-around; | ||
91 | - align-items: center; | ||
92 | - padding: 36rpx 32rpx 48rpx 32rpx; | ||
93 | -} | ||
94 | -.introduce_list .introduce_item{ | ||
95 | - display: flex; | ||
96 | - justify-content: space-between; | ||
97 | - align-items: center; | ||
98 | -} | ||
99 | -.introduce_list .introduce_item:first-child image{ | ||
100 | - width: 32rpx; | ||
101 | - height: 36rpx; | ||
102 | -} | ||
103 | -.introduce_list .introduce_item:nth-child(2) image{ | ||
104 | - width: 36rpx; | ||
105 | - height: 31rpx; | ||
106 | -} | ||
107 | -.introduce_list .introduce_item:nth-child(3) image{ | ||
108 | - width: 32rpx; | ||
109 | - height: 29rpx; | ||
110 | -} | ||
111 | -.introduce_list .introduce_item text{ | ||
112 | - font-size: 28rpx; | ||
113 | - display: flex; | ||
114 | - align-items: center; | ||
115 | - margin-left: 16rpx; | ||
116 | -} | ||
117 | -.introduce image{ | ||
118 | - width: 668rpx; | ||
119 | - height: 208rpx; | ||
120 | - display: block; | ||
121 | - margin: 0 auto; | ||
122 | -} | ||
123 | -.commodity image{ | ||
124 | - display: flex; | ||
125 | - width: 112rpx; | ||
126 | - height: 112rpx; | ||
127 | - margin: 0 auto; | ||
128 | -} | ||
129 | -.commodity text{ | ||
130 | - display: flex; | ||
131 | - margin-top: 14rpx; | ||
132 | - text-align: center; | ||
133 | - justify-content: center; | ||
134 | - align-items: center; | ||
135 | -} | ||
136 | - | ||
137 | -.container{ | ||
138 | - width: 750rpx; | ||
139 | - display: flex; | ||
140 | - align-items: center; | ||
141 | - flex-flow: column; | ||
142 | -} | ||
143 | -.mid{ | ||
144 | - margin-top: 16rpx; | ||
145 | - display: flex; | ||
146 | - flex-flow: column; | ||
147 | -} | ||
148 | -.mid_item{ | ||
149 | - margin-top: 16rpx; | ||
150 | - width:688rpx; | ||
151 | - /* height:400rpx; */ | ||
152 | - background:rgba(249,250,252,1); | ||
153 | - opacity:1; | ||
154 | - border-radius:8rpx; | ||
155 | - display: flex; | ||
156 | - align-items: center; | ||
157 | - flex-flow: column; | ||
158 | - box-sizing: border-box; | ||
159 | - padding: 52rpx 16rpx 48rpx; | ||
160 | -} | ||
161 | -.mid_item_top{ | ||
162 | - display: flex; | ||
163 | - width: 100%; | ||
164 | -} | ||
165 | -.mid_item_top_left{ | ||
166 | - width:208rpx; | ||
167 | - height:208rpx; | ||
168 | - /* background:rgba(250,250,250,1); */ | ||
169 | - opacity:1; | ||
170 | - display: flex; | ||
171 | - flex-flow: column; | ||
172 | -} | ||
173 | -.top_left_pic{ | ||
174 | - width: 208rpx; | ||
175 | - height: 160rpx; | ||
176 | - display: flex; | ||
177 | -} | ||
178 | -.top_left_pic image{ | ||
179 | - width: 100%; | ||
180 | - height: 100%; | ||
181 | -} | ||
182 | -.top_left_text{ | ||
183 | - width: 202rpx; | ||
184 | - height:48rpx; | ||
185 | - background:rgba(251,4,4,1); | ||
186 | - opacity:0.2; | ||
187 | - text-align: center; | ||
188 | - font-size:24rpx; | ||
189 | - font-family:PingFang SC; | ||
190 | - font-weight:400; | ||
191 | - line-height:48rpx; | ||
192 | - color:rgba(255,255,255,1); | ||
193 | - | ||
194 | - overflow: hidden; | ||
195 | - text-overflow: ellipsis; | ||
196 | - white-space: nowrap; | ||
197 | -} | ||
198 | -.mid_item_top_right{ | ||
199 | - width: 100%; | ||
200 | - margin-left: 14rpx; | ||
201 | -} | ||
202 | -.right_top{ | ||
203 | - display: flex; | ||
204 | - align-items: center; | ||
205 | - justify-content: space-between; | ||
206 | - margin-top: 20rpx; | ||
207 | -} | ||
208 | -.right_top_lef{ | ||
209 | - width: 270rpx; | ||
210 | - font-size:32rpx; | ||
211 | - font-family:PingFang SC; | ||
212 | - font-weight:600; | ||
213 | - color:rgba(51,51,51,1); | ||
214 | - opacity:1; | ||
215 | - overflow: hidden; | ||
216 | - text-overflow: ellipsis; | ||
217 | - white-space: nowrap; | ||
218 | -} | ||
219 | -.right_top_rig{ | ||
220 | - font-size:22rpx; | ||
221 | - font-family:PingFang SC; | ||
222 | - font-weight:400; | ||
223 | - line-height:32rpx; | ||
224 | - color:rgba(204,204,204,1); | ||
225 | - opacity:1; | ||
226 | -} | ||
227 | -.right_mid{ | ||
228 | - margin-top: 16rpx; | ||
229 | - display: flex; | ||
230 | - align-items: center; | ||
231 | -} | ||
232 | -.right_mid_lef{ | ||
233 | - width:288rpx; | ||
234 | - height:16rpx; | ||
235 | - background:rgba(236,236,236,1); | ||
236 | - opacity:1; | ||
237 | - border-radius:8rpx; | ||
238 | -} | ||
239 | -.right_mid_lef_color{ | ||
240 | - width:206rpx; | ||
241 | - height:16rpx; | ||
242 | - background:rgba(181,222,150,1); | ||
243 | - opacity:1; | ||
244 | - border-radius:8rpx; | ||
245 | -} | ||
246 | -.right_mid_rig{ | ||
247 | - margin-left: 16rpx; | ||
248 | - font-size:24rpx; | ||
249 | - font-family:PingFang SC; | ||
250 | - font-weight:400; | ||
251 | - line-height:34rpx; | ||
252 | - color:rgba(181,222,150,1); | ||
253 | - opacity:1; | ||
254 | -} | ||
255 | -.right_text{ | ||
256 | - margin-top: 14rpx; | ||
257 | - font-size:22rpx; | ||
258 | - font-family:PingFang SC; | ||
259 | - font-weight:400; | ||
260 | - color:rgba(204,204,204,1); | ||
261 | - opacity:1; | ||
262 | -} | ||
263 | -.right_bottom{ | ||
264 | - display: flex; | ||
265 | - align-items: center; | ||
266 | - justify-content: space-between; | ||
267 | -} | ||
268 | -.RBM{ | ||
269 | - font-size: 22rpx; | ||
270 | - color: #ff0000; | ||
271 | -} | ||
272 | -.number{ | ||
273 | - font-size: 30rpx; | ||
274 | - color: #ff0000; | ||
275 | -} | ||
276 | -.text{ | ||
277 | - | ||
278 | - font-size:22rpx; | ||
279 | - font-family:PingFang SC; | ||
280 | - font-weight:400; | ||
281 | - line-height:32rpx; | ||
282 | - color:rgba(204,204,204,1); | ||
283 | - opacity:1; | ||
284 | -} | ||
285 | -.right_bottom_mid{ | ||
286 | - width: 122rpx; | ||
287 | -} | ||
288 | -.right_bottom_mid_t{ | ||
289 | - | ||
290 | - font-size:22rpx; | ||
291 | - font-family:PingFang SC; | ||
292 | - font-weight:400; | ||
293 | - color:rgba(51,51,51,1); | ||
294 | - opacity:1; | ||
295 | - | ||
296 | - overflow: hidden; | ||
297 | - text-overflow: ellipsis; | ||
298 | - white-space: nowrap; | ||
299 | - | ||
300 | -} | ||
301 | -.right_bottom_mid_b{ | ||
302 | - font-size:18rpx; | ||
303 | - font-family:PingFang SC; | ||
304 | - font-weight:400; | ||
305 | - color:rgba(153,153,153,1); | ||
306 | - opacity:1; | ||
307 | - | ||
308 | - overflow: hidden; | ||
309 | - text-overflow: ellipsis; | ||
310 | - white-space: nowrap; | ||
311 | -} | ||
312 | -.right_bottom_rig{ | ||
313 | - width:144rpx; | ||
314 | - height:48rpx; | ||
315 | - line-height: 48rpx; | ||
316 | - background:rgba(249,150,20,1); | ||
317 | - box-shadow:0rpx 2rpx 12rpx rgba(255,145,0,0.16); | ||
318 | - opacity:1; | ||
319 | - border-radius:24rpx; | ||
320 | - | ||
321 | - text-align: center; | ||
322 | - font-size:26rpx; | ||
323 | - font-family:PingFang SC; | ||
324 | - font-weight:400; | ||
325 | - color:rgba(255,255,255,1); | ||
326 | -} | ||
327 | -.mid_item_bottom{ | ||
328 | - margin-top: 32rpx; | ||
329 | - width:640rpx; | ||
330 | - height:80rpx; | ||
331 | - background:rgba(181,222,150,0.1); | ||
332 | - border-radius:16rpx; | ||
333 | - display: flex; | ||
334 | - align-items: center; | ||
335 | - box-sizing: border-box; | ||
336 | - padding: 0 32rpx; | ||
337 | -} | ||
338 | -.mid_item_bottom_left{ | ||
339 | - font-size:30rpx; | ||
340 | - font-family:汉真广标; | ||
341 | - font-weight:400; | ||
342 | - color:rgba(110,172,61,1); | ||
343 | - opacity:1; | ||
344 | - | ||
345 | -} | ||
346 | -.mid_line{ | ||
347 | - margin: 0 36rpx; | ||
348 | - width:2rpx; | ||
349 | - height:60rpx; | ||
350 | - background:rgba(181,222,150,1); | ||
351 | - opacity:1; | ||
352 | - border-radius:4rpx; | ||
353 | -} | ||
354 | -.mid_item_bottom_bot{ | ||
355 | - font-size:24rpx; | ||
356 | - font-family:PingFang SC; | ||
357 | - font-weight:400; | ||
358 | - color:rgba(153,153,153,1); | ||
359 | - opacity:1; | ||
360 | - overflow: hidden; | ||
361 | - text-overflow: ellipsis; | ||
362 | - white-space: nowrap; | ||
363 | -} | ||
364 | -.text_color{ | ||
365 | - width:202rpx; | ||
366 | - height:48rpx; | ||
367 | - line-height: 48rpx; | ||
368 | - text-align: center; | ||
369 | - background:rgba(204,204,204,0.7); | ||
370 | - font-size:24rpx; | ||
371 | - font-family:PingFang SC; | ||
372 | - font-weight:400; | ||
373 | - color:rgba(255,255,255,1); | ||
374 | - opacity:1; | ||
375 | - overflow: hidden; | ||
376 | - text-overflow: ellipsis; | ||
377 | - white-space: nowrap; | ||
378 | -} | ||
379 | -.right_bottom_lef{ | ||
380 | - width: 140rpx; | ||
381 | - overflow: hidden; | ||
382 | - text-overflow: ellipsis; | ||
383 | - white-space: nowrap; | ||
384 | -} | ||
1 | +/* pages/homeindex/homeindex.wxss */ |
pages/homeindex/result/result.js
已删除
100644 → 0
1 | -// pages/homeindex/result/result.js | ||
2 | -Page({ | ||
3 | - | ||
4 | - /** | ||
5 | - * 页面的初始数据 | ||
6 | - */ | ||
7 | - data: { | ||
8 | - | ||
9 | - }, | ||
10 | - | ||
11 | - /** | ||
12 | - * 生命周期函数--监听页面加载 | ||
13 | - */ | ||
14 | - onLoad: function (options) { | ||
15 | - | ||
16 | - }, | ||
17 | - | ||
18 | - /** | ||
19 | - * 生命周期函数--监听页面初次渲染完成 | ||
20 | - */ | ||
21 | - onReady: function () { | ||
22 | - | ||
23 | - }, | ||
24 | - | ||
25 | - /** | ||
26 | - * 生命周期函数--监听页面显示 | ||
27 | - */ | ||
28 | - onShow: function () { | ||
29 | - | ||
30 | - }, | ||
31 | - | ||
32 | - /** | ||
33 | - * 生命周期函数--监听页面隐藏 | ||
34 | - */ | ||
35 | - onHide: function () { | ||
36 | - | ||
37 | - }, | ||
38 | - | ||
39 | - /** | ||
40 | - * 生命周期函数--监听页面卸载 | ||
41 | - */ | ||
42 | - onUnload: function () { | ||
43 | - | ||
44 | - }, | ||
45 | - | ||
46 | - /** | ||
47 | - * 页面相关事件处理函数--监听用户下拉动作 | ||
48 | - */ | ||
49 | - onPullDownRefresh: function () { | ||
50 | - | ||
51 | - }, | ||
52 | - | ||
53 | - /** | ||
54 | - * 页面上拉触底事件的处理函数 | ||
55 | - */ | ||
56 | - onReachBottom: function () { | ||
57 | - | ||
58 | - }, | ||
59 | - | ||
60 | - /** | ||
61 | - * 用户点击右上角分享 | ||
62 | - */ | ||
63 | - onShareAppMessage: function () { | ||
64 | - | ||
65 | - } | ||
66 | -}) |
pages/homeindex/result/result.json
已删除
100644 → 0
pages/homeindex/result/result.wxml
已删除
100644 → 0
1 | -<!--pages/homeindex/result/result.wxml--> | ||
2 | -<!-- <text>pages/homeindex/result/result.wxml</text> --> | ||
3 | -<view class='search'> | ||
4 | - <view class='search_inp'> | ||
5 | - <input type='text' placeholder='请输入商品名称'></input> | ||
6 | - <image src='../../../img/search.png'></image> | ||
7 | - </view> | ||
8 | - <view class='search_txt'> | ||
9 | - 取消 | ||
10 | - </view> | ||
11 | -</view> | ||
12 | - | ||
13 | -<view class='container'> | ||
14 | - <view class='mid'> | ||
15 | - <view class='mid_item'> | ||
16 | - <!-- 顶部 --> | ||
17 | - <view class='mid_item_top'> | ||
18 | - <!-- 左边 --> | ||
19 | - <view class='mid_item_top_left'> | ||
20 | - <view class='top_left_pic'> | ||
21 | - <image src='../../../img/goods_1.png'></image> | ||
22 | - </view> | ||
23 | - <view class='top_left_text'> | ||
24 | - 距结束23时59分距结束23时59分 | ||
25 | - </view> | ||
26 | - </view> | ||
27 | - <!-- 右边 --> | ||
28 | - <view class='mid_item_top_right'> | ||
29 | - <!-- 右上 --> | ||
30 | - <view class='right_top'> | ||
31 | - <view class='right_top_lef'> | ||
32 | - 纯进口有机菜花 | ||
33 | - </view> | ||
34 | - <view class='right_top_rig'> | ||
35 | - 产地:智利 | ||
36 | - </view> | ||
37 | - </view> | ||
38 | - <!-- 右中1 --> | ||
39 | - <view class='right_mid'> | ||
40 | - <view class='right_mid_lef'> | ||
41 | - <view class='right_mid_lef_color'></view> | ||
42 | - </view> | ||
43 | - <view class='right_mid_rig'> | ||
44 | - 42% | ||
45 | - </view> | ||
46 | - </view> | ||
47 | - <!-- 右中2 --> | ||
48 | - <view class='right_text'> | ||
49 | - 已拼300份,目标500份 | ||
50 | - </view> | ||
51 | - <!-- 右下 --> | ||
52 | - <view class='right_bottom'> | ||
53 | - <!-- 右下左 --> | ||
54 | - <view class='right_bottom_lef'> | ||
55 | - <span class='RBM'>¥</span> | ||
56 | - <span class='number'>52/</span> | ||
57 | - <span class='text'>1磅1份1磅1份</span> | ||
58 | - </view> | ||
59 | - <!-- 右下中 --> | ||
60 | - <view class='right_bottom_mid'> | ||
61 | - <view class='right_bottom_mid_t'> | ||
62 | - 40mm-50m | ||
63 | - </view> | ||
64 | - <view class='right_bottom_mid_b'> | ||
65 | - 番茄果径番茄果径番茄果径 | ||
66 | - </view> | ||
67 | - </view> | ||
68 | - <!-- 右下右 --> | ||
69 | - <view class='right_bottom_rig'> | ||
70 | - 立即参团 | ||
71 | - </view> | ||
72 | - </view> | ||
73 | - </view> | ||
74 | - | ||
75 | - | ||
76 | - </view> | ||
77 | - <view class='mid_item_bottom'> | ||
78 | - <view class='mid_item_bottom_left'> | ||
79 | - 经典推荐 | ||
80 | - </view> | ||
81 | - <!-- 竖线 --> | ||
82 | - <view class='mid_line'></view> | ||
83 | - <!-- 底部文本 --> | ||
84 | - <view class='mid_item_bottom_bot'> | ||
85 | - 智利进口,绿色健康,硕大饱满 | ||
86 | - </view> | ||
87 | - </view> | ||
88 | - </view> | ||
89 | - <view class='mid_item'> | ||
90 | - <!-- 顶部 --> | ||
91 | - <view class='mid_item_top'> | ||
92 | - <!-- 左边 --> | ||
93 | - <view class='mid_item_top_left'> | ||
94 | - <view class='top_left_pic'> | ||
95 | - <image src='../../../img/goods_1.png'></image> | ||
96 | - </view> | ||
97 | - <view class='top_left_text'> | ||
98 | - 距结束23时59分距结束23时59分 | ||
99 | - </view> | ||
100 | - </view> | ||
101 | - <!-- 右边 --> | ||
102 | - <view class='mid_item_top_right'> | ||
103 | - <!-- 右上 --> | ||
104 | - <view class='right_top'> | ||
105 | - <view class='right_top_lef'> | ||
106 | - 纯进口有机菜花 | ||
107 | - </view> | ||
108 | - <view class='right_top_rig'> | ||
109 | - 产地:智利 | ||
110 | - </view> | ||
111 | - </view> | ||
112 | - <!-- 右中1 --> | ||
113 | - <view class='right_mid'> | ||
114 | - <view class='right_mid_lef'> | ||
115 | - <view class='right_mid_lef_color'></view> | ||
116 | - </view> | ||
117 | - <view class='right_mid_rig'> | ||
118 | - 42% | ||
119 | - </view> | ||
120 | - </view> | ||
121 | - <!-- 右中2 --> | ||
122 | - <view class='right_text'> | ||
123 | - 已拼300份,目标500份 | ||
124 | - </view> | ||
125 | - <!-- 右下 --> | ||
126 | - <view class='right_bottom'> | ||
127 | - <!-- 右下左 --> | ||
128 | - <view class='right_bottom_lef'> | ||
129 | - <span class='RBM'>¥</span> | ||
130 | - <span class='number'>52/</span> | ||
131 | - <span class='text'>1磅1份1磅1份</span> | ||
132 | - </view> | ||
133 | - <!-- 右下中 --> | ||
134 | - <view class='right_bottom_mid'> | ||
135 | - <view class='right_bottom_mid_t'> | ||
136 | - 40mm-50m | ||
137 | - </view> | ||
138 | - <view class='right_bottom_mid_b'> | ||
139 | - 番茄果径番茄果径番茄果径 | ||
140 | - </view> | ||
141 | - </view> | ||
142 | - <!-- 右下右 --> | ||
143 | - <view class='right_bottom_rig'> | ||
144 | - 立即参团 | ||
145 | - </view> | ||
146 | - </view> | ||
147 | - </view> | ||
148 | - | ||
149 | - | ||
150 | - </view> | ||
151 | - <view class='mid_item_bottom'> | ||
152 | - <view class='mid_item_bottom_left'> | ||
153 | - 经典推荐 | ||
154 | - </view> | ||
155 | - <!-- 竖线 --> | ||
156 | - <view class='mid_line'></view> | ||
157 | - <!-- 底部文本 --> | ||
158 | - <view class='mid_item_bottom_bot'> | ||
159 | - 智利进口,绿色健康,硕大饱满 | ||
160 | - </view> | ||
161 | - </view> | ||
162 | - </view> | ||
163 | - <view class='mid_item'> | ||
164 | - <!-- 顶部 --> | ||
165 | - <view class='mid_item_top'> | ||
166 | - <!-- 左边 --> | ||
167 | - <view class='mid_item_top_left'> | ||
168 | - <view class='top_left_pic'> | ||
169 | - <image src='../../../img/goods_1.png'></image> | ||
170 | - </view> | ||
171 | - <view class='text_color'> | ||
172 | - 距结束2时22分距结束2时22分 | ||
173 | - </view> | ||
174 | - </view> | ||
175 | - <!-- 右边 --> | ||
176 | - <view class='mid_item_top_right'> | ||
177 | - <!-- 右上 --> | ||
178 | - <view class='right_top'> | ||
179 | - <view class='right_top_lef'> | ||
180 | - 纯进口有机菜花 | ||
181 | - </view> | ||
182 | - <view class='right_top_rig'> | ||
183 | - 产地:罗利 | ||
184 | - </view> | ||
185 | - </view> | ||
186 | - <!-- 右中1 --> | ||
187 | - <view class='right_mid'> | ||
188 | - <view class='right_mid_lef'> | ||
189 | - <view class='right_mid_lef_color'></view> | ||
190 | - </view> | ||
191 | - <view class='right_mid_rig'> | ||
192 | - 42% | ||
193 | - </view> | ||
194 | - </view> | ||
195 | - <!-- 右中2 --> | ||
196 | - <view class='right_text'> | ||
197 | - 已拼300份,目标500份 | ||
198 | - </view> | ||
199 | - <!-- 右下 --> | ||
200 | - <view class='right_bottom'> | ||
201 | - <!-- 右下左 --> | ||
202 | - <view class='right_bottom_lef'> | ||
203 | - <span class='RBM'>¥</span> | ||
204 | - <span class='number'>52/</span> | ||
205 | - <span class='text'>1磅1份1磅1份</span> | ||
206 | - | ||
207 | - </view> | ||
208 | - <!-- 右下中 --> | ||
209 | - <view class='right_bottom_mid'> | ||
210 | - <view class='right_bottom_mid_t'> | ||
211 | - 40mm-50m | ||
212 | - </view> | ||
213 | - <view class='right_bottom_mid_b'> | ||
214 | - 番茄果径 番茄果径番茄果径 | ||
215 | - </view> | ||
216 | - </view> | ||
217 | - <!-- 右下右 --> | ||
218 | - <view class='right_bottom_rig'> | ||
219 | - 立即参团 | ||
220 | - </view> | ||
221 | - </view> | ||
222 | - </view> | ||
223 | - | ||
224 | - | ||
225 | - </view> | ||
226 | - <view class='mid_item_bottom'> | ||
227 | - <view class='mid_item_bottom_left'> | ||
228 | - 经典推荐 | ||
229 | - </view> | ||
230 | - <!-- 竖线 --> | ||
231 | - <view class='mid_line'></view> | ||
232 | - <!-- 底部文本 --> | ||
233 | - <view class='mid_item_bottom_bot'> | ||
234 | - 智利进口,绿色健康,硕大饱满 | ||
235 | - </view> | ||
236 | - </view> | ||
237 | - </view> | ||
238 | - </view> | ||
239 | -</view> |
pages/homeindex/result/result.wxss
已删除
100644 → 0
1 | -/* pages/homeindex/result/result.wxss */ | ||
2 | -.search{ | ||
3 | - padding: 16rpx 32rpx; | ||
4 | - height: 64rpx; | ||
5 | - background: #6EAC3D; | ||
6 | - display: flex; | ||
7 | - justify-content: center; | ||
8 | - align-content: space-between; | ||
9 | -} | ||
10 | -.search_inp{ | ||
11 | - box-sizing: border-box; | ||
12 | - width: 608rpx; | ||
13 | - height: 64rpx; | ||
14 | - border-radius: 32rpx; | ||
15 | - display:flex; | ||
16 | - align-items: center; | ||
17 | - padding-left: 76rpx; | ||
18 | - padding-right: 32rpx; | ||
19 | - background:#fff; | ||
20 | - border: 0; | ||
21 | - outline: none; | ||
22 | - font-size: 26rpx; | ||
23 | - position: relative; | ||
24 | -} | ||
25 | -.search_inp input{ | ||
26 | - width: 100%; | ||
27 | -} | ||
28 | -.search_inp image{ | ||
29 | - position: absolute; | ||
30 | - left: 32rpx; | ||
31 | - width: 32rpx; | ||
32 | - height: 32rpx; | ||
33 | -} | ||
34 | -.search_txt{ | ||
35 | - height: 64rpx; | ||
36 | - font-size: 30rpx; | ||
37 | - color: #fff; | ||
38 | - line-height: 64rpx; | ||
39 | - padding-left: 16rpx; | ||
40 | -} | ||
41 | -.container{ | ||
42 | - width: 750rpx; | ||
43 | - display: flex; | ||
44 | - align-items: center; | ||
45 | - flex-flow: column; | ||
46 | -} | ||
47 | -.mid{ | ||
48 | - margin-top: 16rpx; | ||
49 | - display: flex; | ||
50 | - flex-flow: column; | ||
51 | -} | ||
52 | -.mid_item{ | ||
53 | - margin-top: 16rpx; | ||
54 | - width:688rpx; | ||
55 | - /* height:400rpx; */ | ||
56 | - background:rgba(249,250,252,1); | ||
57 | - opacity:1; | ||
58 | - border-radius:8rpx; | ||
59 | - display: flex; | ||
60 | - align-items: center; | ||
61 | - flex-flow: column; | ||
62 | - box-sizing: border-box; | ||
63 | - padding: 52rpx 16rpx 48rpx; | ||
64 | -} | ||
65 | -.mid_item_top{ | ||
66 | - display: flex; | ||
67 | - width: 100%; | ||
68 | -} | ||
69 | -.mid_item_top_left{ | ||
70 | - width:208rpx; | ||
71 | - height:208rpx; | ||
72 | - /* background:rgba(250,250,250,1); */ | ||
73 | - opacity:1; | ||
74 | - display: flex; | ||
75 | - flex-flow: column; | ||
76 | -} | ||
77 | -.top_left_pic{ | ||
78 | - width: 208rpx; | ||
79 | - height: 160rpx; | ||
80 | - display: flex; | ||
81 | -} | ||
82 | -.top_left_pic image{ | ||
83 | - width: 100%; | ||
84 | - height: 100%; | ||
85 | -} | ||
86 | -.top_left_text{ | ||
87 | - width: 202rpx; | ||
88 | - height:48rpx; | ||
89 | - background:rgba(251,4,4,1); | ||
90 | - opacity:0.2; | ||
91 | - text-align: center; | ||
92 | - font-size:24rpx; | ||
93 | - font-family:PingFang SC; | ||
94 | - font-weight:400; | ||
95 | - line-height:48rpx; | ||
96 | - color:rgba(255,255,255,1); | ||
97 | - | ||
98 | - overflow: hidden; | ||
99 | - text-overflow: ellipsis; | ||
100 | - white-space: nowrap; | ||
101 | -} | ||
102 | -.mid_item_top_right{ | ||
103 | - width: 100%; | ||
104 | - margin-left: 14rpx; | ||
105 | -} | ||
106 | -.right_top{ | ||
107 | - display: flex; | ||
108 | - align-items: center; | ||
109 | - justify-content: space-between; | ||
110 | - margin-top: 20rpx; | ||
111 | -} | ||
112 | -.right_top_lef{ | ||
113 | - width: 270rpx; | ||
114 | - font-size:32rpx; | ||
115 | - font-family:PingFang SC; | ||
116 | - font-weight:600; | ||
117 | - color:rgba(51,51,51,1); | ||
118 | - opacity:1; | ||
119 | - overflow: hidden; | ||
120 | - text-overflow: ellipsis; | ||
121 | - white-space: nowrap; | ||
122 | -} | ||
123 | -.right_top_rig{ | ||
124 | - font-size:22rpx; | ||
125 | - font-family:PingFang SC; | ||
126 | - font-weight:400; | ||
127 | - line-height:32rpx; | ||
128 | - color:rgba(204,204,204,1); | ||
129 | - opacity:1; | ||
130 | -} | ||
131 | -.right_mid{ | ||
132 | - margin-top: 16rpx; | ||
133 | - display: flex; | ||
134 | - align-items: center; | ||
135 | -} | ||
136 | -.right_mid_lef{ | ||
137 | - width:288rpx; | ||
138 | - height:16rpx; | ||
139 | - background:rgba(236,236,236,1); | ||
140 | - opacity:1; | ||
141 | - border-radius:8rpx; | ||
142 | -} | ||
143 | -.right_mid_lef_color{ | ||
144 | - width:206rpx; | ||
145 | - height:16rpx; | ||
146 | - background:rgba(181,222,150,1); | ||
147 | - opacity:1; | ||
148 | - border-radius:8rpx; | ||
149 | -} | ||
150 | -.right_mid_rig{ | ||
151 | - margin-left: 16rpx; | ||
152 | - font-size:24rpx; | ||
153 | - font-family:PingFang SC; | ||
154 | - font-weight:400; | ||
155 | - line-height:34rpx; | ||
156 | - color:rgba(181,222,150,1); | ||
157 | - opacity:1; | ||
158 | -} | ||
159 | -.right_text{ | ||
160 | - margin-top: 14rpx; | ||
161 | - font-size:22rpx; | ||
162 | - font-family:PingFang SC; | ||
163 | - font-weight:400; | ||
164 | - color:rgba(204,204,204,1); | ||
165 | - opacity:1; | ||
166 | -} | ||
167 | -.right_bottom{ | ||
168 | - display: flex; | ||
169 | - align-items: center; | ||
170 | - justify-content: space-between; | ||
171 | -} | ||
172 | -.RBM{ | ||
173 | - font-size: 22rpx; | ||
174 | - color: #ff0000; | ||
175 | -} | ||
176 | -.number{ | ||
177 | - font-size: 30rpx; | ||
178 | - color: #ff0000; | ||
179 | -} | ||
180 | -.text{ | ||
181 | - | ||
182 | - font-size:22rpx; | ||
183 | - font-family:PingFang SC; | ||
184 | - font-weight:400; | ||
185 | - line-height:32rpx; | ||
186 | - color:rgba(204,204,204,1); | ||
187 | - opacity:1; | ||
188 | -} | ||
189 | -.right_bottom_mid{ | ||
190 | - width: 122rpx; | ||
191 | -} | ||
192 | -.right_bottom_mid_t{ | ||
193 | - | ||
194 | - font-size:22rpx; | ||
195 | - font-family:PingFang SC; | ||
196 | - font-weight:400; | ||
197 | - color:rgba(51,51,51,1); | ||
198 | - opacity:1; | ||
199 | - | ||
200 | - overflow: hidden; | ||
201 | - text-overflow: ellipsis; | ||
202 | - white-space: nowrap; | ||
203 | - | ||
204 | -} | ||
205 | -.right_bottom_mid_b{ | ||
206 | - font-size:18rpx; | ||
207 | - font-family:PingFang SC; | ||
208 | - font-weight:400; | ||
209 | - color:rgba(153,153,153,1); | ||
210 | - opacity:1; | ||
211 | - | ||
212 | - overflow: hidden; | ||
213 | - text-overflow: ellipsis; | ||
214 | - white-space: nowrap; | ||
215 | -} | ||
216 | -.right_bottom_rig{ | ||
217 | - width:144rpx; | ||
218 | - height:48rpx; | ||
219 | - line-height: 48rpx; | ||
220 | - background:rgba(249,150,20,1); | ||
221 | - box-shadow:0rpx 2rpx 12rpx rgba(255,145,0,0.16); | ||
222 | - opacity:1; | ||
223 | - border-radius:24rpx; | ||
224 | - | ||
225 | - text-align: center; | ||
226 | - font-size:26rpx; | ||
227 | - font-family:PingFang SC; | ||
228 | - font-weight:400; | ||
229 | - color:rgba(255,255,255,1); | ||
230 | -} | ||
231 | -.mid_item_bottom{ | ||
232 | - margin-top: 32rpx; | ||
233 | - width:640rpx; | ||
234 | - height:80rpx; | ||
235 | - background:rgba(181,222,150,0.1); | ||
236 | - border-radius:16rpx; | ||
237 | - display: flex; | ||
238 | - align-items: center; | ||
239 | - box-sizing: border-box; | ||
240 | - padding: 0 32rpx; | ||
241 | -} | ||
242 | -.mid_item_bottom_left{ | ||
243 | - font-size:30rpx; | ||
244 | - font-family:汉真广标; | ||
245 | - font-weight:400; | ||
246 | - color:rgba(110,172,61,1); | ||
247 | - opacity:1; | ||
248 | - | ||
249 | -} | ||
250 | -.mid_line{ | ||
251 | - margin: 0 36rpx; | ||
252 | - width:2rpx; | ||
253 | - height:60rpx; | ||
254 | - background:rgba(181,222,150,1); | ||
255 | - opacity:1; | ||
256 | - border-radius:4rpx; | ||
257 | -} | ||
258 | -.mid_item_bottom_bot{ | ||
259 | - font-size:24rpx; | ||
260 | - font-family:PingFang SC; | ||
261 | - font-weight:400; | ||
262 | - color:rgba(153,153,153,1); | ||
263 | - opacity:1; | ||
264 | - overflow: hidden; | ||
265 | - text-overflow: ellipsis; | ||
266 | - white-space: nowrap; | ||
267 | -} | ||
268 | -.text_color{ | ||
269 | - width:202rpx; | ||
270 | - height:48rpx; | ||
271 | - line-height: 48rpx; | ||
272 | - text-align: center; | ||
273 | - background:rgba(204,204,204,0.7); | ||
274 | - font-size:24rpx; | ||
275 | - font-family:PingFang SC; | ||
276 | - font-weight:400; | ||
277 | - color:rgba(255,255,255,1); | ||
278 | - opacity:1; | ||
279 | - overflow: hidden; | ||
280 | - text-overflow: ellipsis; | ||
281 | - white-space: nowrap; | ||
282 | -} | ||
283 | -.right_bottom_lef{ | ||
284 | - width: 140rpx; | ||
285 | - overflow: hidden; | ||
286 | - text-overflow: ellipsis; | ||
287 | - white-space: nowrap; | ||
288 | -} |
pages/homeindex/search/search.js
已删除
100644 → 0
1 | -// pages/homeindex/search/search.js | ||
2 | -Page({ | ||
3 | - | ||
4 | - /** | ||
5 | - * 页面的初始数据 | ||
6 | - */ | ||
7 | - data: { | ||
8 | - | ||
9 | - }, | ||
10 | - | ||
11 | - /** | ||
12 | - * 生命周期函数--监听页面加载 | ||
13 | - */ | ||
14 | - onLoad: function (options) { | ||
15 | - | ||
16 | - }, | ||
17 | - | ||
18 | - /** | ||
19 | - * 生命周期函数--监听页面初次渲染完成 | ||
20 | - */ | ||
21 | - onReady: function () { | ||
22 | - | ||
23 | - }, | ||
24 | - | ||
25 | - /** | ||
26 | - * 生命周期函数--监听页面显示 | ||
27 | - */ | ||
28 | - onShow: function () { | ||
29 | - | ||
30 | - }, | ||
31 | - | ||
32 | - /** | ||
33 | - * 生命周期函数--监听页面隐藏 | ||
34 | - */ | ||
35 | - onHide: function () { | ||
36 | - | ||
37 | - }, | ||
38 | - | ||
39 | - /** | ||
40 | - * 生命周期函数--监听页面卸载 | ||
41 | - */ | ||
42 | - onUnload: function () { | ||
43 | - | ||
44 | - }, | ||
45 | - | ||
46 | - /** | ||
47 | - * 页面相关事件处理函数--监听用户下拉动作 | ||
48 | - */ | ||
49 | - onPullDownRefresh: function () { | ||
50 | - | ||
51 | - }, | ||
52 | - | ||
53 | - /** | ||
54 | - * 页面上拉触底事件的处理函数 | ||
55 | - */ | ||
56 | - onReachBottom: function () { | ||
57 | - | ||
58 | - }, | ||
59 | - | ||
60 | - /** | ||
61 | - * 用户点击右上角分享 | ||
62 | - */ | ||
63 | - onShareAppMessage: function () { | ||
64 | - | ||
65 | - } | ||
66 | -}) |
pages/homeindex/search/search.json
已删除
100644 → 0
pages/homeindex/search/search.wxml
已删除
100644 → 0
1 | -<!--pages/homeindex/search/search.wxml--> | ||
2 | -<!-- <text>pages/homeindex/search/search.wxml</text> --> | ||
3 | -<view class='search'> | ||
4 | - <view class='search_inp'> | ||
5 | - <input type='text' placeholder='请输入商品名称'></input> | ||
6 | - <image src='../../../img/search.png'></image> | ||
7 | - </view> | ||
8 | - <view class='search_txt'> | ||
9 | - 搜索 | ||
10 | - </view> | ||
11 | -</view> | ||
12 | -<view class='Popular'> | ||
13 | - <view class='Popular_title'> | ||
14 | - <text>热门搜索</text> | ||
15 | - <image src='../../../img/zuire@3x.png'></image> | ||
16 | - </view> | ||
17 | - <view class='Popular_list'> | ||
18 | - <view class='Popular_item'> | ||
19 | - 有机菜花 | ||
20 | - </view> | ||
21 | - <view class='Popular_item'> | ||
22 | - 有机菜 | ||
23 | - </view> | ||
24 | - <view class='Popular_item'> | ||
25 | - 有机菜花 | ||
26 | - </view> | ||
27 | - <view class='Popular_item'> | ||
28 | - 有机菜花 | ||
29 | - </view> | ||
30 | - <view class='Popular_item'> | ||
31 | - 有机菜花 | ||
32 | - </view> | ||
33 | - </view> | ||
34 | - <view class='History'> | ||
35 | - <view class='History_title'>历史搜索</view> | ||
36 | - <view class='History_list'> | ||
37 | - <view class='History_item'>有机菜花</view> | ||
38 | - <view class='History_item'>有机菜花</view> | ||
39 | - <view class='History_item'>有机菜花</view> | ||
40 | - </view> | ||
41 | - </view> | ||
42 | -</view> |
pages/homeindex/search/search.wxss
已删除
100644 → 0
1 | -/* pages/homeindex/search/search.wxss */ | ||
2 | -.search{ | ||
3 | - padding: 16rpx 32rpx; | ||
4 | - height: 64rpx; | ||
5 | - background: #6EAC3D; | ||
6 | - display: flex; | ||
7 | - justify-content: center; | ||
8 | - align-content: space-between; | ||
9 | -} | ||
10 | -.search_inp{ | ||
11 | - box-sizing: border-box; | ||
12 | - width: 608rpx; | ||
13 | - height: 64rpx; | ||
14 | - border-radius: 32rpx; | ||
15 | - display:flex; | ||
16 | - align-items: center; | ||
17 | - padding-left: 76rpx; | ||
18 | - padding-right: 32rpx; | ||
19 | - background:#fff; | ||
20 | - border: 0; | ||
21 | - outline: none; | ||
22 | - font-size: 26rpx; | ||
23 | - position: relative; | ||
24 | -} | ||
25 | -.search_inp input{ | ||
26 | - width: 100%; | ||
27 | -} | ||
28 | -.search_inp image{ | ||
29 | - position: absolute; | ||
30 | - left: 32rpx; | ||
31 | - width: 32rpx; | ||
32 | - height: 32rpx; | ||
33 | -} | ||
34 | -.search_txt{ | ||
35 | - height: 64rpx; | ||
36 | - font-size: 30rpx; | ||
37 | - color: #fff; | ||
38 | - line-height: 64rpx; | ||
39 | - padding-left: 16rpx; | ||
40 | -} | ||
41 | -.Popular{ | ||
42 | - padding: 32rpx; | ||
43 | - padding-bottom: 0rpx; | ||
44 | - | ||
45 | -} | ||
46 | -.Popular_title{ | ||
47 | - display: flex; | ||
48 | - align-items: center; | ||
49 | - font-size: 26rpx; | ||
50 | - color: #333; | ||
51 | - font-weight: 400; | ||
52 | -} | ||
53 | -.Popular_title text{ | ||
54 | - margin-right: 12rpx; | ||
55 | -} | ||
56 | -.Popular image{ | ||
57 | - width: 28rpx; | ||
58 | - height: 32rpx; | ||
59 | -} | ||
60 | -.Popular_list{ | ||
61 | - display: flex; | ||
62 | - justify-content: flex-start; | ||
63 | - flex-wrap: wrap; | ||
64 | - align-items: center; | ||
65 | - margin-top: 28rpx; | ||
66 | - padding-bottom: 16rpx; | ||
67 | - border-bottom: 1rpx solid #F5F5F5; | ||
68 | -} | ||
69 | -.Popular_item,.History_item{ | ||
70 | - padding: 8rpx 26rpx; | ||
71 | - border-radius: 24rpx; | ||
72 | - background:rgba(247,247,247,1); | ||
73 | - font-size: 26rpx; | ||
74 | - margin-bottom: 16rpx; | ||
75 | - margin-right: 16rpx; | ||
76 | -} | ||
77 | -.History{ | ||
78 | - margin-top: 30rpx; | ||
79 | -} | ||
80 | -.History_title{ | ||
81 | - font-size: 26rpx; | ||
82 | - color: #333; | ||
83 | - font-weight: 400; | ||
84 | -} | ||
85 | -.History_list{ | ||
86 | - display: flex; | ||
87 | - justify-content: flex-start; | ||
88 | - flex-wrap: wrap; | ||
89 | - align-items: center; | ||
90 | - | ||
91 | -} |
1 | // pages/kind/detail_1/detail_1.js | 1 | // pages/kind/detail_1/detail_1.js |
2 | +const app = getApp(); | ||
2 | Page({ | 3 | Page({ |
3 | - goFirm_order1:function(){ | ||
4 | - wx.navigateTo({ | ||
5 | - url: '../firm_order1/firm_order1', | ||
6 | - }) | ||
7 | - }, | ||
8 | - | ||
9 | - goy(e){ | ||
10 | - this.setData({ | ||
11 | - index: e.currentTarget.dataset.id, | ||
12 | - }) | ||
13 | - }, | ||
14 | - goy2(e){ | ||
15 | - this.setData({ | ||
16 | - index: e.currentTarget.dataset.id, | ||
17 | - }) | ||
18 | - }, | ||
19 | - goConfirm:function(){ | ||
20 | - this.setData({ | ||
21 | - showModal:true, | ||
22 | - }) | ||
23 | - }, | ||
24 | - m_close:function(){ | ||
25 | - this.setData({ | ||
26 | - showModal:false, | ||
27 | - }) | ||
28 | - }, | ||
29 | - // 点击加减 | ||
30 | - bindMinus:function(){ | ||
31 | - var num = this.data.num; | ||
32 | - if(num>1){ | ||
33 | - num--; | ||
34 | - } | ||
35 | - this.setData({ | ||
36 | - num:num, | ||
37 | - }); | ||
38 | - }, | ||
39 | - // 点击加 | ||
40 | - bindPlus:function(){ | ||
41 | - var num = this.data.num; | ||
42 | - num++; | ||
43 | - this.setData({ | ||
44 | - num: num, | ||
45 | - }); | ||
46 | - }, | ||
47 | - /** | ||
48 | - * 页面的初始数据 | ||
49 | - */ | ||
50 | - data: { | ||
51 | - index:1, | ||
52 | - showModal: false, | ||
53 | - hide: false, | ||
54 | - num:1, | ||
55 | - }, | ||
56 | - | ||
57 | - /** | ||
58 | - * 生命周期函数--监听页面加载 | ||
59 | - */ | ||
60 | - onLoad: function (options) { | ||
61 | - | ||
62 | - }, | ||
63 | - | ||
64 | - /** | ||
65 | - * 生命周期函数--监听页面初次渲染完成 | ||
66 | - */ | ||
67 | - onReady: function () { | ||
68 | - | ||
69 | - }, | ||
70 | - | ||
71 | - /** | ||
72 | - * 生命周期函数--监听页面显示 | ||
73 | - */ | ||
74 | - onShow: function () { | ||
75 | - | ||
76 | - }, | ||
77 | - | ||
78 | - /** | ||
79 | - * 生命周期函数--监听页面隐藏 | ||
80 | - */ | ||
81 | - onHide: function () { | ||
82 | - | ||
83 | - }, | ||
84 | - | ||
85 | - /** | ||
86 | - * 生命周期函数--监听页面卸载 | ||
87 | - */ | ||
88 | - onUnload: function () { | ||
89 | - | ||
90 | - }, | ||
91 | - | ||
92 | - /** | ||
93 | - * 页面相关事件处理函数--监听用户下拉动作 | ||
94 | - */ | ||
95 | - onPullDownRefresh: function () { | ||
96 | - | ||
97 | - }, | ||
98 | - | ||
99 | - /** | ||
100 | - * 页面上拉触底事件的处理函数 | ||
101 | - */ | ||
102 | - onReachBottom: function () { | ||
103 | - | ||
104 | - }, | ||
105 | - | ||
106 | - /** | ||
107 | - * 用户点击右上角分享 | ||
108 | - */ | ||
109 | - onShareAppMessage: function () { | ||
110 | - | ||
111 | - } | 4 | + |
5 | + /** | ||
6 | + * 页面的初始数据 | ||
7 | + */ | ||
8 | + data: { | ||
9 | + index: 1, | ||
10 | + showModal: false, | ||
11 | + hide: false, | ||
12 | + num: 1, | ||
13 | + detail_id:null | ||
14 | + }, | ||
15 | + | ||
16 | + /** | ||
17 | + * 生命周期函数--监听页面加载 | ||
18 | + */ | ||
19 | + onLoad: function(options) { | ||
20 | + this.detaiFun() | ||
21 | + }, | ||
22 | + | ||
23 | + // 商品详情数据 | ||
24 | + detaiFun(){ | ||
25 | + let that = this; | ||
26 | + let url ="home/index/shopEdit"; | ||
27 | + let params = { | ||
28 | + shop_id:this.data.detail_id | ||
29 | + } | ||
30 | + app.post(url,params).then((res) =>{ | ||
31 | + console.log(res) | ||
32 | + that.setData({ | ||
33 | + | ||
34 | + }) | ||
35 | + }).catch((err) =>{ | ||
36 | + console.log(err) | ||
37 | + }) | ||
38 | + }, | ||
39 | + goy(e) { | ||
40 | + this.setData({ | ||
41 | + index: e.currentTarget.dataset.id, | ||
42 | + }) | ||
43 | + }, | ||
44 | + goConfirm: function() { | ||
45 | + this.setData({ | ||
46 | + showModal: true, | ||
47 | + }) | ||
48 | + }, | ||
49 | + m_close: function() { | ||
50 | + this.setData({ | ||
51 | + showModal: false, | ||
52 | + }) | ||
53 | + }, | ||
54 | + // 点击加减 | ||
55 | + bindMinus: function() { | ||
56 | + var num = this.data.num; | ||
57 | + if (num > 1) { | ||
58 | + num--; | ||
59 | + } | ||
60 | + this.setData({ | ||
61 | + num: num, | ||
62 | + }); | ||
63 | + }, | ||
64 | + // 点击加 | ||
65 | + bindPlus: function() { | ||
66 | + var num = this.data.num; | ||
67 | + num++; | ||
68 | + this.setData({ | ||
69 | + num: num, | ||
70 | + }); | ||
71 | + }, | ||
72 | + /** | ||
73 | + * 生命周期函数--监听页面初次渲染完成 | ||
74 | + */ | ||
75 | + onReady: function() { | ||
76 | + | ||
77 | + }, | ||
78 | + | ||
79 | + /** | ||
80 | + * 生命周期函数--监听页面显示 | ||
81 | + */ | ||
82 | + onShow: function() { | ||
83 | + | ||
84 | + }, | ||
85 | + | ||
86 | + /** | ||
87 | + * 生命周期函数--监听页面隐藏 | ||
88 | + */ | ||
89 | + onHide: function() { | ||
90 | + | ||
91 | + }, | ||
92 | + | ||
93 | + /** | ||
94 | + * 生命周期函数--监听页面卸载 | ||
95 | + */ | ||
96 | + onUnload: function() { | ||
97 | + | ||
98 | + }, | ||
99 | + | ||
100 | + /** | ||
101 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
102 | + */ | ||
103 | + onPullDownRefresh: function() { | ||
104 | + | ||
105 | + }, | ||
106 | + | ||
107 | + /** | ||
108 | + * 页面上拉触底事件的处理函数 | ||
109 | + */ | ||
110 | + onReachBottom: function() { | ||
111 | + | ||
112 | + }, | ||
113 | + | ||
114 | + /** | ||
115 | + * 用户点击右上角分享 | ||
116 | + */ | ||
117 | + onShareAppMessage: function() { | ||
118 | + | ||
119 | + } | ||
112 | }) | 120 | }) |
1 | <!--pages/kind/detail_1/detail_1.wxml--> | 1 | <!--pages/kind/detail_1/detail_1.wxml--> |
2 | <!-- 商品 --> | 2 | <!-- 商品 --> |
3 | <view class='container'> | 3 | <view class='container'> |
4 | - <view class='ware_box'> | ||
5 | - <view class='ware_top'> | ||
6 | - <view class='ware_1'> | ||
7 | - <image src='../../../img/gerenzhingxinbeijing@2x.png'></image> | ||
8 | - <view class='ware_1_time'> | ||
9 | - 据结束2时22分 | ||
10 | - </view> | ||
11 | - </view> | ||
12 | - <view class='ware_text'> | ||
13 | - <view class='ware_2'> | ||
14 | - <text class='ware_2Txt1'>纯进口有机菜花</text> | ||
15 | - <text class='ware_2Txt2'>产地:智力</text> | ||
16 | - </view> | ||
17 | - <view class='ware_3'> | ||
18 | - <progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx"/> | ||
19 | - </view> | ||
20 | - <view class='ware_4'> | ||
21 | - <text>已拼300份,目标500份</text> | ||
22 | - </view> | ||
23 | - <view class='ware_5'> | ||
24 | - <view> | ||
25 | - <text class='ware5_t1'>¥52/</text> | ||
26 | - <text class='ware5_t2'>1磅1份</text> | ||
27 | - </view> | ||
28 | - <view class='ware5_box'> | ||
29 | - <view class='ware5_t3'>40mm-50m</view> | ||
30 | - <view class='ware5_t4'>番茄果径</view> | ||
31 | - </view> | ||
32 | - <view class='ware_6'> | ||
33 | - <view>立即参团</view> | ||
34 | - </view> | ||
35 | - </view> | 4 | + <view class='ware_box'> |
5 | + <view class='ware_top'> | ||
6 | + <view class='ware_1'> | ||
7 | + <image src='../../../img/gerenzhingxinbeijing@2x.png'></image> | ||
8 | + <view class='ware_1_time'> | ||
9 | + 据结束2时22分 | ||
10 | + </view> | ||
11 | + </view> | ||
12 | + <view class='ware_text'> | ||
13 | + <view class='ware_2'> | ||
14 | + <text class='ware_2Txt1'>纯进口有机菜花</text> | ||
15 | + <text class='ware_2Txt2'>产地:智力</text> | ||
16 | + </view> | ||
17 | + <view class='ware_3'> | ||
18 | + <progress percent="42" show-info color="#B5DE96" border-radius="8" font-size="24rpx" stroke-width="16rpx" /> | ||
19 | + </view> | ||
20 | + <view class='ware_4'> | ||
21 | + <text>已拼300份,目标500份</text> | ||
22 | + </view> | ||
23 | + <view class='ware_5'> | ||
24 | + <view> | ||
25 | + <text class='ware5_t1'>¥52/</text> | ||
26 | + <text class='ware5_t2'>1磅1份</text> | ||
27 | + </view> | ||
28 | + <view class='ware5_box'> | ||
29 | + <view class='ware5_t3'>40mm-50m</view> | ||
30 | + <view class='ware5_t4'>番茄果径</view> | ||
31 | + </view> | ||
32 | + <view class='ware_6'> | ||
33 | + <view>立即参团</view> | ||
34 | + </view> | ||
35 | + </view> | ||
36 | + </view> | ||
37 | + </view> | ||
38 | + <view class='ware_bot'> | ||
39 | + <view class='ware_bot_tit'>经典推荐</view> | ||
40 | + <view class='ware_bot_txt'>智利进口,绿色健康,硕大饱满</view> | ||
41 | + </view> | ||
36 | </view> | 42 | </view> |
37 | - </view> | ||
38 | - <view class='ware_bot'> | ||
39 | - <view class='ware_bot_tit'>经典推荐</view> | ||
40 | - <view class='ware_bot_txt'>智利进口,绿色健康,硕大饱满</view> | ||
41 | - </view> | ||
42 | - </view> | ||
43 | </view> | 43 | </view> |
44 | <!-- 商品规格 --> | 44 | <!-- 商品规格 --> |
45 | <view class='spec'> | 45 | <view class='spec'> |
46 | - <view class='spec_txt'>商品规格</view> | ||
47 | - <view class='spec_txt2'>1磅1份</view> | 46 | + <view class='spec_txt'>商品规格</view> |
47 | + <view class='spec_txt2'>1磅1份</view> | ||
48 | </view> | 48 | </view> |
49 | <!-- 商品详情 --> | 49 | <!-- 商品详情 --> |
50 | <view class='ware_detail'> | 50 | <view class='ware_detail'> |
51 | - <view class='ware_detail_tit'> | ||
52 | - <view class="ware_detail_box {{index == 1 ? 'ware_active' : ''}}" bindtap='goy' data-id="1">商品详情</view> | ||
53 | - <view class="ware_detail_box {{index == 2 ? 'ware_active' : ''}}" bindtap='goy2' data-id="2">用户评价</view> | ||
54 | - </view> | ||
55 | - <view class='ware_detailC'> | ||
56 | - <view class='ware_detailImg' wx:if="{{index == 1}}"> | ||
57 | - <image src='../../../img/gerenzhingxinbeijing@3x.png'></image> | ||
58 | - </view> | ||
59 | - <!-- 用户评价 --> | ||
60 | - <view class='ware_assess' wx:if="{{index == 2}}"> | ||
61 | - <view class='ware_assess_li'> | ||
62 | - <view class='assess_header'> | ||
63 | - <view class='assess_headerImg'> | ||
64 | - <image src='../../../img/jujia@2x.png'></image> | ||
65 | - </view> | ||
66 | - <view class='assess_headerTxt'>朱*明</view> | ||
67 | - </view> | ||
68 | - <view class='assess_say'> | ||
69 | - 产品和描述一直,很喜欢他们家的东西,体验了下东西确实也不错 | ||
70 | - </view> | ||
71 | - <view class='ware_pic'></view> | ||
72 | - <view class='assess_time'>2019/07/01</view> | ||
73 | - </view> | ||
74 | - <view class='ware_assess_li'> | ||
75 | - <view class='assess_header'> | ||
76 | - <view class='assess_headerImg'> | ||
77 | - <image src='../../../img/jujia@2x.png'></image> | ||
78 | - </view> | ||
79 | - <view class='assess_headerTxt'>朱*明</view> | ||
80 | - </view> | ||
81 | - <view class='assess_say'> | ||
82 | - 质量很不错,很喜欢。 | ||
83 | - </view> | ||
84 | - <view class='ware_pic'> | ||
85 | - <view class='ware_picBox'> | ||
86 | - <image src='../../../img/gerenzhingxinbeijing@2x.png'></image> | 51 | + <view class='ware_detail_tit'> |
52 | + <view class="ware_detail_box {{index == 1 ? 'ware_active' : ''}}" bindtap='goy' data-id="1">商品详情</view> | ||
53 | + <view class="ware_detail_box {{index == 2 ? 'ware_active' : ''}}" bindtap='goy' data-id="2">用户评价</view> | ||
54 | + </view> | ||
55 | + <view class='ware_detailC'> | ||
56 | + <view class='ware_detailImg' wx:if="{{index == 1}}"> | ||
57 | + <image src='../../../img/gerenzhingxinbeijing@3x.png'></image> | ||
87 | </view> | 58 | </view> |
88 | - <view class='ware_picBox'> | ||
89 | - <image src='../../../img/gerenzhingxinbeijing@2x.png'></image> | 59 | + <!-- 用户评价 --> |
60 | + <view class='ware_assess' wx:if="{{index == 2}}"> | ||
61 | + <view class='ware_assess_li'> | ||
62 | + <view class='assess_header'> | ||
63 | + <view class='assess_headerImg'> | ||
64 | + <image src='../../../img/jujia@2x.png'></image> | ||
65 | + </view> | ||
66 | + <view class='assess_headerTxt'>朱*明</view> | ||
67 | + </view> | ||
68 | + <view class='assess_say'> | ||
69 | + 产品和描述一直,很喜欢他们家的东西,体验了下东西确实也不错 | ||
70 | + </view> | ||
71 | + <view class='ware_pic'></view> | ||
72 | + <view class='assess_time'>2019/07/01</view> | ||
73 | + </view> | ||
74 | + <view class='ware_assess_li'> | ||
75 | + <view class='assess_header'> | ||
76 | + <view class='assess_headerImg'> | ||
77 | + <image src='../../../img/jujia@2x.png'></image> | ||
78 | + </view> | ||
79 | + <view class='assess_headerTxt'>朱*明</view> | ||
80 | + </view> | ||
81 | + <view class='assess_say'> | ||
82 | + 质量很不错,很喜欢。 | ||
83 | + </view> | ||
84 | + <view class='ware_pic'> | ||
85 | + <view class='ware_picBox'> | ||
86 | + <image src='../../../img/gerenzhingxinbeijing@2x.png'></image> | ||
87 | + </view> | ||
88 | + <view class='ware_picBox'> | ||
89 | + <image src='../../../img/gerenzhingxinbeijing@2x.png'></image> | ||
90 | + </view> | ||
91 | + </view> | ||
92 | + <view class='assess_time'>2019/07/01</view> | ||
93 | + </view> | ||
94 | + <view class='whole'> | ||
95 | + 查看全部评价 | ||
96 | + </view> | ||
90 | </view> | 97 | </view> |
91 | - </view> | ||
92 | - <view class='assess_time'>2019/07/01</view> | ||
93 | - </view> | ||
94 | - <view class='whole'> | ||
95 | - 查看全部评价 | ||
96 | - </view> | ||
97 | - </view> | ||
98 | - </view> | 98 | + </view> |
99 | </view> | 99 | </view> |
100 | <!-- footer底部 --> | 100 | <!-- footer底部 --> |
101 | <view class='footer'> | 101 | <view class='footer'> |
102 | - <view class='footer_add'>加入收藏</view> | ||
103 | - <view class='footer_off' bindtap='goConfirm'>立即参团</view> | 102 | + <view class='footer_add'>加入收藏</view> |
103 | + <view class='footer_off' bindtap='goConfirm'>立即参团</view> | ||
104 | </view> | 104 | </view> |
105 | <!-- 遮罩层 --> | 105 | <!-- 遮罩层 --> |
106 | <view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view> | 106 | <view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view> |
107 | <!-- 弹出层 --> | 107 | <!-- 弹出层 --> |
108 | <view class="modalDlg" wx:if="{{showModal}}"> | 108 | <view class="modalDlg" wx:if="{{showModal}}"> |
109 | - <view class='modalDlg_p'> | ||
110 | - <view class='m_top'> | ||
111 | - <view class='m_topImg'> | ||
112 | - <image src='../../../img/douyao.png'></image> | ||
113 | - </view> | ||
114 | - <view class='m_topTxt'> | ||
115 | - <view class='m_topTxt1'> | ||
116 | - <view class='m_topName'>纯进口有机菜花</view> | ||
117 | - <image bindtap='m_close' src='../../../img/cha.png'></image> | ||
118 | - </view> | ||
119 | - <view class='m_topTxt2'> | ||
120 | - <view class='m_topPrice'>¥52.00</view> | ||
121 | - <view class='m_topHelf'>1磅1份</view> | ||
122 | - </view> | ||
123 | - </view> | ||
124 | - </view> | ||
125 | - <view class='m_number'> | ||
126 | - <view class='m_numTxt'>购买数量</view> | ||
127 | - <view class='minus_push'> | ||
128 | - <view class='minus' bindtap="bindMinus">-</view> | ||
129 | - <view class='num' bindchange="bindManual">{{num}}</view> | ||
130 | - <view class='push' bindtap="bindPlus">+</view> | ||
131 | - </view> | 109 | + <view class='modalDlg_p'> |
110 | + <view class='m_top'> | ||
111 | + <view class='m_topImg'> | ||
112 | + <image src='../../../img/douyao.png'></image> | ||
113 | + </view> | ||
114 | + <view class='m_topTxt'> | ||
115 | + <view class='m_topTxt1'> | ||
116 | + <view class='m_topName'>纯进口有机菜花</view> | ||
117 | + <image bindtap='m_close' src='../../../img/cha.png'></image> | ||
118 | + </view> | ||
119 | + <view class='m_topTxt2'> | ||
120 | + <view class='m_topPrice'>¥52.00</view> | ||
121 | + <view class='m_topHelf'>1磅1份</view> | ||
122 | + </view> | ||
123 | + </view> | ||
124 | + </view> | ||
125 | + <view class='m_number'> | ||
126 | + <view class='m_numTxt'>购买数量</view> | ||
127 | + <view class='minus_push'> | ||
128 | + <view class='minus' bindtap="bindMinus">-</view> | ||
129 | + <view class='num' bindchange="bindManual">{{num}}</view> | ||
130 | + <view class='push' bindtap="bindPlus">+</view> | ||
131 | + </view> | ||
132 | + </view> | ||
133 | + <button class='m_btn' bindtap='goFirm_order1'>确认</button> | ||
132 | </view> | 134 | </view> |
133 | - <button class='m_btn' bindtap='goFirm_order1'>确认</button> | ||
134 | - </view> | ||
135 | -</view> | ||
136 | - | 135 | +</view> |
1 | // pages/kind/firm_order1/firm_order1.js | 1 | // pages/kind/firm_order1/firm_order1.js |
2 | +const app = getApp(); | ||
2 | Page({ | 3 | Page({ |
3 | - goFirm_order2:function(){ | ||
4 | - wx.navigateTo({ | ||
5 | - url: '../firm_order2/firm_order2', | ||
6 | - }) | ||
7 | - }, | ||
8 | - /** | ||
9 | - * 页面的初始数据 | ||
10 | - */ | ||
11 | - data: { | ||
12 | - | ||
13 | - }, | ||
14 | - | ||
15 | - /** | ||
16 | - * 生命周期函数--监听页面加载 | ||
17 | - */ | ||
18 | - onLoad: function (options) { | ||
19 | - | ||
20 | - }, | ||
21 | - | ||
22 | - /** | ||
23 | - * 生命周期函数--监听页面初次渲染完成 | ||
24 | - */ | ||
25 | - onReady: function () { | ||
26 | - | ||
27 | - }, | ||
28 | - | ||
29 | - /** | ||
30 | - * 生命周期函数--监听页面显示 | ||
31 | - */ | ||
32 | - onShow: function () { | ||
33 | - | ||
34 | - }, | ||
35 | - | ||
36 | - /** | ||
37 | - * 生命周期函数--监听页面隐藏 | ||
38 | - */ | ||
39 | - onHide: function () { | ||
40 | - | ||
41 | - }, | ||
42 | - | ||
43 | - /** | ||
44 | - * 生命周期函数--监听页面卸载 | ||
45 | - */ | ||
46 | - onUnload: function () { | ||
47 | - | ||
48 | - }, | ||
49 | - | ||
50 | - /** | ||
51 | - * 页面相关事件处理函数--监听用户下拉动作 | ||
52 | - */ | ||
53 | - onPullDownRefresh: function () { | ||
54 | - | ||
55 | - }, | ||
56 | - | ||
57 | - /** | ||
58 | - * 页面上拉触底事件的处理函数 | ||
59 | - */ | ||
60 | - onReachBottom: function () { | ||
61 | - | ||
62 | - }, | ||
63 | - | ||
64 | - /** | ||
65 | - * 用户点击右上角分享 | ||
66 | - */ | ||
67 | - onShareAppMessage: function () { | ||
68 | - | ||
69 | - } | 4 | + goFirm_order2: function() { |
5 | + wx.navigateTo({ | ||
6 | + url: '../firm_order2/firm_order2', | ||
7 | + }) | ||
8 | + }, | ||
9 | + /** | ||
10 | + * 页面的初始数据 | ||
11 | + */ | ||
12 | + data: { | ||
13 | + | ||
14 | + }, | ||
15 | + | ||
16 | + /** | ||
17 | + * 生命周期函数--监听页面加载 | ||
18 | + */ | ||
19 | + onLoad: function(options) { | ||
20 | + this.order() | ||
21 | + }, | ||
22 | + order() { | ||
23 | + let that = this; | ||
24 | + let url = "home/index/shopMessage"; | ||
25 | + let params = { | ||
26 | + shop_id: this.data.detail_id | ||
27 | + } | ||
28 | + app.post(url, params).then((res) => { | ||
29 | + console.log(res) | ||
30 | + that.setData({ | ||
31 | + | ||
32 | + }) | ||
33 | + }).catch((err) => { | ||
34 | + console.log(err) | ||
35 | + }) | ||
36 | + }, | ||
37 | + | ||
38 | + /** | ||
39 | + * 生命周期函数--监听页面初次渲染完成 | ||
40 | + */ | ||
41 | + onReady: function() { | ||
42 | + | ||
43 | + }, | ||
44 | + | ||
45 | + /** | ||
46 | + * 生命周期函数--监听页面显示 | ||
47 | + */ | ||
48 | + onShow: function() { | ||
49 | + | ||
50 | + }, | ||
51 | + | ||
52 | + /** | ||
53 | + * 生命周期函数--监听页面隐藏 | ||
54 | + */ | ||
55 | + onHide: function() { | ||
56 | + | ||
57 | + }, | ||
58 | + | ||
59 | + /** | ||
60 | + * 生命周期函数--监听页面卸载 | ||
61 | + */ | ||
62 | + onUnload: function() { | ||
63 | + | ||
64 | + }, | ||
65 | + | ||
66 | + /** | ||
67 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
68 | + */ | ||
69 | + onPullDownRefresh: function() { | ||
70 | + | ||
71 | + }, | ||
72 | + | ||
73 | + /** | ||
74 | + * 页面上拉触底事件的处理函数 | ||
75 | + */ | ||
76 | + onReachBottom: function() { | ||
77 | + | ||
78 | + }, | ||
79 | + | ||
80 | + /** | ||
81 | + * 用户点击右上角分享 | ||
82 | + */ | ||
83 | + onShareAppMessage: function() { | ||
84 | + | ||
85 | + } | ||
70 | }) | 86 | }) |
@@ -5,26 +5,7 @@ Page({ | @@ -5,26 +5,7 @@ Page({ | ||
5 | * 页面的初始数据 | 5 | * 页面的初始数据 |
6 | */ | 6 | */ |
7 | data: { | 7 | data: { |
8 | - navbar: [{ | ||
9 | - name: '居家用品' | ||
10 | - }, | ||
11 | - { | ||
12 | - name: '日用商品' | ||
13 | - }, | ||
14 | - { | ||
15 | - name: '数码商品' | ||
16 | - }, | ||
17 | - { | ||
18 | - name: '富硒生疏' | ||
19 | - }, | ||
20 | - { | ||
21 | - name: '野生海鲜' | ||
22 | - }, | ||
23 | - { | ||
24 | - name: '有机菜花' | ||
25 | - }, | ||
26 | - ], | ||
27 | - currentTab: 0, | 8 | + |
28 | }, | 9 | }, |
29 | 10 | ||
30 | /** | 11 | /** |
@@ -33,13 +14,7 @@ Page({ | @@ -33,13 +14,7 @@ Page({ | ||
33 | onLoad: function (options) { | 14 | onLoad: function (options) { |
34 | 15 | ||
35 | }, | 16 | }, |
36 | - navbarTap: function (e) { | ||
37 | - console.log(88) | ||
38 | - let that = this; | ||
39 | - this.setData({ | ||
40 | - currentTab: e.currentTarget.dataset.idx, | ||
41 | - }) | ||
42 | - }, | 17 | + |
43 | /** | 18 | /** |
44 | * 生命周期函数--监听页面初次渲染完成 | 19 | * 生命周期函数--监听页面初次渲染完成 |
45 | */ | 20 | */ |
1 | <!--pages/kind/kind.wxml--> | 1 | <!--pages/kind/kind.wxml--> |
2 | -<!-- <text>pages/kind/kind.wxml</text> --> | ||
3 | -<view class='container'> | ||
4 | - <view class="nav mainindex_nav top"> | ||
5 | - <view wx:for="{{navbar}}" data-idx="{{index}}" class="nav_item {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap" data-categoryid="{{item.id}}">{{item.name}} | ||
6 | - </view> | ||
7 | - </view> | ||
8 | - <view class='mid'> | ||
9 | - <view class='mid_item'> | ||
10 | - <!-- 顶部 --> | ||
11 | - <view class='mid_item_top'> | ||
12 | - <!-- 左边 --> | ||
13 | - <view class='mid_item_top_left'> | ||
14 | - <view class='top_left_pic'> | ||
15 | - <image src='../../../img/goods_1.png'></image> | ||
16 | - </view> | ||
17 | - <view class='top_left_text'> | ||
18 | - 距结束23时59分距结束23时59分 | ||
19 | - </view> | ||
20 | - </view> | ||
21 | - <!-- 右边 --> | ||
22 | - <view class='mid_item_top_right'> | ||
23 | - <!-- 右上 --> | ||
24 | - <view class='right_top'> | ||
25 | - <view class='right_top_lef'> | ||
26 | - 纯进口有机菜花 | ||
27 | - </view> | ||
28 | - <view class='right_top_rig'> | ||
29 | - 产地:智利 | ||
30 | - </view> | ||
31 | - </view> | ||
32 | - <!-- 右中1 --> | ||
33 | - <view class='right_mid'> | ||
34 | - <view class='right_mid_lef'> | ||
35 | - <view class='right_mid_lef_color'></view> | ||
36 | - </view> | ||
37 | - <view class='right_mid_rig'> | ||
38 | - 42% | ||
39 | - </view> | ||
40 | - </view> | ||
41 | - <!-- 右中2 --> | ||
42 | - <view class='right_text'> | ||
43 | - 已拼300份,目标500份 | ||
44 | - </view> | ||
45 | - <!-- 右下 --> | ||
46 | - <view class='right_bottom'> | ||
47 | - <!-- 右下左 --> | ||
48 | - <view class='right_bottom_lef'> | ||
49 | - <span class='RBM'>¥</span> | ||
50 | - <span class='number'>52/</span> | ||
51 | - <span class='text'>1磅1份1磅1份</span> | ||
52 | - </view> | ||
53 | - <!-- 右下中 --> | ||
54 | - <view class='right_bottom_mid'> | ||
55 | - <view class='right_bottom_mid_t'> | ||
56 | - 40mm-50m | ||
57 | - </view> | ||
58 | - <view class='right_bottom_mid_b'> | ||
59 | - 番茄果径番茄果径番茄果径 | ||
60 | - </view> | ||
61 | - </view> | ||
62 | - <!-- 右下右 --> | ||
63 | - <view class='right_bottom_rig'> | ||
64 | - 立即参团 | ||
65 | - </view> | ||
66 | - </view> | ||
67 | - </view> | ||
68 | - | ||
69 | - | ||
70 | - </view> | ||
71 | - <view class='mid_item_bottom'> | ||
72 | - <view class='mid_item_bottom_left'> | ||
73 | - 经典推荐 | ||
74 | - </view> | ||
75 | - <!-- 竖线 --> | ||
76 | - <view class='mid_line'></view> | ||
77 | - <!-- 底部文本 --> | ||
78 | - <view class='mid_item_bottom_bot'> | ||
79 | - 智利进口,绿色健康,硕大饱满 | ||
80 | - </view> | ||
81 | - </view> | ||
82 | - </view> | ||
83 | - | ||
84 | - <view class='mid_item'> | ||
85 | - <!-- 顶部 --> | ||
86 | - <view class='mid_item_top'> | ||
87 | - <!-- 左边 --> | ||
88 | - <view class='mid_item_top_left'> | ||
89 | - <view class='top_left_pic'> | ||
90 | - <image src='../../../img/goods_1.png'></image> | ||
91 | - </view> | ||
92 | - <view class='text_color'> | ||
93 | - 距结束2时22分距结束2时22分 | ||
94 | - </view> | ||
95 | - </view> | ||
96 | - <!-- 右边 --> | ||
97 | - <view class='mid_item_top_right'> | ||
98 | - <!-- 右上 --> | ||
99 | - <view class='right_top'> | ||
100 | - <view class='right_top_lef'> | ||
101 | - 纯进口有机菜花 | ||
102 | - </view> | ||
103 | - <view class='right_top_rig'> | ||
104 | - 产地:罗利 | ||
105 | - </view> | ||
106 | - </view> | ||
107 | - <!-- 右中1 --> | ||
108 | - <view class='right_mid'> | ||
109 | - <view class='right_mid_lef'> | ||
110 | - <view class='right_mid_lef_color'></view> | ||
111 | - </view> | ||
112 | - <view class='right_mid_rig'> | ||
113 | - 42% | ||
114 | - </view> | ||
115 | - </view> | ||
116 | - <!-- 右中2 --> | ||
117 | - <view class='right_text'> | ||
118 | - 已拼300份,目标500份 | ||
119 | - </view> | ||
120 | - <!-- 右下 --> | ||
121 | - <view class='right_bottom'> | ||
122 | - <!-- 右下左 --> | ||
123 | - <view class='right_bottom_lef'> | ||
124 | - <span class='RBM'>¥</span> | ||
125 | - <span class='number'>52/</span> | ||
126 | - <span class='text'>1磅1份1磅1份</span> | ||
127 | - | ||
128 | - </view> | ||
129 | - <!-- 右下中 --> | ||
130 | - <view class='right_bottom_mid'> | ||
131 | - <view class='right_bottom_mid_t'> | ||
132 | - 40mm-50m | ||
133 | - </view> | ||
134 | - <view class='right_bottom_mid_b'> | ||
135 | - 番茄果径 番茄果径番茄果径 | ||
136 | - </view> | ||
137 | - </view> | ||
138 | - <!-- 右下右 --> | ||
139 | - <view class='right_bottom_rig'> | ||
140 | - 立即参团 | ||
141 | - </view> | ||
142 | - </view> | ||
143 | - </view> | ||
144 | - | ||
145 | - | ||
146 | - </view> | ||
147 | - <view class='mid_item_bottom'> | ||
148 | - <view class='mid_item_bottom_left'> | ||
149 | - 经典推荐 | ||
150 | - </view> | ||
151 | - <!-- 竖线 --> | ||
152 | - <view class='mid_line'></view> | ||
153 | - <!-- 底部文本 --> | ||
154 | - <view class='mid_item_bottom_bot'> | ||
155 | - 智利进口,绿色健康,硕大饱满 | ||
156 | - </view> | ||
157 | - </view> | ||
158 | - </view> | ||
159 | - </view> | ||
160 | -</view> | ||
2 | +<text>pages/kind/kind.wxml</text> |
1 | -/* pages/kind/kind.wxss */ | ||
2 | -.top{ | ||
3 | - width: 750rpx; | ||
4 | - height: 80rpx; | ||
5 | - background: #6EAC3D; | ||
6 | - | ||
7 | - display: flex; | ||
8 | - align-items: center; | ||
9 | - font-size:28rpx; | ||
10 | - font-family:PingFang SC; | ||
11 | - font-weight:600; | ||
12 | - color:rgba(255,255,255,0.5); | ||
13 | - opacity:1; | ||
14 | - overflow-x: scroll; | ||
15 | - flex-wrap: nowrap | ||
16 | -} | ||
17 | -.nav_item{ | ||
18 | - /* width: 200rpx; */ | ||
19 | - padding: 0 38rpx; | ||
20 | - text-align: center; | ||
21 | - flex:0 0 auto; | ||
22 | -} | ||
23 | -.active{ | ||
24 | - color: #FFFFFF; | ||
25 | - position: relative; | ||
26 | -} | ||
27 | -.active:before{ | ||
28 | - content: ""; | ||
29 | - width:48rpx; | ||
30 | - height:4rpx; | ||
31 | - background:rgba(255,255,255,1); | ||
32 | - opacity:1; | ||
33 | - position: absolute; | ||
34 | - left: 0; | ||
35 | - right: 0; | ||
36 | - bottom: -15rpx; | ||
37 | - margin: 0 auto; | ||
38 | -} | ||
39 | -.container{ | ||
40 | - width: 750rpx; | ||
41 | - display: flex; | ||
42 | - align-items: center; | ||
43 | - flex-flow: column; | ||
44 | -} | ||
45 | -.mid{ | ||
46 | - margin-top: 16rpx; | ||
47 | - display: flex; | ||
48 | - flex-flow: column; | ||
49 | -} | ||
50 | -.mid_item{ | ||
51 | - margin-top: 16rpx; | ||
52 | - width:688rpx; | ||
53 | - /* height:400rpx; */ | ||
54 | - background:rgba(249,250,252,1); | ||
55 | - opacity:1; | ||
56 | - border-radius:8rpx; | ||
57 | - display: flex; | ||
58 | - align-items: center; | ||
59 | - flex-flow: column; | ||
60 | - box-sizing: border-box; | ||
61 | - padding: 52rpx 16rpx 48rpx; | ||
62 | -} | ||
63 | -.mid_item_top{ | ||
64 | - display: flex; | ||
65 | - width: 100%; | ||
66 | -} | ||
67 | -.mid_item_top_left{ | ||
68 | - width:208rpx; | ||
69 | - height:208rpx; | ||
70 | - /* background:rgba(250,250,250,1); */ | ||
71 | - opacity:1; | ||
72 | - display: flex; | ||
73 | - flex-flow: column; | ||
74 | -} | ||
75 | -.top_left_pic{ | ||
76 | - width: 208rpx; | ||
77 | - height: 160rpx; | ||
78 | - display: flex; | ||
79 | -} | ||
80 | -.top_left_pic image{ | ||
81 | - width: 100%; | ||
82 | - height: 100%; | ||
83 | -} | ||
84 | -.top_left_text{ | ||
85 | - width: 202rpx; | ||
86 | - height:48rpx; | ||
87 | - background:rgba(251,4,4,1); | ||
88 | - opacity:0.2; | ||
89 | - text-align: center; | ||
90 | - font-size:24rpx; | ||
91 | - font-family:PingFang SC; | ||
92 | - font-weight:400; | ||
93 | - line-height:48rpx; | ||
94 | - color:rgba(255,255,255,1); | ||
95 | - | ||
96 | - overflow: hidden; | ||
97 | - text-overflow: ellipsis; | ||
98 | - white-space: nowrap; | ||
99 | -} | ||
100 | -.mid_item_top_right{ | ||
101 | - width: 100%; | ||
102 | - margin-left: 14rpx; | ||
103 | -} | ||
104 | -.right_top{ | ||
105 | - display: flex; | ||
106 | - align-items: center; | ||
107 | - justify-content: space-between; | ||
108 | - margin-top: 20rpx; | ||
109 | -} | ||
110 | -.right_top_lef{ | ||
111 | - width: 270rpx; | ||
112 | - font-size:32rpx; | ||
113 | - font-family:PingFang SC; | ||
114 | - font-weight:600; | ||
115 | - color:rgba(51,51,51,1); | ||
116 | - opacity:1; | ||
117 | - overflow: hidden; | ||
118 | - text-overflow: ellipsis; | ||
119 | - white-space: nowrap; | ||
120 | -} | ||
121 | -.right_top_rig{ | ||
122 | - font-size:22rpx; | ||
123 | - font-family:PingFang SC; | ||
124 | - font-weight:400; | ||
125 | - line-height:32rpx; | ||
126 | - color:rgba(204,204,204,1); | ||
127 | - opacity:1; | ||
128 | -} | ||
129 | -.right_mid{ | ||
130 | - margin-top: 16rpx; | ||
131 | - display: flex; | ||
132 | - align-items: center; | ||
133 | -} | ||
134 | -.right_mid_lef{ | ||
135 | - width:288rpx; | ||
136 | - height:16rpx; | ||
137 | - background:rgba(236,236,236,1); | ||
138 | - opacity:1; | ||
139 | - border-radius:8rpx; | ||
140 | -} | ||
141 | -.right_mid_lef_color{ | ||
142 | - width:206rpx; | ||
143 | - height:16rpx; | ||
144 | - background:rgba(181,222,150,1); | ||
145 | - opacity:1; | ||
146 | - border-radius:8rpx; | ||
147 | -} | ||
148 | -.right_mid_rig{ | ||
149 | - margin-left: 16rpx; | ||
150 | - font-size:24rpx; | ||
151 | - font-family:PingFang SC; | ||
152 | - font-weight:400; | ||
153 | - line-height:34rpx; | ||
154 | - color:rgba(181,222,150,1); | ||
155 | - opacity:1; | ||
156 | -} | ||
157 | -.right_text{ | ||
158 | - margin-top: 14rpx; | ||
159 | - font-size:22rpx; | ||
160 | - font-family:PingFang SC; | ||
161 | - font-weight:400; | ||
162 | - color:rgba(204,204,204,1); | ||
163 | - opacity:1; | ||
164 | -} | ||
165 | -.right_bottom{ | ||
166 | - display: flex; | ||
167 | - align-items: center; | ||
168 | - justify-content: space-between; | ||
169 | -} | ||
170 | -.RBM{ | ||
171 | - font-size: 22rpx; | ||
172 | - color: #ff0000; | ||
173 | -} | ||
174 | -.number{ | ||
175 | - font-size: 30rpx; | ||
176 | - color: #ff0000; | ||
177 | -} | ||
178 | -.text{ | ||
179 | - | ||
180 | - font-size:22rpx; | ||
181 | - font-family:PingFang SC; | ||
182 | - font-weight:400; | ||
183 | - line-height:32rpx; | ||
184 | - color:rgba(204,204,204,1); | ||
185 | - opacity:1; | ||
186 | -} | ||
187 | -.right_bottom_mid{ | ||
188 | - width: 122rpx; | ||
189 | -} | ||
190 | -.right_bottom_mid_t{ | ||
191 | - | ||
192 | - font-size:22rpx; | ||
193 | - font-family:PingFang SC; | ||
194 | - font-weight:400; | ||
195 | - color:rgba(51,51,51,1); | ||
196 | - opacity:1; | ||
197 | - | ||
198 | - overflow: hidden; | ||
199 | - text-overflow: ellipsis; | ||
200 | - white-space: nowrap; | ||
201 | - | ||
202 | -} | ||
203 | -.right_bottom_mid_b{ | ||
204 | - font-size:18rpx; | ||
205 | - font-family:PingFang SC; | ||
206 | - font-weight:400; | ||
207 | - color:rgba(153,153,153,1); | ||
208 | - opacity:1; | ||
209 | - | ||
210 | - overflow: hidden; | ||
211 | - text-overflow: ellipsis; | ||
212 | - white-space: nowrap; | ||
213 | -} | ||
214 | -.right_bottom_rig{ | ||
215 | - width:144rpx; | ||
216 | - height:48rpx; | ||
217 | - line-height: 48rpx; | ||
218 | - background:rgba(249,150,20,1); | ||
219 | - box-shadow:0rpx 2rpx 12rpx rgba(255,145,0,0.16); | ||
220 | - opacity:1; | ||
221 | - border-radius:24rpx; | ||
222 | - | ||
223 | - text-align: center; | ||
224 | - font-size:26rpx; | ||
225 | - font-family:PingFang SC; | ||
226 | - font-weight:400; | ||
227 | - color:rgba(255,255,255,1); | ||
228 | -} | ||
229 | -.mid_item_bottom{ | ||
230 | - margin-top: 32rpx; | ||
231 | - width:640rpx; | ||
232 | - height:80rpx; | ||
233 | - background:rgba(181,222,150,0.1); | ||
234 | - border-radius:16rpx; | ||
235 | - display: flex; | ||
236 | - align-items: center; | ||
237 | - box-sizing: border-box; | ||
238 | - padding: 0 32rpx; | ||
239 | -} | ||
240 | -.mid_item_bottom_left{ | ||
241 | - font-size:30rpx; | ||
242 | - font-family:汉真广标; | ||
243 | - font-weight:400; | ||
244 | - color:rgba(110,172,61,1); | ||
245 | - opacity:1; | ||
246 | - | ||
247 | -} | ||
248 | -.mid_line{ | ||
249 | - margin: 0 36rpx; | ||
250 | - width:2rpx; | ||
251 | - height:60rpx; | ||
252 | - background:rgba(181,222,150,1); | ||
253 | - opacity:1; | ||
254 | - border-radius:4rpx; | ||
255 | -} | ||
256 | -.mid_item_bottom_bot{ | ||
257 | - font-size:24rpx; | ||
258 | - font-family:PingFang SC; | ||
259 | - font-weight:400; | ||
260 | - color:rgba(153,153,153,1); | ||
261 | - opacity:1; | ||
262 | - overflow: hidden; | ||
263 | - text-overflow: ellipsis; | ||
264 | - white-space: nowrap; | ||
265 | -} | ||
266 | -.text_color{ | ||
267 | - width:202rpx; | ||
268 | - height:48rpx; | ||
269 | - line-height: 48rpx; | ||
270 | - text-align: center; | ||
271 | - background:rgba(204,204,204,0.7); | ||
272 | - font-size:24rpx; | ||
273 | - font-family:PingFang SC; | ||
274 | - font-weight:400; | ||
275 | - color:rgba(255,255,255,1); | ||
276 | - opacity:1; | ||
277 | - overflow: hidden; | ||
278 | - text-overflow: ellipsis; | ||
279 | - white-space: nowrap; | ||
280 | -} | ||
281 | -.right_bottom_lef{ | ||
282 | - width: 140rpx; | ||
283 | - overflow: hidden; | ||
284 | - text-overflow: ellipsis; | ||
285 | - white-space: nowrap; | ||
286 | -} | ||
1 | +/* pages/kind/kind.wxss */ |
@@ -10,7 +10,7 @@ | @@ -10,7 +10,7 @@ | ||
10 | <image src='../../../img/goods_1.png'></image> | 10 | <image src='../../../img/goods_1.png'></image> |
11 | </view> | 11 | </view> |
12 | <view class='top_left_text'> | 12 | <view class='top_left_text'> |
13 | - 距结束23时59分距结束23时59分 | 13 | + 距结束23时59分 |
14 | </view> | 14 | </view> |
15 | </view> | 15 | </view> |
16 | <!-- 右边 --> | 16 | <!-- 右边 --> |
@@ -21,7 +21,7 @@ | @@ -21,7 +21,7 @@ | ||
21 | 纯进口有机菜花 | 21 | 纯进口有机菜花 |
22 | </view> | 22 | </view> |
23 | <view class='right_top_rig'> | 23 | <view class='right_top_rig'> |
24 | - 产地:智利 | 24 | + 产地:智力 |
25 | </view> | 25 | </view> |
26 | </view> | 26 | </view> |
27 | <!-- 右中1 --> | 27 | <!-- 右中1 --> |
@@ -43,7 +43,7 @@ | @@ -43,7 +43,7 @@ | ||
43 | <view class='right_bottom_lef'> | 43 | <view class='right_bottom_lef'> |
44 | <span class='RBM'>¥</span> | 44 | <span class='RBM'>¥</span> |
45 | <span class='number'>52/</span> | 45 | <span class='number'>52/</span> |
46 | - <span class='text'>1磅1份1磅1份</span> | 46 | + <span class='text'>1磅1份</span> |
47 | </view> | 47 | </view> |
48 | <!-- 右下中 --> | 48 | <!-- 右下中 --> |
49 | <view class='right_bottom_mid'> | 49 | <view class='right_bottom_mid'> |
@@ -51,7 +51,7 @@ | @@ -51,7 +51,7 @@ | ||
51 | 40mm-50m | 51 | 40mm-50m |
52 | </view> | 52 | </view> |
53 | <view class='right_bottom_mid_b'> | 53 | <view class='right_bottom_mid_b'> |
54 | - 番茄果径番茄果径番茄果径 | 54 | + 番茄果径 |
55 | </view> | 55 | </view> |
56 | </view> | 56 | </view> |
57 | <!-- 右下右 --> | 57 | <!-- 右下右 --> |
@@ -85,7 +85,7 @@ | @@ -85,7 +85,7 @@ | ||
85 | <image src='../../../img/goods_1.png'></image> | 85 | <image src='../../../img/goods_1.png'></image> |
86 | </view> | 86 | </view> |
87 | <view class='text_color'> | 87 | <view class='text_color'> |
88 | - 距结束2时22分距结束2时22分 | 88 | + 距结束2时22分 |
89 | </view> | 89 | </view> |
90 | </view> | 90 | </view> |
91 | <!-- 右边 --> | 91 | <!-- 右边 --> |
@@ -96,7 +96,7 @@ | @@ -96,7 +96,7 @@ | ||
96 | 纯进口有机菜花 | 96 | 纯进口有机菜花 |
97 | </view> | 97 | </view> |
98 | <view class='right_top_rig'> | 98 | <view class='right_top_rig'> |
99 | - 产地:罗利 | 99 | + 产地:智力 |
100 | </view> | 100 | </view> |
101 | </view> | 101 | </view> |
102 | <!-- 右中1 --> | 102 | <!-- 右中1 --> |
@@ -118,8 +118,7 @@ | @@ -118,8 +118,7 @@ | ||
118 | <view class='right_bottom_lef'> | 118 | <view class='right_bottom_lef'> |
119 | <span class='RBM'>¥</span> | 119 | <span class='RBM'>¥</span> |
120 | <span class='number'>52/</span> | 120 | <span class='number'>52/</span> |
121 | - <span class='text'>1磅1份1磅1份</span> | ||
122 | - | 121 | + <span class='text'>1磅1份</span> |
123 | </view> | 122 | </view> |
124 | <!-- 右下中 --> | 123 | <!-- 右下中 --> |
125 | <view class='right_bottom_mid'> | 124 | <view class='right_bottom_mid'> |
@@ -127,7 +126,7 @@ | @@ -127,7 +126,7 @@ | ||
127 | 40mm-50m | 126 | 40mm-50m |
128 | </view> | 127 | </view> |
129 | <view class='right_bottom_mid_b'> | 128 | <view class='right_bottom_mid_b'> |
130 | - 番茄果径 番茄果径番茄果径 | 129 | + 番茄果径 |
131 | </view> | 130 | </view> |
132 | </view> | 131 | </view> |
133 | <!-- 右下右 --> | 132 | <!-- 右下右 --> |
@@ -45,7 +45,6 @@ | @@ -45,7 +45,6 @@ | ||
45 | height: 100%; | 45 | height: 100%; |
46 | } | 46 | } |
47 | .top_left_text{ | 47 | .top_left_text{ |
48 | - width: 202rpx; | ||
49 | height:48rpx; | 48 | height:48rpx; |
50 | background:rgba(251,4,4,1); | 49 | background:rgba(251,4,4,1); |
51 | opacity:0.2; | 50 | opacity:0.2; |
@@ -55,10 +54,6 @@ | @@ -55,10 +54,6 @@ | ||
55 | font-weight:400; | 54 | font-weight:400; |
56 | line-height:48rpx; | 55 | line-height:48rpx; |
57 | color:rgba(255,255,255,1); | 56 | color:rgba(255,255,255,1); |
58 | - | ||
59 | - overflow: hidden; | ||
60 | - text-overflow: ellipsis; | ||
61 | - white-space: nowrap; | ||
62 | } | 57 | } |
63 | .mid_item_top_right{ | 58 | .mid_item_top_right{ |
64 | width: 100%; | 59 | width: 100%; |
@@ -71,17 +66,15 @@ | @@ -71,17 +66,15 @@ | ||
71 | margin-top: 20rpx; | 66 | margin-top: 20rpx; |
72 | } | 67 | } |
73 | .right_top_lef{ | 68 | .right_top_lef{ |
74 | - width: 270rpx; | 69 | + |
75 | font-size:32rpx; | 70 | font-size:32rpx; |
76 | font-family:PingFang SC; | 71 | font-family:PingFang SC; |
77 | font-weight:600; | 72 | font-weight:600; |
78 | color:rgba(51,51,51,1); | 73 | color:rgba(51,51,51,1); |
79 | opacity:1; | 74 | opacity:1; |
80 | - overflow: hidden; | ||
81 | - text-overflow: ellipsis; | ||
82 | - white-space: nowrap; | ||
83 | } | 75 | } |
84 | .right_top_rig{ | 76 | .right_top_rig{ |
77 | + | ||
85 | font-size:22rpx; | 78 | font-size:22rpx; |
86 | font-family:PingFang SC; | 79 | font-family:PingFang SC; |
87 | font-weight:400; | 80 | font-weight:400; |
@@ -147,9 +140,6 @@ | @@ -147,9 +140,6 @@ | ||
147 | color:rgba(204,204,204,1); | 140 | color:rgba(204,204,204,1); |
148 | opacity:1; | 141 | opacity:1; |
149 | } | 142 | } |
150 | -.right_bottom_mid{ | ||
151 | - width: 122rpx; | ||
152 | -} | ||
153 | .right_bottom_mid_t{ | 143 | .right_bottom_mid_t{ |
154 | 144 | ||
155 | font-size:22rpx; | 145 | font-size:22rpx; |
@@ -157,11 +147,6 @@ | @@ -157,11 +147,6 @@ | ||
157 | font-weight:400; | 147 | font-weight:400; |
158 | color:rgba(51,51,51,1); | 148 | color:rgba(51,51,51,1); |
159 | opacity:1; | 149 | opacity:1; |
160 | - | ||
161 | - overflow: hidden; | ||
162 | - text-overflow: ellipsis; | ||
163 | - white-space: nowrap; | ||
164 | - | ||
165 | } | 150 | } |
166 | .right_bottom_mid_b{ | 151 | .right_bottom_mid_b{ |
167 | font-size:18rpx; | 152 | font-size:18rpx; |
@@ -169,10 +154,6 @@ | @@ -169,10 +154,6 @@ | ||
169 | font-weight:400; | 154 | font-weight:400; |
170 | color:rgba(153,153,153,1); | 155 | color:rgba(153,153,153,1); |
171 | opacity:1; | 156 | opacity:1; |
172 | - | ||
173 | - overflow: hidden; | ||
174 | - text-overflow: ellipsis; | ||
175 | - white-space: nowrap; | ||
176 | } | 157 | } |
177 | .right_bottom_rig{ | 158 | .right_bottom_rig{ |
178 | width:144rpx; | 159 | width:144rpx; |
@@ -217,17 +198,15 @@ | @@ -217,17 +198,15 @@ | ||
217 | border-radius:4rpx; | 198 | border-radius:4rpx; |
218 | } | 199 | } |
219 | .mid_item_bottom_bot{ | 200 | .mid_item_bottom_bot{ |
201 | + | ||
220 | font-size:24rpx; | 202 | font-size:24rpx; |
221 | font-family:PingFang SC; | 203 | font-family:PingFang SC; |
222 | font-weight:400; | 204 | font-weight:400; |
223 | color:rgba(153,153,153,1); | 205 | color:rgba(153,153,153,1); |
224 | opacity:1; | 206 | opacity:1; |
225 | - overflow: hidden; | ||
226 | - text-overflow: ellipsis; | ||
227 | - white-space: nowrap; | ||
228 | } | 207 | } |
229 | .text_color{ | 208 | .text_color{ |
230 | - width:202rpx; | 209 | + width:208rpx; |
231 | height:48rpx; | 210 | height:48rpx; |
232 | line-height: 48rpx; | 211 | line-height: 48rpx; |
233 | text-align: center; | 212 | text-align: center; |
@@ -239,13 +218,4 @@ | @@ -239,13 +218,4 @@ | ||
239 | font-weight:400; | 218 | font-weight:400; |
240 | color:rgba(255,255,255,1); | 219 | color:rgba(255,255,255,1); |
241 | opacity:1; | 220 | opacity:1; |
242 | - overflow: hidden; | ||
243 | - text-overflow: ellipsis; | ||
244 | - white-space: nowrap; | ||
245 | -} | ||
246 | -.right_bottom_lef{ | ||
247 | - width: 140rpx; | ||
248 | - overflow: hidden; | ||
249 | - text-overflow: ellipsis; | ||
250 | - white-space: nowrap; | ||
251 | } | 221 | } |
@@ -4,7 +4,7 @@ | @@ -4,7 +4,7 @@ | ||
4 | "ignore": [] | 4 | "ignore": [] |
5 | }, | 5 | }, |
6 | "setting": { | 6 | "setting": { |
7 | - "urlCheck": true, | 7 | + "urlCheck": false, |
8 | "es6": true, | 8 | "es6": true, |
9 | "postcss": true, | 9 | "postcss": true, |
10 | "minified": true, | 10 | "minified": true, |
@@ -14,7 +14,7 @@ | @@ -14,7 +14,7 @@ | ||
14 | "compileType": "miniprogram", | 14 | "compileType": "miniprogram", |
15 | "libVersion": "2.6.1", | 15 | "libVersion": "2.6.1", |
16 | "appid": "wx472976e7929a1630", | 16 | "appid": "wx472976e7929a1630", |
17 | - "projectname": "teamprogram", | 17 | + "projectname": "shop", |
18 | "debugOptions": { | 18 | "debugOptions": { |
19 | "hidedInDevtools": [] | 19 | "hidedInDevtools": [] |
20 | }, | 20 | }, |
@@ -37,7 +37,7 @@ | @@ -37,7 +37,7 @@ | ||
37 | "list": [] | 37 | "list": [] |
38 | }, | 38 | }, |
39 | "miniprogram": { | 39 | "miniprogram": { |
40 | - "current": 6, | 40 | + "current": 8, |
41 | "list": [ | 41 | "list": [ |
42 | { | 42 | { |
43 | "id": -1, | 43 | "id": -1, |
@@ -76,15 +76,29 @@ | @@ -76,15 +76,29 @@ | ||
76 | }, | 76 | }, |
77 | { | 77 | { |
78 | "id": -1, | 78 | "id": -1, |
79 | - "name": "首页", | ||
80 | - "pathName": "pages/homeindex/homeindex", | 79 | + "name": "评价订单", |
80 | + "pathName": "pages/mine/eOrder/eOrder", | ||
81 | "query": "", | 81 | "query": "", |
82 | "scene": null | 82 | "scene": null |
83 | }, | 83 | }, |
84 | { | 84 | { |
85 | "id": -1, | 85 | "id": -1, |
86 | - "name": "搜索", | ||
87 | - "pathName": "pages/homeindex/search/search", | 86 | + "name": "加入我们", |
87 | + "pathName": "pages/mine/contactUs/contactUs", | ||
88 | + "query": "", | ||
89 | + "scene": null | ||
90 | + }, | ||
91 | + { | ||
92 | + "id": 7, | ||
93 | + "name": "商品详情", | ||
94 | + "pathName": "pages/kind/detail_1/detail_1", | ||
95 | + "query": "" | ||
96 | + }, | ||
97 | + { | ||
98 | + "id": -1, | ||
99 | + "name": "确认订单", | ||
100 | + "pathName": "pages/kind/firm_order1/firm_order1", | ||
101 | + "query": "", | ||
88 | "scene": null | 102 | "scene": null |
89 | } | 103 | } |
90 | ] | 104 | ] |
-
请 注册 或 登录 后发表评论