Commit 6341715b478fda82dc4f8bf26ba616e235ee4afd
1 parent
1ffc7382
首次上传
Showing
436 changed files
with
51630 additions
and
0 deletions
Too many changes.
To preserve performance only 100 of 436 files are displayed.
.gitignore
0 → 100644
1 | +# Windows | ||
2 | +[Dd]esktop.ini | ||
3 | +Thumbs.db | ||
4 | +$RECYCLE.BIN/ | ||
5 | + | ||
6 | +# macOS | ||
7 | +.DS_Store | ||
8 | +.fseventsd | ||
9 | +.Spotlight-V100 | ||
10 | +.TemporaryItems | ||
11 | +.Trashes | ||
12 | + | ||
13 | +# Node.js | ||
14 | +node_modules/ | ||
15 | +.idea/workspace.xml | ||
16 | +.idea/wexinapp.iml | ||
17 | +.idea/vcs.xml | ||
18 | +.idea/modules.xml | ||
19 | +.idea/misc.xml | ||
20 | +.idea/encodings.xml |
api/api.js
0 → 100644
1 | +//这个页面只调用接口 | ||
2 | +var rq = require("../utils/request.js") | ||
3 | +var regeneratorRuntime = require('../utils/runtime.js'); | ||
4 | + | ||
5 | +const wxRequest = async(params = {}, url) => { | ||
6 | + let data = params.query || {}; | ||
7 | + let res = await rq.promiseGet(url,data) | ||
8 | + return res; | ||
9 | +}; | ||
10 | +//--检查是否购买自定义模板-- | ||
11 | +const check_isbuy = (params) => wxRequest({}, "/store/storemoduleendtime/page?store_id=" + params.store_id + "&type=" + params.type); | ||
12 | +//--获取config-- | ||
13 | +const get_config=(stoid)=>wxRequest({},"/api/weshop/store/get/"+stoid); | ||
14 | +//--获取自定义模板首页-- | ||
15 | +const get_template_fir=(stoid)=>wxRequest({},"/api/weshop/store_module/gets/"+stoid+"/1/4"); | ||
16 | + | ||
17 | +module.exports = { | ||
18 | + check_isbuy, | ||
19 | + get_config, | ||
20 | + get_template_fir, | ||
21 | +} |
app.js
0 → 100644
1 | +var t = require("setting.js"), o = require("./utils/auth.js"), a = require("./utils/request.js"), e = require("./utils/common.js"), ut = require("./utils/util.js"); | ||
2 | +var os=t; | ||
3 | +var regeneratorRuntime = require('./utils/runtime.js'); | ||
4 | +var api = require("./api/api.js") | ||
5 | + | ||
6 | +//公共方法和变量 | ||
7 | +App({ | ||
8 | + globalData: { | ||
9 | + setting: t, | ||
10 | + wechatUser: null, | ||
11 | + userInfo: null, | ||
12 | + config: null, | ||
13 | + config2: null, | ||
14 | + code: null, | ||
15 | + heigth:0, | ||
16 | + user_id: 5682068,// 4379287,// null,// 5682068, | ||
17 | + buy_now:null, | ||
18 | + picklist:null, //门店列表 | ||
19 | + wuliuprice: null, //物流价格表 | ||
20 | + wuliu: null, //物流公司 | ||
21 | + baddr:null, | ||
22 | + mobile: null, //记录手机 | ||
23 | + getu:null, //记录会员信息 | ||
24 | + sessionKey: null,//记录会员信息 | ||
25 | + openid: null, //记录会员信息 | ||
26 | + | ||
27 | + to_group:null, //参团传递的数据 | ||
28 | + wxapp_buy_obj:null,//微信小程序购买的Object | ||
29 | + | ||
30 | + }, | ||
31 | + auth: o, | ||
32 | + request: a, | ||
33 | + onLaunch: function() { | ||
34 | + this.initExt(); | ||
35 | + var t = this.globalData.setting; | ||
36 | + t.resourceUrl = t.url + "/template/mobile/rainbow"; | ||
37 | + var clientWidth = wx.getSystemInfoSync().windowWidth; | ||
38 | + var rpxR = 750 / clientWidth; | ||
39 | + var calc = wx.getSystemInfoSync().windowHeight * rpxR; | ||
40 | + this.globalData.heigth=calc; | ||
41 | + | ||
42 | + var app=this; | ||
43 | + if(!app.globalData.userInfo){ | ||
44 | + var user = wx.getStorageSync("userinfo"); | ||
45 | + if (user && user.user_id){ | ||
46 | + app.globalData.userInfo=wx.getStorageSync("userinfo"); | ||
47 | + app.globalData.user_id= app.globalData.userInfo.user_id; | ||
48 | + } | ||
49 | + } | ||
50 | + | ||
51 | + }, | ||
52 | + | ||
53 | + //---初始化第三方---- | ||
54 | + initExt: function() { | ||
55 | + var tt=t; | ||
56 | + console.log("initExt"); | ||
57 | + console.log(11); | ||
58 | + var t = wx.getExtConfigSync(), o = this.globalData.setting; | ||
59 | + console.log(t); | ||
60 | + t.appName ? (o.appName = t.appName, o.stoid = t.stoid) : tt=1; | ||
61 | + }, | ||
62 | + | ||
63 | + //首页的第一次登录 | ||
64 | + getUserFir(t){ | ||
65 | + var s = this; | ||
66 | + if (o.isAuth()) "function" == typeof t && t(s.globalData.userInfo, s.globalData.wechatUser); else { | ||
67 | + if (!o.isAuth()) return o.wxLogin_fir(t); | ||
68 | + if (null == s.globalData.userInfo) { | ||
69 | + return o.wxLogin_fir(t); | ||
70 | + } | ||
71 | + } | ||
72 | + }, | ||
73 | + | ||
74 | + getUserInfo: function(t, n, i) { | ||
75 | + var s = this; | ||
76 | + if (o.isAuth()) "function" == typeof t && t(s.globalData.userInfo, s.globalData.wechatUser); else { | ||
77 | + if (!o.isAuth()) return o.auth(t); | ||
78 | + if (null == s.globalData.userInfo){ | ||
79 | + return o.auth(t); | ||
80 | + } | ||
81 | + /*--- | ||
82 | + a.get("/api/user/userInfo", { | ||
83 | + isShowLoading: void 0 === i || i, | ||
84 | + success: function(o) { | ||
85 | + s.globalData.userInfo = o.data.result, s.globalData.userInfo.head_pic = e.getFullUrl(s.globalData.userInfo.head_pic), | ||
86 | + "function" == typeof t && t(s.globalData.userInfo, s.globalData.wechatUser); | ||
87 | + } | ||
88 | + });--*/ | ||
89 | + } | ||
90 | + }, | ||
91 | + //----------------获取配置参数-------------------- | ||
92 | + getConfig: function(t, o) { | ||
93 | + var e = this; if(this.globalData.config==undefined) this.globalData.config=null; | ||
94 | + this.globalData.config ? "function" == typeof t && t(this.globalData.config) : e.request.get("/api/weshop/store/get/" + e.globalData.setting.stoid, { | ||
95 | + success: function(o) { | ||
96 | + console.log('getConfig'); | ||
97 | + if(o.data.code==0){ | ||
98 | + e.globalData.config = o.data.data, "function" == typeof t && t(e.globalData.config); | ||
99 | + } | ||
100 | + } | ||
101 | + }); | ||
102 | + }, | ||
103 | + | ||
104 | + //----------------获取配置参数-------------------- | ||
105 | + getConfig2: function (t, o) { | ||
106 | + var e = this; | ||
107 | + this.globalData.config2 && !o ? | ||
108 | + "function" == typeof t && t(this.globalData.config2) : a.get("/api/weshop/storeconfig/get/" + e.globalData.setting.stoid, { | ||
109 | + success: function (o) { | ||
110 | + console.log('getConfig2'); | ||
111 | + if (o.data.code == 0) { | ||
112 | + e.globalData.config = o.data.data, "function" == typeof t && t(e.globalData.config); | ||
113 | + } | ||
114 | + } | ||
115 | + }); | ||
116 | + }, | ||
117 | + | ||
118 | + //----------------获取商家开启的物流-------------------- | ||
119 | + getwuliu: function (t, o){ | ||
120 | + var th = this, st = this.globalData.setting; | ||
121 | + this.globalData.wuliu && !o ? | ||
122 | + "function" == typeof t && t(this.globalData.wuliu) : a.get("/api/weshop/storeshipping/list", { | ||
123 | + data: { store_id: st.stoid, status: 1, pageSize:600 }, | ||
124 | + success: function (o) { | ||
125 | + console.log('getwuliu'); | ||
126 | + console.log(o); | ||
127 | + if (o.data.code == 0) { | ||
128 | + var arr = o.data.data.pageData; | ||
129 | + console.log(arr); | ||
130 | + arr.forEach(function(item,index){ | ||
131 | + arr[index].code = item.shipping_code; arr[index].name = item.shipping_name; | ||
132 | + }) | ||
133 | + th.globalData.wuliu = arr, "function" == typeof t && t(arr); | ||
134 | + } | ||
135 | + } | ||
136 | + }); | ||
137 | + }, | ||
138 | + | ||
139 | + //----------------获取物流价格表-------------------- | ||
140 | + getwuliuprice: function (t, o) { | ||
141 | + var e = this,th=e, st = this.globalData.setting; | ||
142 | + this.globalData.wuliuprice && !o ? | ||
143 | + "function" == typeof t && t(this.globalData.wuliuprice) : a.get("/api/weshop/shippingarea/list",{ | ||
144 | + data: { store_id: st.stoid,pageSize: 600 }, | ||
145 | + success: function (o) { | ||
146 | + console.log('getwuliuprice'); | ||
147 | + console.log(o); | ||
148 | + if (o.data.code == 0) { | ||
149 | + var arr=o.data.data.pageData; | ||
150 | + console.log(arr); | ||
151 | + if (arr.length>0){ | ||
152 | + for (var i = 0; i < arr.length;i++){ | ||
153 | + arr[i].code = arr[i].shipping_code; | ||
154 | + if (arr[i].json_config != "" && arr[i].json_config != undefined && arr[i].json_config != null ) | ||
155 | + arr[i].config = JSON.parse(arr[i].json_config); | ||
156 | + } | ||
157 | + } | ||
158 | + th.globalData.wuliuprice = o.data.data, "function" == typeof t && t(e.globalData.wuliuprice); | ||
159 | + } | ||
160 | + } | ||
161 | + }); | ||
162 | + }, | ||
163 | + //----------------设置立即购买数组-------------------- | ||
164 | + set_b_now: function (d) { this.globalData.buy_now=d;}, | ||
165 | + get_b_now: function () {return this.globalData.buy_now}, | ||
166 | + | ||
167 | + getPrevPageData: function(t) { | ||
168 | + void 0 === t && (t = 1); | ||
169 | + var o = getCurrentPages(); | ||
170 | + return o[o.length - t - 1].data; | ||
171 | + }, | ||
172 | + showLoading: function(t, o) { | ||
173 | + void 0 === o && (o = 1500), wx.showToast({ | ||
174 | + title: "加载中", | ||
175 | + icon: "loading", | ||
176 | + duration: o, | ||
177 | + mask: !0, | ||
178 | + complete: function() { | ||
179 | + "function" == typeof t && setTimeout(t, o); | ||
180 | + } | ||
181 | + }); | ||
182 | + }, | ||
183 | + showSuccess: function(t, o, a) { | ||
184 | + void 0 === a && (a = 1e3), wx.showToast({ | ||
185 | + title: t, | ||
186 | + icon: "success", | ||
187 | + duration: a, | ||
188 | + mask: !0, | ||
189 | + complete: function() { | ||
190 | + "function" == typeof o && setTimeout(o, a); | ||
191 | + } | ||
192 | + }); | ||
193 | + }, | ||
194 | + showWarning: function(t, o, a, e) { | ||
195 | + //var imghost=this.globalData.setting.imghost; | ||
196 | + !a && (a = 1500), void 0 === e && (e = !0), wx.showToast({ | ||
197 | + title: t, | ||
198 | + mask: e, | ||
199 | + duration: a, | ||
200 | + image:"/images/gt.png", | ||
201 | + complete: function() { | ||
202 | + "function" == typeof o && setTimeout(o, a); | ||
203 | + } | ||
204 | + }); | ||
205 | + }, | ||
206 | + | ||
207 | + confirmBox: function(t, o) { | ||
208 | + wx.showModal({ | ||
209 | + title: t, | ||
210 | + showCancel: !1, | ||
211 | + complete: function() { | ||
212 | + "function" == typeof o && o(); | ||
213 | + } | ||
214 | + }); | ||
215 | + }, | ||
216 | + | ||
217 | + //----------获取所有的门店------------ | ||
218 | + get_allsto(func){ | ||
219 | + var th=this; | ||
220 | + if (this.globalData.picklist!=null){ | ||
221 | + "function" == typeof func && func(th.globalData.picklist); | ||
222 | + }else{ | ||
223 | + th.request.get("/api/weshop/pickup/page", { | ||
224 | + data: { store_id: th.globalData.setting.stoid, pageSize: 600 }, | ||
225 | + success: function (da) { | ||
226 | + //设置门店 | ||
227 | + //th.setData({ allsto: da.data.data.pageData }); | ||
228 | + th.globalData.picklist = da.data.data.pageData; | ||
229 | + "function" == typeof func && func(th.globalData.picklist); | ||
230 | + } | ||
231 | + }) | ||
232 | + } | ||
233 | + }, | ||
234 | + | ||
235 | + //同步化,在调用的时候要await | ||
236 | + async get_isbuy() { | ||
237 | + | ||
238 | + var th=this; | ||
239 | + await api.check_isbuy({ store_id: t.stoid, type: 5 }).then(res=>{ | ||
240 | + var o=res; | ||
241 | + if (o.data.code == 0) { | ||
242 | + var ob = { isout: 0, isbuy: 1 }; | ||
243 | + var arr = o.data.data.pageData; | ||
244 | + var isbuy = 0; | ||
245 | + //----如果数组不为空---- | ||
246 | + if (arr.length > 0) { | ||
247 | + arr.forEach(function (val, ind) { | ||
248 | + if (val.is_sy == 0 && val.type == 5) { | ||
249 | + isbuy = 1; | ||
250 | + var now = ut.gettimestamp(); | ||
251 | + if (now > val.end_time) ob.isout = 1; | ||
252 | + return false; | ||
253 | + } | ||
254 | + }) | ||
255 | + } | ||
256 | + ob.isbuy = isbuy; | ||
257 | + th.globalData.wxapp_buy_obj=ob; | ||
258 | + } | ||
259 | + }) | ||
260 | + }, | ||
261 | + | ||
262 | + //--同步化,在调用的时候要await,获取商家config-- | ||
263 | + async getConfig_ays(){ | ||
264 | + if(this.globalData.config!=null) return false; | ||
265 | + var th=this; | ||
266 | + await api.get_config(this.globalData.setting.stoid).then(res=>{ | ||
267 | + var o=res; | ||
268 | + if(o.data.code==0){ | ||
269 | + th.globalData.config = o.data.data; | ||
270 | + } | ||
271 | + }) | ||
272 | + }, | ||
273 | + | ||
274 | + //----智能跳转,判断 非tabBar,tabBar页面的跳转---- | ||
275 | + goto:function (url) { | ||
276 | + var arr_tabbar=["/pages/index/index/index","/pages/goods/categoryList/categoryList", | ||
277 | + "/pages/cart/cart/cart","/pages/user/index/index"]; | ||
278 | + if(arr_tabbar.indexOf(url)!=-1){ | ||
279 | + wx.switchTab({ url: url, }) //跳到tabbar页 | ||
280 | + }else{ | ||
281 | + wx.navigateTo({ url: url, }) //跳到非tabbar页 | ||
282 | + } | ||
283 | + }, | ||
284 | + | ||
285 | + //显示提示,word提示内容,type 0失败,提示 1成功 | ||
286 | + my_warnning(word,type,that){ | ||
287 | + var warn = that.selectComponent("#warn"); //组件的id | ||
288 | + warn.open(word,type); | ||
289 | + return 1; | ||
290 | + } | ||
291 | + | ||
292 | +}); |
app.json
0 → 100644
1 | +{ | ||
2 | + "pages": [ | ||
3 | + "pages/index/index/index", | ||
4 | + "pages/goods/categoryList/categoryList", | ||
5 | + "pages/cart/cart/cart", | ||
6 | + "pages/cart/cart2/cart2", | ||
7 | + "pages/cart/cart4/cart4", | ||
8 | + "pages/goods/goodsInfo/goodsInfo", | ||
9 | + "pages/goods/goodsList/goodsList", | ||
10 | + "pages/goods/search/search", | ||
11 | + "pages/order/refund_order/refund_order", | ||
12 | + "pages/payment/payment/payment", | ||
13 | + "pages/user/index/index", | ||
14 | + "pages/user/order_list/order_list", | ||
15 | + "pages/user/order_detail/order_detail", | ||
16 | + "pages/user/visit_log/visit_log", | ||
17 | + "pages/user/address_list/address_list", | ||
18 | + "pages/user/userinfo/userinfo", | ||
19 | + "pages/user/account/account", | ||
20 | + "pages/user/comment/comment", | ||
21 | + "pages/user/return_goods_list/return_goods_list", | ||
22 | + "pages/user/userinfo_edit/userinfo_edit", | ||
23 | + "pages/user/collect_list/collect_list", | ||
24 | + "pages/user/coupon/coupon", | ||
25 | + "pages/user/checkcoupon/checkcoupon", | ||
26 | + "pages/user/add_address/add_address", | ||
27 | + "pages/user/account_list/account_list", | ||
28 | + "pages/user/points_list/points_list", | ||
29 | + "pages/user/recharge_list/recharge_list", | ||
30 | + "pages/user/withdrawals_list/withdrawals_list", | ||
31 | + "pages/user/add_comment/add_comment", | ||
32 | + "pages/user/return_goods_info/return_goods_info", | ||
33 | + "pages/user/return_goods/return_goods", | ||
34 | + "pages/user/withdrawals/withdrawals", | ||
35 | + "pages/user/recharge/recharge", | ||
36 | + "pages/user/message_notice/message_notice", | ||
37 | + "pages/user/express/express", | ||
38 | + "pages/user/binding_info/binding_info", | ||
39 | + "pages/user/get_user_info/get_user_info", | ||
40 | + "pages/activity/seckill_list/seckill_list", | ||
41 | + "pages/activity/pind_list/pind_list", | ||
42 | + "pages/togoin/togoin", | ||
43 | + "pages/getphone/getphone", | ||
44 | + "pages/team/team_success/team_success", | ||
45 | + "pages/team/team_show/team_show", | ||
46 | + "pages/team/team_ping/team_ping", | ||
47 | + "pages/cart/cart2_pt/cart2_pt", | ||
48 | + "pages/cart/cart_wk/cart_wk", | ||
49 | + | ||
50 | + "pages/user/member/menber", | ||
51 | + "pages/user/member/bring/bring", | ||
52 | + "pages/user/member/bring/msg/msg", | ||
53 | + "pages/user/member/account/account", | ||
54 | + "pages/user/member/account_unable/account_unable", | ||
55 | + "pages/user/member/cash_record/cash_record", | ||
56 | + "pages/user/deposit/deposit", | ||
57 | + "pages/user/deposit/prepaid/prepaid", | ||
58 | + "pages/user/deposit/prepaid/msg/msg", | ||
59 | + "pages/user/coupons/coupons", | ||
60 | + "pages/user/coupons/qr_code/qr_code", | ||
61 | + "pages/user/coupons/query/index", | ||
62 | + "pages/user/coupons/exchange/exchange", | ||
63 | + "pages/user/integral/integral", | ||
64 | + "pages/user/integral/query/index", | ||
65 | + "pages/user/integral/msg/msg", | ||
66 | + | ||
67 | + "pages/user/userqy/userqy", | ||
68 | + "pages/user/user_spsy/user_spsy", | ||
69 | + "pages/user/user_fw/user_fw", | ||
70 | + "pages/user/user_coupon/user_coupon", | ||
71 | + "pages/user/grow_value/grow_value" | ||
72 | + | ||
73 | + ], | ||
74 | + "window": { | ||
75 | + "backgroundTextStyle": "light", | ||
76 | + "navigationBarTextStyle": "black", | ||
77 | + "navigationBarTitleText": "加载中...", | ||
78 | + "navigationBarBackgroundColor": "#ffffff", | ||
79 | + "backgroundColor": "#eeeeee", | ||
80 | + "enablePullDownRefresh": true | ||
81 | + }, | ||
82 | + "tabBar": { | ||
83 | + "color": "#6e6d6b", | ||
84 | + "selectedColor": "#f23030", | ||
85 | + "borderStyle": "white", | ||
86 | + "backgroundColor": "#ffffff", | ||
87 | + "list": [ | ||
88 | + { | ||
89 | + "pagePath": "pages/index/index/index", | ||
90 | + "text": "首页", | ||
91 | + "iconPath": "images/bar/index.png", | ||
92 | + "selectedIconPath": "images/bar/index_on.png" | ||
93 | + }, | ||
94 | + { | ||
95 | + "pagePath": "pages/goods/categoryList/categoryList", | ||
96 | + "text": "分类", | ||
97 | + "iconPath": "images/bar/fl.png", | ||
98 | + "selectedIconPath": "images/bar/fl_on.png" | ||
99 | + }, | ||
100 | + { | ||
101 | + "pagePath": "pages/cart/cart/cart", | ||
102 | + "text": "购物车", | ||
103 | + "iconPath": "images/bar/car.png", | ||
104 | + "selectedIconPath": "images/bar/car_on.png" | ||
105 | + }, | ||
106 | + { | ||
107 | + "pagePath": "pages/user/index/index", | ||
108 | + "text": "我的", | ||
109 | + "iconPath": "images/bar/user.png", | ||
110 | + "selectedIconPath": "images/bar/user_on.png" | ||
111 | + } | ||
112 | + ] | ||
113 | + }, | ||
114 | + "debug": false, | ||
115 | + "sitemapLocation": "sitemap.json" | ||
116 | +} | ||
0 | \ No newline at end of file | 117 | \ No newline at end of file |
app.wxss
0 → 100644
1 | + | ||
2 | +.flex { | ||
3 | + display: flex; | ||
4 | +} | ||
5 | +.flex_auto { | ||
6 | + flex: 1; | ||
7 | +} | ||
8 | +.container { | ||
9 | + /*font-family: "iconfont" !important; */ | ||
10 | + display: flex; flex-direction: column; | ||
11 | + justify-content: space-between; | ||
12 | + box-sizing: border-box; | ||
13 | +} | ||
14 | +page { | ||
15 | + /*background-color: #f2f2f2;*/ | ||
16 | +} | ||
17 | +button { | ||
18 | + border-radius: 0; padding-left: 0; | ||
19 | + padding-right: 0; background-color: transparent; | ||
20 | + font-size: 28rpx; | ||
21 | +} | ||
22 | +.wh100 { | ||
23 | + width: 100%; | ||
24 | + height: 100%; | ||
25 | +} | ||
26 | +.ellipsis-1 { | ||
27 | + overflow: hidden; | ||
28 | + white-space: nowrap; | ||
29 | + text-overflow: ellipsis; | ||
30 | +} | ||
31 | +.ellipsis-2 { | ||
32 | + overflow: hidden; | ||
33 | + text-overflow: ellipsis; | ||
34 | + display: -webkit-box; | ||
35 | + -webkit-box-orient: vertical; | ||
36 | + -webkit-line-clamp: 2; | ||
37 | +} | ||
38 | +.ellipsis-3 { | ||
39 | + overflow: hidden; | ||
40 | + text-overflow: ellipsis; | ||
41 | + display: -webkit-box; | ||
42 | + -webkit-box-orient: vertical; | ||
43 | + -webkit-line-clamp: 3; | ||
44 | +} | ||
45 | +.pd-bg-fff { | ||
46 | + padding: 0 30rpx; | ||
47 | + background-color: #fff; | ||
48 | + font-size: 32rpx; | ||
49 | +} | ||
50 | +.co-red { | ||
51 | + color: #f23030; | ||
52 | +} | ||
53 | +.hide { | ||
54 | + display: none; | ||
55 | +} | ||
56 | +.t-c { | ||
57 | + text-align: center; | ||
58 | +} | ||
59 | +.cover-layer { | ||
60 | + position: fixed; | ||
61 | + left: 0; | ||
62 | + top: 0; | ||
63 | + right: 0; | ||
64 | + bottom: 0; | ||
65 | + z-index: 11; | ||
66 | + background: rgba(0,0,0,0.4); | ||
67 | + width: 100%; | ||
68 | + height: 100%; | ||
69 | +} | ||
70 | +.modal-close { | ||
71 | + position: absolute; | ||
72 | + right: 25rpx; | ||
73 | + top: 25rpx; | ||
74 | +} | ||
75 | +.no-data { | ||
76 | + width: 100%; | ||
77 | + text-align: center; | ||
78 | +} | ||
79 | +.no-data .no-data-title { | ||
80 | + color: #9b9b9b; | ||
81 | + margin-bottom: 30rpx; | ||
82 | + font-size: 35rpx; | ||
83 | +} | ||
84 | +.no-data .cart-image { | ||
85 | + width: 140px; | ||
86 | + height: 140px; | ||
87 | + margin-top: 100rpx; | ||
88 | +} | ||
89 | +.no-data .lookat { | ||
90 | + padding: 16rpx 40rpx; | ||
91 | + background-color: white; | ||
92 | + display: inline; | ||
93 | + margin: 0 auto; | ||
94 | +} | ||
95 | +.big{font-size:32rpx;} | ||
96 | +.one-level-word{ | ||
97 | + font-size: 60rpx; | ||
98 | +} | ||
99 | +.two-level-word{ | ||
100 | + font-size:40rpx; | ||
101 | +} | ||
102 | +.three-level-word{ | ||
103 | + font-size:28rpx; | ||
104 | +} | ||
105 | +.four-level-word{ | ||
106 | + font-size:24rpx; | ||
107 | +} | ||
108 | +.five-level-word{ | ||
109 | + font-size:20rpx; | ||
110 | +} | ||
111 | +/* 圆 */ | ||
112 | +.circle{ | ||
113 | + border-radius: 50%; | ||
114 | + -moz-border-radius: 50%; | ||
115 | + -webkit-border-radius: 50%; | ||
116 | +} | ||
117 | +/* 水平垂直 */ | ||
118 | +.flex-center{ | ||
119 | +display:flex; | ||
120 | +justify-content:center; | ||
121 | +align-items:center; | ||
122 | +} | ||
123 | +/* 水平居中 */ | ||
124 | +.flex-level{ | ||
125 | + display:flex; | ||
126 | +justify-content:center; | ||
127 | +} | ||
128 | +/* 垂直居中 */ | ||
129 | +.flex-vertical{ | ||
130 | + display:flex; | ||
131 | +align-items:center; | ||
132 | +} | ||
133 | +/* 水平左垂直对齐 */ | ||
134 | +.flex-left-center{ | ||
135 | + display:flex; | ||
136 | +justify-content:flex-start; | ||
137 | +align-items:center; | ||
138 | +} | ||
139 | +/* 水平左对齐 */ | ||
140 | +.flex-level-left{ | ||
141 | + display:flex; | ||
142 | +justify-content:flex-start; | ||
143 | +} | ||
144 | +/* 水平右对齐 */ | ||
145 | +.flex-level-right{ | ||
146 | + display:flex; | ||
147 | +justify-content:flex-end; | ||
148 | +} | ||
149 | + | ||
150 | +/* 水平右对垂直对齐 */ | ||
151 | +.flex-right-vertical{ | ||
152 | + display:flex; | ||
153 | +justify-content:flex-end; | ||
154 | +align-items:center; | ||
155 | +} | ||
156 | +/* 水平两端等距离*/ | ||
157 | +.flex-equality{ | ||
158 | + display:flex; | ||
159 | +justify-content:space-around; | ||
160 | +} | ||
161 | +/* 相对定位 */ | ||
162 | +.rel{ | ||
163 | + position: relative; | ||
164 | + | ||
165 | +} | ||
166 | +/* 相对定位 */ | ||
167 | +.abs{ | ||
168 | + position: absolute; | ||
169 | +} | ||
170 | +/* 隐藏溢出 */ | ||
171 | +.hidden{ | ||
172 | +overflow: hidden; | ||
173 | +} | ||
174 | +/*内容溢出滑动 */ | ||
175 | +.slide{ | ||
176 | +overflow:auto; | ||
177 | +} | ||
178 | +/* 处于底部 */ | ||
179 | +.fixed{ | ||
180 | +position:fixed; | ||
181 | + bottom:0; | ||
182 | +} | ||
183 | +/* 中间等距两边贴边 */ | ||
184 | +.flex-space-between{ | ||
185 | + display: flex; | ||
186 | + justify-content:space-between; | ||
187 | +} | ||
188 | + | ||
189 | + | ||
190 | +/* 垂直居中 中间等距两边贴边 7.13*/ | ||
191 | +.flex-vertical-between{ | ||
192 | + display:flex; | ||
193 | +align-items:center; | ||
194 | +justify-content:space-between; | ||
195 | +} | ||
196 | +/* 垂直居中 各项周围留有空白 */ | ||
197 | +.flex-center-around{ | ||
198 | + display:flex; | ||
199 | +align-items:center; | ||
200 | +justify-content:space-around; | ||
201 | +} | ||
202 | +/* 右向箭头 */ | ||
203 | +.bg_right{ | ||
204 | + border-top: 2rpx solid ; | ||
205 | + border-right: 2rpx solid ; | ||
206 | + transform: rotate(45deg); | ||
207 | + display:inline-block; | ||
208 | + width:18rpx;height:18rpx;border-color:#da0b31;margin-top:6rpx; | ||
209 | + | ||
210 | +} | ||
211 | +/*********************** 7.15 */ | ||
212 | +/* 左向箭头 */ | ||
213 | +.bg_left{ | ||
214 | + border-top: 2rpx solid ; | ||
215 | + border-right: 2rpx solid ; | ||
216 | + transform: rotate(225deg); | ||
217 | + display:inline-block; | ||
218 | + | ||
219 | +} | ||
220 | + | ||
221 | +/* 文字中间加线条 */ | ||
222 | +.word-line{ | ||
223 | + text-decoration:line-through; | ||
224 | +} | ||
225 | + | ||
226 | +.t-r{ | ||
227 | + text-align: right; | ||
228 | +} | ||
229 | +.t-l{ | ||
230 | + text-align: right; | ||
231 | +} | ||
232 | +.white{ | ||
233 | + color: #fff; | ||
234 | +} | ||
235 | +.img_gray{ | ||
236 | + -webkit-filter: grayscale(1);/* Webkit */ | ||
237 | + filter:gray;/* IE6-9 */ | ||
238 | + filter: grayscale(1);/* W3C */ | ||
239 | +} | ||
240 | +.ib{ | ||
241 | + display:inline-block; | ||
242 | +} | ||
243 | + | ||
244 | +@font-face { | ||
245 | + font-family: '思源黑体'; | ||
246 | + src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAyEABAAAAAAGSAAAAwoAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GVgCCSggEEQgKniiXCAtwAAE2AiQDdgQgBYVNB4QwFyQYdhv0EyNSs7oj+6sE7pD8K97BB076ZgsFAjQ8WpcHaLuZ+OiuO+X4eiaRKxjl9+UsfzVo5Cr1IqMs0zIcN2E7exs4BonVchjfndUBAAf/h6dt/lO4FavGbNrgRELFGhUW6RF2YUQi2rhIFxXOv5Zf7X6HQTe/Jf4ga9v9ooDSiDMILJLE8ihqt/fTeIBZRgFTUzdBfs7GGBdTwpFm0FqqHyYMDh+MjpKJMQsX2N3fAN+FCHWEibDsw20dsMu5r3DE2tezsxWmqod51QkXLhkUKZb3A9MBUB/8LaPDg+fT8qV/gpeKCDl6mQrExCxQJvUwAOlf8AYsoFrVMwDa/U9L32AqKUBBa5zCu+CBthxaeQDIh/7QQ/JY1QylsSYYoPVaD8g5Vihi8QZj4gOY8Sqn/sjfhoDf/B2+UO4GBUgwM3aDYt85hJM5VJ0L2ZT/T7lmO05lrAXM/uighyPUkwSUWmih7NxJK7ZeWZFbqsNV4rlSsIwJw86FQs9CGHG/KHIu6N9NRMJe4sKxYa9OA3t35t6FrtKzm3Rv6TlGOnUPuAs7nNGdw65iZ5ehvbq7wb17s1hnErHcOYliPi5HD7kk68VXxGKlzaMew+NrU65KW5MaGbNZn35+yq0ZNZrSVlyQ8br0Ek9USYGKhnMizpIJzjpEyl4Rc7XSs4Q0Fp7daTwxObGinBbDem2S2OxosBGcrm/jkvm+lay4BrPlsBw4yIdiJEzjoDKn4qfK1c3+NckzGyWOy1xN2EMV9x0sSkYtqkO56vPrZg90+BN1P5qm9tSByUpzR8M8d+gTjSqSbG1UiPgY2MfZkOd25SorttJRXFZVlM0L192YLH621X2T5LG33ntoke4K9XvffXJk0XtnI+qMyJwRBTI1R2ZDDCi4a3dMKlf6qXJ/c3BNjsguqfiiNEs1v/da31eupzbs4GqWcDqkLLWqFF+cKC9PLkm5wslVWT++J46dLuq71I+VJm1TQsf7mnHEYX+jWcpIfTzp6TG1KU64Z1nqtKNEaWr8WB7CLYK4Wh+YBhVX398yTKCiYqJY6ek7Yb7fmJAEnOwrl7qJrs1cW5/I+6asF+naIbuwCW9dBghYsWYqzRBx6ubTWxFZq4+4GFlV8SGMKVv3jqdED1OXn2NjCLLMeYqgplGpM7gXinWj8l62qM46Ime+ar2LGne33Yn6YcynVzH5Tala2yylkrczcljiCldjHCcx9Uq53tyxZMVKUQZHbaaXzwXzGdGuwijkHao/54MNVX5zL5GsVd/b0qDQ+OGkCKtmtblWWTLZDNZJMO5kxyFmaKbUisM/7KhGi3usCmZch92KKslLvVK7kJYMA540rkM6tstuUNGjJUWvgpVsUNxhas8jVZqSkCSkJC8SA3ovka0DL6QwcGMHZli2fdhD0nUvdouzXqxr83K3YtplOAUmcfDlHpW7xtDh9XYOBxwYal5r/tLlnvxe0I/KnxMuf4UI1+Uot2WbWwC5NenbMLRG+hn4+7OvpUmSUlHuDgkwicmxOd1pltvm0cosOjvOEFE8V3KmpSQmmVvObl0AxI+SDbqB8VtPDh+6szjTKJcGx8dkt8wc95haaCxLkYIV243rN64dOnLj1tUWUu2c9YDX3Iy1FrjZ3qEMreFReKRZCpideP6DuwUUgRwQPmInCSfm7j+RP3m8v1UhD+bFFXQeOtY/YD3RFYJg7737kIQGTRtMu00Lt4UbbxvBKvJS3hLlPcoxmGRwxwO1vjCzPTb7A1iuN+9fRwPKBvehh3pjN2wm3Y/eOXnk0K+AZgufbyGDO22CM7P+RgT9xC+j8WCXwEZd9F49A0XPnrXiz1kjZyGomrMIbDaa4hdNP7RqX/GJMBs9ld8dGupgnwEUu5wj1xYtY9cXjxy+/ij4cpuyQwPjCzW1loWBfstRe8s+gLG9HjarsjIsmT3TZH1fbSXnWGVkUycgL2Uu9LCMXXLX+A7M0UczsmVjZlp2eBpf2o6hZlsJhIma8VODLbyY/YOWU8CH/Uns+Tiq7cfdt6R5aWmY36UBB76ycApZBQC/dEHWn11xLC8n8d96SoyiIIEOcyP2YauCMGFlbz0lbbqsLqU8RBpfKNRHhjoew+etVAaKHFPl4OX8ZnIqefM8eL0cflmEKxEx1Y4wVeUoZAbCi3YZPt9QVahFTIUN4MXOZbpl9jDVSoBwoZYvzLO07cvg6xvL9HSr9/g2HtqrE6uss8IN1keBs51QXeDDTCt8ZTl6+IstDKwW7ZT12+AX4OXfpW9VkS1LFffR1AuNS8wVzb/F7M7lk2TOTfSjwBh2W/DK8/9HGDUfUFildHR0XqZVTEv/D/IEX3q8V3uBvNr9/boVMuDGxMspr7baTY1qNdGj41U4hh7JUwgJaA4qLzGDk54QFkfm4WFNZvLslU1jcQC/sL3ebMlXJzLRCA4Lf26vyxWklVX03fWUMVNTSuuNGkUZIs8SA6jFfn6wKpfP/SI+UqKvNSE6U5VBxY+7lygqqQFzLDmvIL91oK7aYs4LFjttQanewFj8KlbnXV1OVbJSKSZJmSlJlfXgh0LlvDmnoLE+f5f7Uzt1bekzHiUxObyscv8QPG1R6JFEYWU6IEauxtzFHp6h/0T46bP42WTABDpch+QgAvDbAWccaxQywiHMQPRvImF5hgz3j02Yf+YJiw1yeK2rV2xphz45lBE/nmGqauCfNdVI+fQImYDOkAki6D4tBAOsRaq4ZF+mW3QD8Q+BP+iJhT+yK8lQZiYpdHoJzJnpJskD6rrB3s8gAn3H5l78d7v3fIf/bs9u0PVTAjPMoMou5ES5c55GiVl87kbfo3WO/4I+C0tloHDUqIfP3zKZT/a0tPYAzJekf6pK83DLGLEzceYkC6T2IkAClFahrfHJKMhQn12UwBwhixcjQpTdqGWmTaJmNwC27cSvFthnK4wXFiXhHFEUN44sC+jrBgZZmR4y1U4PktMGa02FaZdLqh+WmMjNmB6C1d+gCKuYqDyuqqSyx9QwNpabrGQA5tet5CRmUmpxnVFP/uURMZj+xu4BSq8WZOa39jZWTYzlKJLoaA0Odes3Y0a5QqkUkcVMRVJFPZD3JKJrUX5MU8I+GmTfndihnY0FgP1LakIHRxjq58ULTt/zlKClZfL1Ibnuma85YQgvmuTDOOZX6qhmw4wSqX4AjD3YOxkwhV51JcG8i7DLSUDnCaPYe1b4zsJ0eTYYlWuR/POLEpgriuLEkpMI0ibqTgJaDp5/viOiNWbYx3AAcmI7CVtj4E92gC5nd0TkCNIdFBIIK8LmCph5glOuGWi9s1KfKQg7sSMhg9HujOggV729IQLkS72u/sdU1x97OA7JQ3iKOvo11DtbWBkdHHIkFMJ5rusA62nshXaPR0tyR21I04a/Heh97FBC7rvQqLchv5YNg3+G9N4yEC659NwaJ4DT7RbswOTwk6vR+JO4sAr6IgpH2ZMiJ8oJkYq6VfTv1mVnEYD9yR+DuCXKTeG/rqGjvnrHdZbr/1o/j0IyOoLQCkCYpDuuVQVJzdrvXbJMJ+AaRo8KPOsBf/eBlYZ5erwuICJFC7vZjCS2vQ5fueO1K7y9Xnk/oQIF+NKPRvTrSfY1C8DOuuMHC/FVZSL8J8KfEv2Pt/42IWs2QHFDnTSAJYKcGiOXwSAZosQepYvLoy2IeIwhfR5LeqM3MGSUUDytgmOJAR5liNOjnWPIYyxpo8fq1S+CsgdLIZKjSD4tRCy1bCL3zgUicQXaGekZFKJMyJTbq6aB5AaMtMCHCS2x6mzRpb0gkhv4JxoV+O+jE9QghUYtkF+nee8qObIZ88/Op4dwoXHS2tuMGmy0YGqyTgSbhX1KQv4aReArytcjLppLmunEaHWfliywz9W+eTKT8xOIfAWMi1PvQi2IJt+h/PmKyyFUKqd8862I3tbZCIhKkSZDlgJqoZAKxCQUkaNO1Jm6oBhOkBTNsBwviBKpTK5QqtQarU5vMJrMFqvN7nC63HtPGaODk/ShoGFg4eAREJEAFFQ0dPfQ6BsAAAAAAACoLhKgoGFg4eAREJEAFFQ0dPeIrhIKGgYWDh4BcW4i0276/0dv2eG5zuNGQKQ0HE3FBzHbD2xs1NUA9g4qrGZ9/2XlUJn/FYvByLE5/qvM4VJIyovZgwgA) format('woff2'), | ||
247 | + url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABG4ABAAAAAAGSQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAROAAAABoAAAAciFVS40dERUYAABEcAAAAHAAAAB4AJwA9T1MvMgAAAeAAAABFAAAAVlTqX05jbWFwAAACnAAAAEkAAAFK/5AC8mN2dCAAAALoAAAABAAAAAQAIQJ5Z2FzcAAAERQAAAAIAAAACP//AANnbHlmAAADXAAAC8YAAA8sJSI70mhlYWQAAAFsAAAAMQAAADYV5G7paGhlYQAAAaAAAAAeAAAAJAdCAvBobXR4AAACKAAAAHQAAAB2IGYVs2xvY2EAAALsAAAAcAAAAHBhyGU2bWF4cAAAAcAAAAAfAAAAIAB8AHJuYW1lAAAPJAAAARMAAALN3HocAHBvc3QAABA4AAAA2QAAAjCvKG2+dmhlYQAAEVQAAAAiAAAAJARSEfh2bXR4AAAReAAAAD4AAAB2FfsVTHjaY2BkYGAA4gupsbPi+W2+MtgzvwCKMNyMmPoWTiv+Z2bez6wO5HIwMIFEAW2dDHcAAAB42mNgZGBgVv/PzBDF/IIBCJj3MzAyoAIWAFKLAzoAAHjaY2BkYGAwZ3BkYGYAASYgZmQAiTkw6IEEAA+KAO8AeNpjYGR+wXCCgZWBgamLaQ8DA0MPhGZ8wGDIyAQUZWBmZkAHAiAiIM01hYHhv+L/KGaF/xYMUSyKjJpAYUaQHAAhqgvjAAAAeNoNibsJwlAAAO8UghKtJAMoghtolRHSx8INHMgRdAMby/RpkoCQ1OKnsLIIou/gmjv3zAmYwfDGkZ6Suws3nGmM1IEpJ64cjINTOgoaLqyoqGmNHRvR8nbJx8SEp2sn7JyFO6IzV76hvNjy40H/BxLFHDR42mNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZj+W/2P+v+fgeG/4n9HIP2I4Q5UPRAwsjHAOYxMQIKJARUwMgx7AACiEAt8AAAAACECeQAAACoAKgAqAEwAfgCgAL4A1gDsARQBLAFCAVoBdgGGAbQB1AH6AhoCTgJyAq4CwALkAwIDNgNgA34DlAPGA/QEFgREBG4EkAToBQgFJgVQBWoFhAWwBdAF8AYcBkoGZgaYBrwG3Ab4By4HWAeAB5Z42l1XCVRTZxZ+970ssgkhhChLQhIgCAgkLyFKAmETcGOVssoqIBVFUCuOoqhoxa0dpdqy6Ii41Q5WTlvtmdZqa8cz1lLtZofWOqfbKGpnbO1x5ig/c/+XgHY4Jzk5j/9+97v3fvfe/zEso2EYCGe7GI6RMlGngYm2DUpFzD3jaYn4G9sgx+JP5jRHH4vp40GpBB7bBoE+52UamZ6X6TTgcuvSJbZrtFbDFjIMyxxnGM7ADiOiJ8No9BqpDngX0OhD9TqJlL1fQd6sSABtKuhICESaS0QiacGDB+zwaCjotv/sKv8RzZlH+KVHjMmMkgliGF7GG30VPlKFChQ+Eh3HG2PNptAIkI3/eHR32/Nrc4tf7PnwlXXL6p/rf3Nby9qO0+zwM6Vrg8XupRmNNdCdmDbbPtqRUZKZzuAfMFfHHnBR7E+MD8OESHTaULMpljcqpaE6rcTLlzdauKj6zt6Lf+3bUhQ8d9m2w4e2rFlYUjd08tVPCvQZr5NvBgsw1hHkOR15TmK8JlhKdHqk5YWsRi6cf//9cx0b+48eObKRHT7/6msXTScg9LDgH7Q0ULR1wyzJNIrxD2jhGnkWsshpOMwOm8l/zORjMz1vwfOT8LzL0+fBgqeXQA45Rc/eMpPjQmxnx37lVBjbVGdsXhOhKXwwtliLWWfWcKqSA/1/GzrWUR6cvWLXyaO7LbWBl0GUljcEhR8X6eec2tt5OmDK1zziXUff3g6uGCVWHguP39etcNFmIzZ2mHwA8VjBerJfiE2CQvjOGZsZz5o1Cp2MV4Dk6lX45upVE9tkNo++YBLOwtgD9gSedUeumDyt3oIMzTKePbG4YcfsKFtdV/zlylWN6qJjrCs9zyKXNMd5yoOn6tKBVAGsVQT7M8gvYJpFbv8ZOS2DPeRfxAJ/Ovkb2sWjHaCd2GGHmY63wTYUXrHAgzmB/7fj//2EGOW+Sj4BLHIaqMmik3I6Tq/zVchO5LwVqRR5RLi8lRM3SZx2JuZsqliCvkqfjVU1+EI/JmFIf7ifFMPR/pJGYnRobRixvRBbJmCDkg810xSCADkcD+XVYulMO+mrFlEst87q5+B1RPqtc3camYs6exm1mo31dGUUCOfjlGuQr1ioJrZAkITLPt/TfeECxF4Y3XqgbWNvLyG90PjaJ5+8dvLKlZOdg4OdewcGsCyANeF8kIsr4y1kQtBsBEwFRKK9BG7X93f3vnhoz8bW1q272OHKpUuWkitQlzmQyjAClxyuCLkoaGeKlZSLPgqE7qFIUmQU4uSEYuPmu4cn17+g3TVwobvrwsBO6xEDGWo7QNn1NhhlRXPdr/RRgoeuuDcefOMl5Lj3pTeoH/BAnmFCnbFDNTpOh5Xgg6gHDkkjvo4LS/v+bNx9mNJc85/jt1atgNnkDDv8wTM17lBAPu+ZnyLk/lvsBQ/kGzahLxU4khYNUdxTXa/wUbFqUAHn0bl2oDk0pj29bGXW/PUa0wz1jqW7K4ILVuYu9jeFqVsXlL1d0Lg8PCp2nt1qD4h29wu3heTXFYXNTZ0RGK3xdotSFaHfD5G/VpiDtF/NQrd+Qf7NLsTPUZNptJj2FXKjtaBV5WU+k1mdNoql0nDUlf3KFrOgyhpXmRdlXV9d04baSM1rSVapklvy4B2S0b5qVbsQ47voKwJxMGca4OUqcIoX4HNy297rZvURy2d6dseTO1SqAUeNMb16qlVqq0fb99A2ALXJCbqPRUsBg/5A4QuTm7v9vn1JmI9IH7DZusUjykXsErXUem7Wy94BIrXXPoQtPpC9uwKOkuLIfpXuIziK+v1n0qJlFjLV0QNfOHXni37kHK+kjuzAc3Idygc9eMIXj++mdIQFioIDtibdIWm73c0eosCo3bAGKq/ZplnDr5Fe0jEsz5RHZgw7ML9ETJmwJzDHwCsF0ggKMvhyjEncKErxEaUpN8aPMRACb96UrAlqnn6TzCVfo+0NJx+cp7wZaIFAo7gBN0g6KyVaGAlmN5l0o60moWdwRv2d1SJ3NarIFGtBvUj1CUAlL9MheWwCC62ZxTwZG+jd6+wr1dV+4esT62oNYq55yfwlcdnWqqXnerYWLZQfSgtXxTSXkYHM4nlzTIbSw15zqA8X7HE3zh83ib+zx/U6KZ2aUtpZ4Gx09Mu5dTdXFouk0VauadGadWRm4cLSNeU1hcvAZ3Nvcizn/2Nd7l4ynNxeX/WHfMeukSD//7Ia2knB/7cLLLSDQXKsdXmOem5+3aa2xRU5gcWr2zqA3ZelT22rqV0/J2wB9v2NsV/Zm8hPRpXyZGP6KvV0wutDBDAZxWWPFK1o3t7bFJtvFFljpKR5eUl5RUFpcWtK9kub1nertZVfPf4x5VLt+nzgk9vpTLmPsTPIz5tuLLlzlEg1KnDQC7VoaOSS+8caV2zliIHd9Gm2b+madcdt0LO4KLcVXNd1tzcrfarWxIbH7+8rq12CMQdjfYM5PY0ZaLiBwCvoDNGZLQJxLlhmTdv/yy8zDh6srcnhpJH+fXYDCYAfIsW22uU0bxzzcIzjlFh3PWNkEhlGiZU3Y9jCF00jIgobX6vHZFrBsf61od7OUuFDbnxCRwAeehgTbklOXFsQHTTclbi60GrgW3bWlR7Y0LrlTFtBoT2xcFp9dc365FntxqDcGnWKn9jPaokSWfJyGzyiTVm59X7a0IyZiXMacqAtx56Qm5tgJ6sNtizTNJ1LJK0zzhGhRo7J7lCOgm4w5CKVgcLKNjQUl1tf4Itmcv7/aKmoqyMnYX7fdJ40CTOX2ldxgDvS0zm1ZKxQZxoZ60cegV0Wo1bHqOEHw+gddo96ylS1euoUYS/cHROz1WjrSWsIaDmxzGPNstgJFPCGpMqV82cp4lMXpIRTsCAKdmlxY3BUUE4mO3lgAhQglt55MJ4nu14q13G462PjOIhJ/ehu0lAH5z96Hqyfk3Pgt/1FtHFHrT9EGw/KAiepU+JmGbg/bopOkOUb+9hb/OjmFr/IoEE2WZgjC9HPHlYnzEAZjzMEa4sfIXW05RwplMoWGiTcouq2aSsr37KmpOfVWrfnV7G+ueUNDUM0kbnZFaQJ81khpBO5yDEx3yKuox4C7jgmrYc8ZhLbWP+2bdZsU2EcxRFQ8rLG64E9hzMB+8KF3hxEEzkU0U2tlfiw9SN9fSN9ZMc7LS3vtLjv37Bx376NG2o2XG5ruyzUc9KYnHNB/8JMETsZOBWrVEx9MlRgkkHKNVesbu1ZXlIBJcULV5fVLLjHcclZf9zQ3pOUfJPtIFeSN9fXrRZ4fTsmZ29O4Nrhyf2Zt/AyeGoU9LGiqobm7Qcby0pwYhFbQ1l5RX5Z8bp7lxfn7tnS2pPIPx6Fh/VrF4ApWdhlQF8iHmLMns6c0SkrzCtMWKFRzEW0zYs3yIzGnYtYxabkeb68Tz8567xH/oR2eCsJsTgD04/PKOe8UzpeILQA6rKd8/Oyl1xdWmdp0qsya7LSTq2paqnrTJ82b2Z4qMXPWB2fExwYFmcKS4xQpVsTCwSdjGI9WPYU3dchOEhw0yjoXp+Yo6HQc/CQ1ABKcjsxNzXdMyf32aLL4Bcp7uoykO9ysv0ighoZQaO/sp+xvlQXIYI2nRvfQm+FerZrUfNZ66wMU0lsnEFcVDsE+WQwL9Noga2jI0WUxz3M0SO0p33BPbWr4bOfEra7TnMTq9Xbrd+zvuTslPqp6XmQMToi8EdjbjfaqX5vN3HZxWUv7GIpB15nEpZLAyXiAO+mpGZ3rUgaJF068/TcBpcgqVgrq0fsAf9y3wU2yCUDwQ1TKqZA7ugIJAXUKhfz5AL6GkOOt9EX7nsN3ffju5ku/FBh3zNj195LqnKb7iqWzCi3n/80uUFhFs+YXAdKZqzd0zrZJXszeUx+3qVKzfTZJfC/M+bFjjowxePTxQ7cUzce1iN9R3DgZN/A6hmyx/a9IuNksWvYpE3WhEF3g8vzUWwgedulKcCvXg7piIfvmexdVvH7O8AjfG14Gf5CGqE3CC4agojNwPwPaZrdmwAAeNq9kDFuwjAYhZ9DQKragYnZF3CUZEFFHaBIiIGyRGIPkZVEQg5yjNQLdO7Wc/QYPUAP1Gfw1oEBiUiOP/1+7/n3D+AJXxDwn4DEa+AIY3wEHuBFjAPHkOIz8BCP4ifwCDKaUCniB1bmZ5fniJlV4AHeedeFY8zFW+AhJuI78Ij1XxTocIKlU2ONEoYV/++xxBYKG7So0cCRFzjgSC6xp9rxpAKK7mQrvS5NUZp+uVWbtm6cWhyOTbnXrqXiasR/y4pdGR773dKs+bYcCVLuM65bu76k5MxTmHJ5yvDMizvjVp2ttcyTVM7ktddRkqdqqvI0o/sOw9xRbBnYnick2bWfCnba9m1nZJak92jjDx4YiQQAeNptj7dOQ0EUBXceweScc87BfjY2r9y7mJ7PoKHj+wHBuONKq2lWMzqpSr/39Zbq9N8Nfh6pomKMcSaYpMUU08wwyxzzLLDIEsussMoa62ywyRbb7LDLHvsccMgRx5xwyhnnXHDJFdfccMsd9zzwSJsONV16PLU+P96H/aYtO7KWXdmTo/99OZDPspFZhizyRQ7l6x+z/Ww/28/2s/1sP9vP9rP9bD/0hb7QF/pCX+gLfaEv9MXI555wT7gn3BPuCfcU+8V+sV/sF/vFfrFf7Bf7pfkGzMB9lwAAAAAAAAH//wACeNpjYGRgYOABYjEgZmJgBEIzIGYB8xgABfAAZXjaY2BgYGQAgqtL1DlA9M2IqW9hNABC6QcQAAB42mNgFGBgPP2PhyGK+cV/ZgYGZnUGBgZGBmTAAgB2EQReAAB42mN+wdDGwMCswPwChBncgNAKTCJoNyS+FRbxfwysDP9B+P9PMFseCFmB8C8Q/oeS/xkKGbngkBsAS/IYXAAA) format('woff'); | ||
248 | + font-weight: 300; | ||
249 | + font-style: normal; | ||
250 | +} | ||
251 | + | ||
252 | +.fs20{ | ||
253 | + font-size: 20rpx; | ||
254 | +} | ||
255 | +.fs22{ | ||
256 | + font-size: 22rpx; | ||
257 | +} | ||
258 | +.fs24{ | ||
259 | + font-size: 24rpx; | ||
260 | +} | ||
261 | +.fs26{ | ||
262 | + font-size: 26rpx; | ||
263 | +} | ||
264 | +.fs28{ | ||
265 | + font-size: 28rpx; | ||
266 | +} | ||
267 | + | ||
268 | +.fs30{ | ||
269 | + font-size:30rpx; | ||
270 | +} | ||
271 | +.fs32{ | ||
272 | + font-size:32rpx; | ||
273 | +} | ||
274 | +.fs35{ | ||
275 | + font-size:35rpx; | ||
276 | +} | ||
277 | +.fs45{ | ||
278 | + font-size: 45rpx; | ||
279 | +} | ||
280 | +.fs50{ | ||
281 | + font-size: 50rpx; | ||
282 | +} | ||
283 | +.fs60{ font-size:60rpx;} | ||
284 | + | ||
285 | +/* 7.26 */ | ||
286 | +.xc-wc{ | ||
287 | + color: #e4374d; | ||
288 | +} | ||
289 | +.oh{ | ||
290 | + overflow: hidden; | ||
291 | +} | ||
292 | + | ||
293 | +.xc-ash{ | ||
294 | +color: #b9b9b9; | ||
295 | +} | ||
296 | +.xc-black{ | ||
297 | + color: #000; | ||
298 | +} | ||
299 | + | ||
300 | + | ||
301 | + |
components/diy_advertising/diy_advertising.js
0 → 100644
1 | +Component({ | ||
2 | + properties: { | ||
3 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
4 | + object:{ | ||
5 | + type:Object, | ||
6 | + value:null | ||
7 | + }, | ||
8 | + | ||
9 | + }, | ||
10 | + data: { | ||
11 | + // 这里是一些组件内部数据 | ||
12 | + yc:false, | ||
13 | + btn: 1, | ||
14 | + ad:false, | ||
15 | + autoplay:false, | ||
16 | + interval:5000, | ||
17 | + duration:1000, | ||
18 | + someData: {} | ||
19 | + }, | ||
20 | + methods: { | ||
21 | + customMethod: function () { }, | ||
22 | + //---智能跳转--- | ||
23 | + go_url:function(e){ | ||
24 | + var url=e.currentTarget.dataset.url; | ||
25 | + getApp().goto(url); | ||
26 | + } | ||
27 | + } | ||
28 | +}) | ||
0 | \ No newline at end of file | 29 | \ No newline at end of file |
components/diy_advertising/diy_advertising.json
0 → 100644
components/diy_advertising/diy_advertising.wxml
0 → 100644
1 | +<!--pages/diy_gk/diy_gk.wxml--> | ||
2 | +<!--上下两块--> | ||
3 | +<block wx:if='{{object.style==0}}'> | ||
4 | +<view class="zwp_s1"> | ||
5 | + <block wx:for="{{object.data}}" wx:key="{{index}}"> | ||
6 | + <view class='s1'> | ||
7 | + <view class='s1_gk'> | ||
8 | + <block wx:if="{{item.src==''}}"> | ||
9 | + <text>建议宽度640</text> | ||
10 | + </block> | ||
11 | + <block wx:if="{{item.src!=''}}"> | ||
12 | + <view data-url="{{item.wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
13 | + <image src="{{item.src}}" mode="widthFix"> | ||
14 | + </image> | ||
15 | + </view> | ||
16 | + </block> | ||
17 | + </view> | ||
18 | + | ||
19 | + </view> | ||
20 | + </block> | ||
21 | +</view> | ||
22 | +</block> | ||
23 | +<view class="clear"></view> | ||
24 | +<!--一张图片--> | ||
25 | +<view class='s2' wx:if='{{object.style==1}}'> | ||
26 | + | ||
27 | + <block wx:for="{{object.data}}" wx:key="{{index}}"> | ||
28 | + <view class="s2_w"> | ||
29 | + <view class='s2_gk'> | ||
30 | + <block wx:if="{{item.src==''}}"> | ||
31 | + <text>建议宽度640</text> | ||
32 | + </block> | ||
33 | + <block wx:if="{{item.src!=''}}"> | ||
34 | + <view data-url="{{item.wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
35 | + <image src="{{item.src}}" mode="widthFix"> | ||
36 | + </image> | ||
37 | + </view> | ||
38 | + </block> | ||
39 | + | ||
40 | + </view> | ||
41 | + </view> | ||
42 | + </block> | ||
43 | + | ||
44 | +</view> | ||
45 | +<view class="clear"></view> | ||
46 | +<!--左右两块--> | ||
47 | +<view> | ||
48 | + <block wx:if='{{object.style==2}}'> | ||
49 | + | ||
50 | + <block wx:for="{{object.data}}" wx:key="{{index}}"> | ||
51 | + <view class='s3'> | ||
52 | + | ||
53 | + <view class='s3_gk'> | ||
54 | + <block wx:if="{{item.src==''}}"> | ||
55 | + <text>300*300</text> | ||
56 | + </block> | ||
57 | + <block wx:if="{{item.src!=''}}"> | ||
58 | + <view data-url="{{item.wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
59 | + <image src="{{item.src}}" mode="widthFix"></image> | ||
60 | + </view> | ||
61 | + </block> | ||
62 | + </view> | ||
63 | + </view> | ||
64 | + </block> | ||
65 | + | ||
66 | + </block> | ||
67 | +</view> | ||
68 | +<view class="clear"></view> | ||
69 | +<!--2行三列--> | ||
70 | +<view class='s4' wx:if='{{object.style==3}}'> | ||
71 | + | ||
72 | + <block wx:for="{{object.data}}" wx:key="{{index}}"> | ||
73 | + | ||
74 | + <view class='s4_gk'> | ||
75 | + <block wx:if="{{item.src==''}}"> | ||
76 | + <text>200*200</text> | ||
77 | + </block> | ||
78 | + <block wx:if="{{item.src!=''}}"> | ||
79 | + <view data-url="{{item.wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
80 | + <image src="{{item.src}}" ></image> | ||
81 | + </view> | ||
82 | + </block> | ||
83 | + </view> | ||
84 | + </block> | ||
85 | +</view> | ||
86 | +<view class="clear"></view> | ||
87 | + | ||
88 | + | ||
89 | + | ||
90 | +<!--第5 3个图 --> | ||
91 | +<view class='s5' wx:if='{{object.style==5}}'> | ||
92 | + | ||
93 | + <view class='s5_gk'> | ||
94 | + <block wx:if="{{object.data[0].src==''}}"> | ||
95 | + <text>300*300</text> | ||
96 | + </block> | ||
97 | + <block wx:if="{{object.data[0].src!=''}}"> | ||
98 | + <view data-url="{{object.data[0].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
99 | + <image src="{{object.data[0].src}}"></image> | ||
100 | + </view> | ||
101 | + </block> | ||
102 | + </view> | ||
103 | + | ||
104 | + <view class='s5_g5'> | ||
105 | + <view class='s5_g5_1'> | ||
106 | + <block wx:if="{{object.data[1].src==''}}"> | ||
107 | + <text>300*150</text> | ||
108 | + </block> | ||
109 | + <block wx:if="{{object.data[1].src!=''}}"> | ||
110 | + <view data-url="{{object.data[1].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
111 | + <image src="{{object.data[1].src}}"></image> | ||
112 | + </view> | ||
113 | + </block> | ||
114 | + </view> | ||
115 | + <view class='s5_g5_2'> | ||
116 | + <block wx:if="{{object.data[2].src==''}}"> | ||
117 | + <text>300*150</text> | ||
118 | + </block> | ||
119 | + <block wx:if="{{object.data[2].src!=''}}"> | ||
120 | + <view data-url="{{object.data[2].wxapp_imgurl}}" open-type="switchTab" class="s1_gk_a1" bindtap="go_url"> | ||
121 | + <image src="{{object.data[2].src}}"></image> | ||
122 | + </view> | ||
123 | + </block> | ||
124 | + </view> | ||
125 | + </view> | ||
126 | + | ||
127 | +</view> | ||
128 | + | ||
129 | +<!--第6 4个图第1个--> | ||
130 | +<view class='s6' wx:if='{{object.style==6}}'> | ||
131 | + <view class='s6_gk6'> | ||
132 | + <view class='s6_gk6_1'> | ||
133 | + <block wx:if="{{object.data[0].src==''}}"> | ||
134 | + <text>200*200</text> | ||
135 | + </block> | ||
136 | + <block wx:if="{{object.data[0].src!=''}}"> | ||
137 | + <view data-url="{{object.data[0].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
138 | + <image src="{{object.data[0].src}}"></image> | ||
139 | + </view> | ||
140 | + </block> | ||
141 | + </view> | ||
142 | + <view class='s6_gk6_2' style='margin-right:8rpx'> | ||
143 | + <block wx:if="{{object.data[1].src==''}}"> | ||
144 | + <text>400*200</text> | ||
145 | + </block> | ||
146 | + <block wx:if="{{object.data[1].src!=''}}"> | ||
147 | + <view data-url="{{object.data[1].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
148 | + <image src="{{object.data[1].src}}"></image> | ||
149 | + </view> | ||
150 | + </block> | ||
151 | + </view> | ||
152 | + </view> | ||
153 | + <!-- 2 --> | ||
154 | + <view class='s6_gk6'> | ||
155 | + <view class='s6_gk6_2'> | ||
156 | + <block wx:if="{{object.data[2].src==''}}"> | ||
157 | + <text>400*200</text> | ||
158 | + </block> | ||
159 | + <block wx:if="{{object.data[2].src!=''}}"> | ||
160 | + <view data-url="{{object.data[2].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
161 | + <image src="{{object.data[2].src}}"></image> | ||
162 | + </view> | ||
163 | + </block> | ||
164 | + </view> | ||
165 | + <view class='s6_gk6_1' style='margin-right:8rpx'> | ||
166 | + <block wx:if="{{object.data[3].src==''}}"> | ||
167 | + <text>200*200</text> | ||
168 | + </block> | ||
169 | + <block wx:if="{{object.data[3].src!=''}}"> | ||
170 | + <view data-url="{{object.data[3].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
171 | + <image src="{{object.data[3].src}}"></image> | ||
172 | + </view> | ||
173 | + </block> | ||
174 | + </view> | ||
175 | + </view> | ||
176 | +</view> | ||
177 | + | ||
178 | +<!--第7 4个图第2个--> | ||
179 | +<view class='s7' wx:if='{{object.style==7}}'> | ||
180 | + | ||
181 | + <view class='s7_gk7'> | ||
182 | + <view class='s7_gk7_1'> | ||
183 | + <block wx:if="{{object.data[0].src==''}}"> | ||
184 | + <text>300*150</text> | ||
185 | + </block> | ||
186 | + <block wx:if="{{object.data[0].src!=''}}"> | ||
187 | + <view data-url="{{object.data[0].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
188 | + <image src="{{object.data[0].src}}"></image> | ||
189 | + </view> | ||
190 | + </block> | ||
191 | + </view> | ||
192 | + <view class='s7_gk7_2'> | ||
193 | + | ||
194 | + <block wx:if="{{object.data[1].src==''}}"> | ||
195 | + <text>300*300</text> | ||
196 | + </block> | ||
197 | + <block wx:if="{{object.data[1].src!=''}}"> | ||
198 | + <view data-url="{{object.data[1].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
199 | + <image src="{{object.data[1].src}}"></image> | ||
200 | + </view> | ||
201 | + </block> | ||
202 | + | ||
203 | + </view> | ||
204 | + </view> | ||
205 | + <!-- 2 --> | ||
206 | + <view class='s7_gk7'> | ||
207 | + <view class='s7_gk7_2'> | ||
208 | + <block wx:if="{{object.data[1].src==''}}"> | ||
209 | + <text>300*300</text> | ||
210 | + </block> | ||
211 | + <block wx:if="{{object.data[2].src!=''}}"> | ||
212 | + <view data-url="{{object.data[2].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
213 | + <image src="{{object.data[2].src}}"> | ||
214 | + </image> | ||
215 | + </view> | ||
216 | + </block> | ||
217 | + </view> | ||
218 | + <view class='s7_gk7_1'> | ||
219 | + <block wx:if="{{object.data[3].src==''}}"> | ||
220 | + <text>300*150</text> | ||
221 | + </block> | ||
222 | + <block wx:if="{{object.data[3].src!=''}}"> | ||
223 | + <view data-url="{{object.data[3].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
224 | + <image src="{{object.data[3].src}}"> | ||
225 | + </image> | ||
226 | + </view> | ||
227 | + </block> | ||
228 | + </view> | ||
229 | + </view> | ||
230 | + | ||
231 | +</view> | ||
232 | + | ||
233 | +<!--第8 5个图--> | ||
234 | +<view class='s8' wx:if='{{object.style==8}}'> | ||
235 | + | ||
236 | + <!-- <block wx:for="{{object.data}}" > --> | ||
237 | + <!-- <view class='s8_gk8'> | ||
238 | + | ||
239 | + <view class='s8_gk1'> | ||
240 | + | ||
241 | + <block wx:if="{{object.data[0].src==''}}"> | ||
242 | + <text>200*200</text> | ||
243 | + </block> | ||
244 | + <block wx:if="{{object.data[0].src!=''}}"> | ||
245 | + <view data-url="{{object.data[0].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
246 | + <image src="{{object.data[0].src}}"> | ||
247 | + </image> | ||
248 | + </view> | ||
249 | + </block> | ||
250 | + </view> | ||
251 | + <view class='s8_gk1'> | ||
252 | + <block wx:if="{{object.data[1].src==''}}"> | ||
253 | + <text>200*200</text> | ||
254 | + </block> | ||
255 | + <block wx:if="{{object.data[1].src!=''}}"> | ||
256 | + <view data-url="{{object.data[1].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
257 | + <image src="{{object.data[1].src}}" mode="widthFix"> | ||
258 | + </image> | ||
259 | + </view> | ||
260 | + </block> | ||
261 | + </view> | ||
262 | + </view> --> | ||
263 | + | ||
264 | + | ||
265 | + | ||
266 | + | ||
267 | + | ||
268 | + | ||
269 | + <view class='s8_gk8'> | ||
270 | + <view class='s8_gk1'> | ||
271 | + <block wx:if="{{object.data[0].src==''}}"> | ||
272 | + <text>200*200</text> | ||
273 | + </block> | ||
274 | + <block wx:if="{{object.data[0].src!=''}}"> | ||
275 | + <view data-url="{{object.data[0].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
276 | + <image src="{{object.data[0].src}}" > | ||
277 | + </image> | ||
278 | + </view> | ||
279 | + </block> | ||
280 | + </view> | ||
281 | + <view class='s8_gk1'> | ||
282 | + <block wx:if="{{object.data[1].src==''}}"> | ||
283 | + <text>200*200</text> | ||
284 | + </block> | ||
285 | + <block wx:if="{{object.data[1].src!=''}}"> | ||
286 | + <view data-url="{{object.data[1].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
287 | + <image src="{{object.data[1].src}}" > | ||
288 | + </image> | ||
289 | + </view> | ||
290 | + </block> | ||
291 | + </view> | ||
292 | + </view> | ||
293 | + | ||
294 | + <!-- 2 --> | ||
295 | + <view class='s8_gk8'> | ||
296 | + <view class='s8_gk1'> | ||
297 | + <block wx:if="{{object.data[2].src==''}}"> | ||
298 | + <text>200*200</text> | ||
299 | + </block> | ||
300 | + <block wx:if="{{object.data[2].src!=''}}"> | ||
301 | + <view data-url="{{object.data[2].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
302 | + <image src="{{object.data[2].src}}" > | ||
303 | + </image> | ||
304 | + </view> | ||
305 | + </block> | ||
306 | + </view> | ||
307 | + <view class='s8_gk1'> | ||
308 | + <block wx:if="{{object.data[3].src==''}}"> | ||
309 | + <text>200*200</text> | ||
310 | + </block> | ||
311 | + <block wx:if="{{object.data[3].src!=''}}"> | ||
312 | + <view data-url="{{object.data[3].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
313 | + <image src="{{object.data[3].src}}" > | ||
314 | + </image> | ||
315 | + </view> | ||
316 | + </block> | ||
317 | + </view> | ||
318 | + </view> | ||
319 | + | ||
320 | + <!-- 3 --> | ||
321 | + <view class='s8_gk8'> | ||
322 | + <view class='s8_gk2'> | ||
323 | + | ||
324 | + <block wx:if="{{object.data[4].src==''}}"> | ||
325 | + <text>200*420</text> | ||
326 | + </block> | ||
327 | + <block wx:if="{{object.data[4].src!=''}}"> | ||
328 | + <view data-url="{{object.data[4].wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
329 | + <image src="{{object.data[4].src}}" style='height:492rpx'> | ||
330 | + </image> | ||
331 | + </view> | ||
332 | + </block> | ||
333 | + </view> | ||
334 | + </view> | ||
335 | + <!--</block>--> | ||
336 | + | ||
337 | +</view> | ||
338 | + | ||
339 | +<!--幻灯片--> | ||
340 | +<block wx:if='{{object.style==4}}'> | ||
341 | + <swiper class="swiper" indicator-dots="true" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> | ||
342 | + <block wx:for="{{object.data}}" wx:for-index="index" > | ||
343 | + <block wx:if="{{item.src!=''}}"> | ||
344 | + <view data-url="{{item.wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
345 | + <swiper-item> | ||
346 | + <image src="{{item.src}}" class="slide-image" mode="aspectFill" /> | ||
347 | + </swiper-item> | ||
348 | + </view> | ||
349 | + </block> | ||
350 | + <block wx:if="{{item.src==''}}"> | ||
351 | + <view url="{{item.wxapp_imgurl}}" class="s1_gk_a1" bindtap="go_url"> | ||
352 | + <swiper-item> | ||
353 | + <image src="" class="slide-image" mode="aspectFill" /> | ||
354 | + </swiper-item> | ||
355 | + </view> | ||
356 | + </block> | ||
357 | + </block> | ||
358 | + </swiper> | ||
359 | + | ||
360 | +</block> | ||
0 | \ No newline at end of file | 361 | \ No newline at end of file |
components/diy_advertising/diy_advertising.wxss
0 → 100644
1 | +/* pages/diy_gk/diy_gk.wxss */ | ||
2 | + | ||
3 | +.s1_gk { | ||
4 | + /* background-color: rgb(129, 213, 249); */ | ||
5 | + width: 100%; | ||
6 | + color: #fff; | ||
7 | + font-size: 32rpx; | ||
8 | + min-height: 300rpx; | ||
9 | + line-height: 300rpx; | ||
10 | + text-align: center; | ||
11 | +} | ||
12 | + | ||
13 | +.s1_gk image { | ||
14 | + width: 100%; | ||
15 | + height: 100%; | ||
16 | + vertical-align: top; | ||
17 | + padding: 0rpx; | ||
18 | + margin: 0rpx; | ||
19 | +} | ||
20 | + | ||
21 | +.s1 { | ||
22 | + width: 100%; | ||
23 | + display: flex; | ||
24 | +} | ||
25 | + | ||
26 | +.s2_w { | ||
27 | + width: 100%; | ||
28 | + height: 100%; | ||
29 | + display: flex; | ||
30 | +} | ||
31 | + | ||
32 | +.s3_gk image { | ||
33 | + width: 100%; | ||
34 | + height: 100%; | ||
35 | + vertical-align: top; | ||
36 | + padding: 0rpx; | ||
37 | + margin: 0rpx; | ||
38 | +} | ||
39 | + | ||
40 | +.s5_gk image { | ||
41 | + width: 100%; | ||
42 | + height: 100%; | ||
43 | + vertical-align: top; | ||
44 | + padding: 0rpx; | ||
45 | + margin: 0rpx; | ||
46 | +} | ||
47 | + | ||
48 | +.s5_g5_1 image { | ||
49 | + width: 100%; | ||
50 | + height: 100%; | ||
51 | + vertical-align: top; | ||
52 | + padding: 0rpx; | ||
53 | + margin: 0rpx; | ||
54 | +} | ||
55 | + | ||
56 | +.s6 image { | ||
57 | + width: 100%; | ||
58 | + height: 100%; | ||
59 | + vertical-align: top; | ||
60 | + padding: 0rpx; | ||
61 | + margin: 0rpx; | ||
62 | +} | ||
63 | + | ||
64 | +.s8_gk8 image { | ||
65 | + width: 100%; | ||
66 | + height: 240rpx; | ||
67 | + vertical-align: top; | ||
68 | + padding: 0rpx; | ||
69 | + margin: 0rpx; | ||
70 | +} | ||
71 | + | ||
72 | +.s7_gk7 image { | ||
73 | + width: 100%; | ||
74 | + height: 100%; | ||
75 | + vertical-align: top; | ||
76 | + padding: 0rpx; | ||
77 | + margin: 0rpx; | ||
78 | +} | ||
79 | + | ||
80 | +.s5_g5_2 image { | ||
81 | + width: 100%; | ||
82 | + height: 100%; | ||
83 | + vertical-align: top; | ||
84 | + padding: 0rpx; | ||
85 | + margin: 0rpx; | ||
86 | +} | ||
87 | + | ||
88 | +.s4_gk image { | ||
89 | + width: 100%; | ||
90 | + height: 100%; | ||
91 | + vertical-align: top; | ||
92 | + padding: 0rpx; | ||
93 | + margin: 0rpx; | ||
94 | +} | ||
95 | + | ||
96 | +.s1_gk1 { | ||
97 | + /* background-color: rgb(255, 129, 149); */ | ||
98 | + width: 100%; | ||
99 | + color: #fff; | ||
100 | + font-size: 32rpx; | ||
101 | + min-height: 300rpx; | ||
102 | + line-height: 300rpx; | ||
103 | + text-align: center; | ||
104 | +} | ||
105 | + | ||
106 | +.s2_gk { | ||
107 | + /* background-color: rgb(129, 213, 249); */ | ||
108 | + width: 98%; | ||
109 | + color: #fff; | ||
110 | + font-size: 32rpx; | ||
111 | + min-height: 300rpx; | ||
112 | + line-height: 300rpx; | ||
113 | + text-align: center; | ||
114 | + margin: 8rpx; | ||
115 | +} | ||
116 | + | ||
117 | +.s2_gk image { | ||
118 | + width: 100%; | ||
119 | + height: 100%; | ||
120 | + vertical-align: top; | ||
121 | + padding: 0rpx; | ||
122 | + margin: 0rpx; | ||
123 | +} | ||
124 | + | ||
125 | +.s2_gk1 { | ||
126 | + /* background-color: rgb(255, 129, 149); */ | ||
127 | + width: 97%; | ||
128 | + color: #fff; | ||
129 | + font-size: 32rpx; | ||
130 | + min-height: 300rpx; | ||
131 | + line-height: 300rpx; | ||
132 | + text-align: center; | ||
133 | + margin: 10rpx; | ||
134 | +} | ||
135 | + | ||
136 | +.s3 { | ||
137 | + width: 101%; | ||
138 | + /* min-height: 20rpx; */ | ||
139 | +} | ||
140 | + | ||
141 | +.s3_gk { | ||
142 | + /* background-color: rgb(129, 213, 249); */ | ||
143 | + width: 48%; | ||
144 | + color: #fff; | ||
145 | + font-size: 32rpx; | ||
146 | + line-height: 300rpx; | ||
147 | + text-align: center; | ||
148 | + float: left; | ||
149 | + margin-left: 8rpx; | ||
150 | + margin-bottom: 8rpx; | ||
151 | +} | ||
152 | + | ||
153 | +.s3_gk1 { | ||
154 | + /* background-color: rgb(255, 129, 149); */ | ||
155 | + width: 48%; | ||
156 | + color: #fff; | ||
157 | + font-size: 32rpx; | ||
158 | + line-height: 300rpx; | ||
159 | + text-align: center; | ||
160 | + float: left; | ||
161 | + margin-left: 10rpx; | ||
162 | +} | ||
163 | + | ||
164 | +.s4_gk { | ||
165 | + /* background-color: rgb(129, 213, 249); */ | ||
166 | + width: 32%; | ||
167 | + color: #fff; | ||
168 | + font-size: 32rpx; | ||
169 | + height: 240rpx; | ||
170 | + text-align: center; | ||
171 | + margin-left: 1%; | ||
172 | + float: left; | ||
173 | + margin-bottom: 8rpx; | ||
174 | +} | ||
175 | + | ||
176 | +.s4_gk1 { | ||
177 | + /* background-color: rgb(255, 129, 149); */ | ||
178 | + width: 30%; | ||
179 | + color: #fff; | ||
180 | + font-size: 32rpx; | ||
181 | + line-height: 200rpx; | ||
182 | + text-align: center; | ||
183 | + margin: 6rpx; | ||
184 | + float: left; | ||
185 | +} | ||
186 | + | ||
187 | +.s5 { | ||
188 | + display: flex; | ||
189 | + margin: 0px; | ||
190 | + margin-bottom: 8rpx; | ||
191 | +} | ||
192 | + | ||
193 | +.s5_gk { | ||
194 | + /* background-color: rgb(129, 213, 249); */ | ||
195 | + width: 366rpx; | ||
196 | + height: 390rpx; | ||
197 | + color: #fff; | ||
198 | + font-size: 32rpx; | ||
199 | + text-align: center; | ||
200 | + flex: 1; | ||
201 | + margin-left: 6rpx; | ||
202 | +} | ||
203 | + | ||
204 | +.s5_g5 { | ||
205 | + flex: 1; | ||
206 | + /* background-color: white; */ | ||
207 | + width: 366rpx; | ||
208 | + height: 390rpx; | ||
209 | + margin: 0 6rpx; | ||
210 | +} | ||
211 | + | ||
212 | +.s5_g5_1 { | ||
213 | + width: 100%; | ||
214 | + height: 192rpx; | ||
215 | + margin-bottom: 6rpx; | ||
216 | + line-height: 150rpx; | ||
217 | + text-align: center; | ||
218 | + color: #fff; | ||
219 | + font-size: 32rpx; | ||
220 | +} | ||
221 | + | ||
222 | +.s5_g5_2 { | ||
223 | + width: 100%; | ||
224 | + height: 192rpx; | ||
225 | + line-height: 150rpx; | ||
226 | + text-align: center; | ||
227 | + color: #fff; | ||
228 | + font-size: 32rpx; | ||
229 | +} | ||
230 | + | ||
231 | +.s6 { | ||
232 | + width: 100%; | ||
233 | + color: #fff; | ||
234 | + font-size: 32rpx; | ||
235 | + margin-bottom: 8rpx; | ||
236 | +} | ||
237 | + | ||
238 | +.s6_gk6 { | ||
239 | + width: 100%; | ||
240 | + display: flex; | ||
241 | + margin-top: 8rpx; | ||
242 | +} | ||
243 | + | ||
244 | +.s6_gk6_1 { | ||
245 | + width: 242rpx; | ||
246 | + height: 242rpx; | ||
247 | + margin-left: 8rpx; | ||
248 | + text-align: center; | ||
249 | +} | ||
250 | + | ||
251 | +.s6_gk6_2 { | ||
252 | + width: 484rpx; | ||
253 | + height: 242rpx; | ||
254 | + text-align: center; | ||
255 | + margin-left: 8rpx; | ||
256 | +} | ||
257 | + | ||
258 | +.s7 { | ||
259 | + width: 100%; | ||
260 | + color: #fff; | ||
261 | + font-size: 32rpx; | ||
262 | + display: flex; | ||
263 | +} | ||
264 | + | ||
265 | +.s7_gk7 { | ||
266 | + width: 362rpx; | ||
267 | + margin: 0 8rpx; | ||
268 | + /* margin-top: 6rpx; */ | ||
269 | +} | ||
270 | + | ||
271 | +.s7_gk7_1 { | ||
272 | + width: 100%; | ||
273 | + height: 181rpx; | ||
274 | + /* background-color: #99cc66; */ | ||
275 | + margin-right: 10rpx; | ||
276 | + line-height: 150rpx; | ||
277 | + text-align: center; | ||
278 | + margin-bottom: 8rpx; | ||
279 | +} | ||
280 | + | ||
281 | +.s7_gk7_2 { | ||
282 | + width: 100%; | ||
283 | + height: 362rpx; | ||
284 | + /* background-color: #99cc66; */ | ||
285 | + line-height: 300rpx; | ||
286 | + text-align: center; | ||
287 | + margin-right: 10rpx; | ||
288 | + margin-bottom: 8rpx; | ||
289 | +} | ||
290 | + | ||
291 | +.s8 { | ||
292 | + width: 100%; | ||
293 | + color: #fff; | ||
294 | + font-size: 32rpx; | ||
295 | + display: flex; | ||
296 | +} | ||
297 | + | ||
298 | +.s8_gk8 { | ||
299 | + flex: 1; | ||
300 | + width: 30%; | ||
301 | +} | ||
302 | + | ||
303 | +.s1_gk_a1 { | ||
304 | + display: inline; | ||
305 | + width: auto; | ||
306 | + height: auto; | ||
307 | +} | ||
308 | + | ||
309 | +.s8_gk1 { | ||
310 | + /* background-color: rgb(255, 129, 149); */ | ||
311 | + width: 96%; | ||
312 | + color: #fff; | ||
313 | + font-size: 32rpx; | ||
314 | + line-height: 200rpx; | ||
315 | + text-align: center; | ||
316 | + margin: 6rpx; | ||
317 | + margin-bottom: 10rpx; | ||
318 | +} | ||
319 | + | ||
320 | +.s8_gk2 { | ||
321 | + /* background-color: rgb(255, 129, 149); */ | ||
322 | + width: 94%; | ||
323 | + color: #fff; | ||
324 | + font-size: 32rpx; | ||
325 | + line-height: 496rpx; | ||
326 | + text-align: center; | ||
327 | + margin: 6rpx; | ||
328 | +} | ||
329 | + | ||
330 | +/**index.wxss**/ | ||
331 | + | ||
332 | +.swiper { | ||
333 | + height: 400rpx; | ||
334 | + width: 98%; | ||
335 | + padding:0 7rpx; | ||
336 | + padding-bottom: 7rpx; | ||
337 | + padding-top: 7rpx; | ||
338 | + /* background-color: palevioletred; */ | ||
339 | +} | ||
340 | + | ||
341 | +.swiper image { | ||
342 | + height: 100%; | ||
343 | + width: 100%; | ||
344 | + margin: 0; | ||
345 | +} | ||
346 | + | ||
347 | + | ||
348 | +.zwp_s1{ | ||
349 | + margin-bottom: 8rpx; | ||
350 | +} | ||
0 | \ No newline at end of file | 351 | \ No newline at end of file |
components/diy_assist/diy_assist.js
0 → 100644
1 | +Component({ | ||
2 | + properties: { | ||
3 | + object: { | ||
4 | + type: Object, | ||
5 | + value: null | ||
6 | + }, | ||
7 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
8 | + | ||
9 | + }, | ||
10 | + data: { | ||
11 | + // 这里是一些组件内部数据 | ||
12 | + someData: {} | ||
13 | + }, | ||
14 | + methods: { | ||
15 | + // 这里是一个自定义方法 | ||
16 | + customMethod() { } | ||
17 | + } | ||
18 | +}) | ||
0 | \ No newline at end of file | 19 | \ No newline at end of file |
components/diy_assist/diy_assist.json
0 → 100644
components/diy_assist/diy_assist.wxml
0 → 100644
components/diy_assist/diy_assist.wxss
0 → 100644
components/diy_goodsGroup/diy_goodsGroup.js
0 → 100644
1 | +// var e = function(e) { | ||
2 | +// return e && e.__esModule ? e : { | ||
3 | +// default: e | ||
4 | +// }; | ||
5 | +// }(require("../../utils/LoadMore3.js")), | ||
6 | +// n = new e.default(), | ||
7 | +var t = getApp(), | ||
8 | + a = t.request, | ||
9 | + o = t.globalData.setting, | ||
10 | + os = o, | ||
11 | + i = require("../../utils/util.js"), | ||
12 | + ut = i, | ||
13 | + s = require("../../utils/common.js"); | ||
14 | +var regeneratorRuntime = require('../../utils/runtime.js'); | ||
15 | + | ||
16 | +Component({ | ||
17 | + properties: { | ||
18 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
19 | + object: { | ||
20 | + type: Object, | ||
21 | + value: null, | ||
22 | + }, | ||
23 | + | ||
24 | + }, | ||
25 | + data: { | ||
26 | + // 这里是一些组件内部数据 | ||
27 | + group: false, | ||
28 | + imghost: o.imghost, | ||
29 | + is_recommend: 0, | ||
30 | + is_hot: 0, | ||
31 | + is_new: 0, | ||
32 | + baseUrl: "/api/weshop/goods/page", | ||
33 | + resourceUrl: t.globalData.setting.resourceUrl, | ||
34 | + currentPage: 1, | ||
35 | + requestData: null, | ||
36 | + requestUrl: "", | ||
37 | + goods_array: null, | ||
38 | + total: null, | ||
39 | + prom_id: 0, | ||
40 | + classstyle_id: null, | ||
41 | + g_id: null, | ||
42 | + wgroup: null, | ||
43 | + goods_btn: null, | ||
44 | + loadText: '加载更多', | ||
45 | + someData: {}, | ||
46 | + goodscount: null, | ||
47 | + firist_type_data: null, | ||
48 | + firist_type_curr: 0, | ||
49 | + }, | ||
50 | + | ||
51 | + ready: function () { | ||
52 | + console.log("ready"); | ||
53 | + this.data.classstyle_id = this.data.object.classstyle; | ||
54 | + this.data.goodscount = this.data.object.goodscount; | ||
55 | + console.log(this.data.classstyle_id); | ||
56 | + this.data.wgroup = this.data.object.wgroup; | ||
57 | + console.log(this.data.wgroup); | ||
58 | + this.setData({ | ||
59 | + classstyle_id: this.data.object.classstyle | ||
60 | + }) | ||
61 | + if (this.data.object.goodsclass == 1) { | ||
62 | + this.data.is_recommend = 1 | ||
63 | + } | ||
64 | + if (this.data.object.goodsclass == 2) { | ||
65 | + this.data.is_hot = 1 | ||
66 | + } | ||
67 | + if (this.data.object.goodsclass == 3) { | ||
68 | + this.data.is_new = 1 | ||
69 | + } | ||
70 | + this.data.requestData = new Array(); | ||
71 | + this.data.g_id = this.data.object.data; | ||
72 | + var arr = []; | ||
73 | + | ||
74 | + for (var i = 0; i < this.data.g_id.length; i += this.data.goodscount) { | ||
75 | + arr.push(this.data.g_id.slice(i, i + this.data.goodscount)); | ||
76 | + } | ||
77 | + this.data.firist_type_data = arr; | ||
78 | + console.log("firist_type_data"); | ||
79 | + console.log(this.data.firist_type_data); | ||
80 | + this.init(this.data.classstyle_id, this.data.wgroup); | ||
81 | + | ||
82 | + }, | ||
83 | + methods: { | ||
84 | + // 这里是一个自定义方法 | ||
85 | + | ||
86 | + init: function (classstyle_id, wgroup) { | ||
87 | + var th = this; | ||
88 | + var g_id = this.data.g_id; | ||
89 | + if (classstyle_id == 1) { | ||
90 | + //手动选择的时候 | ||
91 | + g_id = this.data.firist_type_data[th.data.firist_type_curr]; | ||
92 | + th.data.firist_type_curr++; | ||
93 | + } | ||
94 | + | ||
95 | + var th = this, | ||
96 | + app = getApp(), | ||
97 | + index = 0, | ||
98 | + gdata = []; | ||
99 | + switch (classstyle_id) { | ||
100 | + case "1": | ||
101 | + g_id.forEach(function (val, ind) { | ||
102 | + var item = {}; | ||
103 | + var prom_id = null; | ||
104 | + console.log(val.goodsid); | ||
105 | + app.request.promiseGet("/api/weshop/goods/get/" + os.stoid + "/" + val.goodsid, {}).then(res => { | ||
106 | + //商品地址 | ||
107 | + var goods = res.data.data; | ||
108 | + th.setData({ | ||
109 | + goods_btn: res.data.data | ||
110 | + }) | ||
111 | + | ||
112 | + item.goods_name = goods.goods_name; | ||
113 | + item.goods_img = th.data.imghost + goods.original_img; | ||
114 | + item.market_price = goods.market_price; | ||
115 | + item.shop_price = goods.shop_price; | ||
116 | + item.sales_sum = goods.sales_sum; | ||
117 | + item.goods_id = goods.goods_id; | ||
118 | + prom_id = res.data.data.prom_id; | ||
119 | + | ||
120 | + var prom_type = res.data.data.prom_type; //0普通商品 1秒杀 6拼单 | ||
121 | + | ||
122 | + var url = ""; | ||
123 | + if (prom_type == 1) { | ||
124 | + url = "/api/weshop/teamlist/get/" + os.stoid + "/" + prom_id; | ||
125 | + } else if (prom_type == 6) { | ||
126 | + url = "/api/ms/flash_sale/get/" + os.stoid + "/" + prom_id; | ||
127 | + } | ||
128 | + return app.request.promiseGet(url, {}) | ||
129 | + }).then(res => { | ||
130 | + index++; | ||
131 | + var prom = res.data.data; | ||
132 | + if (prom != null) { | ||
133 | + item.shop_price = res.data.data.price; | ||
134 | + } | ||
135 | + th.data.requestData.push(item); | ||
136 | + th.setData({ | ||
137 | + goods_array: th.data.requestData, | ||
138 | + }); | ||
139 | + | ||
140 | + if (th.data.firist_type_curr == th.data.firist_type_data.length) { | ||
141 | + th.setData({ | ||
142 | + goods_btn: [] | ||
143 | + }); | ||
144 | + } | ||
145 | + }) | ||
146 | + }) | ||
147 | + break; | ||
148 | + case "2": | ||
149 | + console.log(2222222222222222222); | ||
150 | + var item = {}; | ||
151 | + app.request.promiseGet("/api/weshop/goods/page", { | ||
152 | + data: { | ||
153 | + store_id: 1, | ||
154 | + is_recommend: th.data.is_recommend, | ||
155 | + is_hot: th.data.is_hot, | ||
156 | + is_new: th.data.is_new, | ||
157 | + pageSize: th.data.goodscount , | ||
158 | + page: th.data.currentPage, | ||
159 | + } | ||
160 | + }).then(res => { | ||
161 | + //商品地址 | ||
162 | + var goods = res.data.data.pageData; | ||
163 | + th.setData({ | ||
164 | + goods_btn: res.data.data.pageData, | ||
165 | + total: res.data.data.total | ||
166 | + }) | ||
167 | + console.log(66666666677777777777); | ||
168 | + console.log(res.data.data.total); | ||
169 | + console.log(res.data); | ||
170 | + console.log(this.data.total); | ||
171 | + th.data.currentPage++; | ||
172 | + | ||
173 | + goods.forEach(function (val, ind) { | ||
174 | + var item = {}; | ||
175 | + var prom_id = null; | ||
176 | + console.log(val.goodsid); | ||
177 | + app.request.promiseGet("/api/weshop/goods/get/" + os.stoid + "/" + val.goods_id, {}).then(res => { | ||
178 | + //商品地址 | ||
179 | + var goods = res.data.data; | ||
180 | + | ||
181 | + item.goods_name = goods.goods_name; | ||
182 | + item.goods_img = th.data.imghost + goods.original_img; | ||
183 | + item.market_price = goods.market_price; | ||
184 | + item.shop_price = goods.shop_price; | ||
185 | + item.sales_sum = goods.sales_sum; | ||
186 | + item.goods_id = goods.goods_id; | ||
187 | + prom_id = res.data.data.prom_id; | ||
188 | + | ||
189 | + var prom_type = res.data.data.prom_type; //0普通商品 1秒杀 6拼单 | ||
190 | + | ||
191 | + var url = ""; | ||
192 | + if (prom_type == 1) { | ||
193 | + url = "/api/weshop/teamlist/get/" + os.stoid + "/" + prom_id; | ||
194 | + } else if (prom_type == 6) { | ||
195 | + url = "/api/ms/flash_sale/get/" + os.stoid + "/" + prom_id; | ||
196 | + } | ||
197 | + return app.request.promiseGet(url, {}) | ||
198 | + }).then(res => { | ||
199 | + var prom = res.data.data; | ||
200 | + if (prom != null) { | ||
201 | + item.shop_price = res.data.data.price; | ||
202 | + } | ||
203 | + th.data.requestData.push(item); | ||
204 | + th.setData({ | ||
205 | + goods_array: th.data.requestData, | ||
206 | + page: th.data.currentPage-1, | ||
207 | + }); | ||
208 | + }) | ||
209 | + }) | ||
210 | + | ||
211 | + }) | ||
212 | + | ||
213 | + break; | ||
214 | + case "3": | ||
215 | + var item = {}; | ||
216 | + app.request.promiseGet("/api/weshop/goodsGroup/pageGoodsList", { | ||
217 | + data: { | ||
218 | + store_id: 1, | ||
219 | + gpid: wgroup, | ||
220 | + pageSize: th.data.goodscount, | ||
221 | + page: th.data.currentPage, | ||
222 | + } | ||
223 | + }).then(res => { | ||
224 | + //商品地址 | ||
225 | + var goods = res.data.data.pageData; | ||
226 | + console.log("333333333zwp" ); | ||
227 | + console.log(res.data.data); | ||
228 | + th.setData({ | ||
229 | + goods_btn: res.data.data.pageData, | ||
230 | + total: res.data.data.total | ||
231 | + }) | ||
232 | + console.log("goods_btn"); | ||
233 | + console.log(th.data.goods_btn); | ||
234 | + th.data.currentPage++; | ||
235 | + goods.forEach(function (val, ind) { | ||
236 | + var item = {}; | ||
237 | + var prom_id = null; | ||
238 | + console.log(val.goodsid); | ||
239 | + app.request.promiseGet("/api/weshop/goods/get/" + os.stoid + "/" + val.goods_id, {}).then(res => { | ||
240 | + //商品地址 | ||
241 | + var goods = res.data.data; | ||
242 | + console.log("goods"); | ||
243 | + console.log(goods); | ||
244 | + // th.setData({ | ||
245 | + // goods_btn: res.data.data | ||
246 | + // }) | ||
247 | + item.goods_name = goods.goods_name; | ||
248 | + item.goods_img = th.data.imghost + goods.original_img; | ||
249 | + item.market_price = goods.market_price; | ||
250 | + item.shop_price = goods.shop_price; | ||
251 | + item.sales_sum = goods.sales_sum; | ||
252 | + item.goods_id = goods.goods_id; | ||
253 | + prom_id = res.data.data.prom_id; | ||
254 | + | ||
255 | + var prom_type = res.data.data.prom_type; //0普通商品 1秒杀 6拼单 | ||
256 | + | ||
257 | + var url = ""; | ||
258 | + if (prom_type == 1) { | ||
259 | + url = "/api/weshop/teamlist/get/" + os.stoid + "/" + prom_id; | ||
260 | + } else if (prom_type == 6) { | ||
261 | + url = "/api/ms/flash_sale/get/" + os.stoid + "/" + prom_id; | ||
262 | + } | ||
263 | + return app.request.promiseGet(url, {}) | ||
264 | + }).then(res => { | ||
265 | + var prom = res.data.data; | ||
266 | + if (prom != null) { | ||
267 | + item.shop_price = res.data.data.price; | ||
268 | + } | ||
269 | + th.data.requestData.push(item); | ||
270 | + th.setData({ | ||
271 | + goods_array: th.data.requestData, | ||
272 | + page: th.data.currentPage-1, | ||
273 | + }); | ||
274 | + }) | ||
275 | + }) | ||
276 | + }) | ||
277 | + break; | ||
278 | + } | ||
279 | + }, | ||
280 | + setLoading: function () { | ||
281 | + var that = this; | ||
282 | + that.init(that.data.classstyle_id, that.data.wgroup); | ||
283 | + }, | ||
284 | + | ||
285 | + //图片失败,默认图片 | ||
286 | + bind_bnerr3: function (e) { | ||
287 | + var _errImg = e.target.dataset.errorimg; | ||
288 | + var _errObj = {}; | ||
289 | + _errObj[_errImg] = this.data.imghost+"/public/images/default_goods_image_240.gif"; | ||
290 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | ||
291 | + }, | ||
292 | + } | ||
293 | +}) | ||
0 | \ No newline at end of file | 294 | \ No newline at end of file |
components/diy_goodsGroup/diy_goodsGroup.json
0 → 100644
components/diy_goodsGroup/diy_goodsGroup.wxml
0 → 100644
1 | +<!--pages/diy_zs/diy_zs.wxml--> | ||
2 | +<!--1个--> | ||
3 | +<view class="zs_goods_wai"> | ||
4 | + <!--右下角--> | ||
5 | + | ||
6 | + <block wx:if='{{object.column==1 && object.position==4}}'> | ||
7 | + <block wx:for="{{goods_array}}" > | ||
8 | + <view class='zs_goods'> | ||
9 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
10 | + <view class='zs_top'> | ||
11 | + <block> | ||
12 | + <image class='zs_t_img' src="{{item.goods_img}}" | ||
13 | + data-errorimg="goods_array[{{index}}].goods_img" | ||
14 | + binderror="bind_bnerr3" | ||
15 | + ></image></block> | ||
16 | + | ||
17 | + <block wx:if="{{object.goodicon==3}}"> | ||
18 | + <image class='zs_t1' wx:if="{{ object.position==4}}" | ||
19 | + src='{{object.customicon}}'></image> | ||
20 | + <!--<image class='zs_t1' wx:if="{{object.position==1}}"--> | ||
21 | + <!--src='{{object.customicon}}'></image>--> | ||
22 | + <!--<image class='zs_t1' wx:if="{{ object.position==1}}"--> | ||
23 | + <!--src='{{object.customicon}}'></image>--> | ||
24 | + <!--<image class='zs_t1' wx:if="{{object.position==1}}"--> | ||
25 | + <!--src='{{object.customicon}}'></image>--> | ||
26 | + </block> | ||
27 | + <block wx:if="{{object.goodicon==1}}"> | ||
28 | + <image class='zs_t1' src=''></image> | ||
29 | + </block> | ||
30 | + <block wx:if="{{object.goodicon==2}}"> | ||
31 | + <image class='zs_t1' wx:if="{{object.styleicon==1}}" | ||
32 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
33 | + <image class='zs_t1' wx:if="{{object.styleicon==2}}" | ||
34 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
35 | + <image class='zs_t1' wx:if="{{object.styleicon==3}}" | ||
36 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
37 | + <image class='zs_t1' wx:if="{{object.styleicon==4}}" | ||
38 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
39 | + </block> | ||
40 | + </view> | ||
41 | + <view class='zs_center'> | ||
42 | + | ||
43 | + <view class='zs_wz1' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
44 | + <view class='zs_wz2' wx:if="{{object.goodsprice}}"> | ||
45 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
46 | + <view class='del'>¥{{item.market_price}}</view> | ||
47 | + </view> | ||
48 | + <!-- <view class='zs_wz3'>美妆价:¥9.00</view> | ||
49 | + <view class='zs_wz4'>等级价:¥8.00</view> --> | ||
50 | + <view class='zs_wz5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
51 | + | ||
52 | + </view> | ||
53 | + </navigator> | ||
54 | + </view> | ||
55 | + </block> | ||
56 | + </block> | ||
57 | + | ||
58 | + <!-- 右上角 --> | ||
59 | + <block wx:if='{{object.column==1 && object.position==2}}'> | ||
60 | + <block wx:for="{{goods_array}}" > | ||
61 | + <view class='zs_goods' > | ||
62 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
63 | + <view class='zs_top'> | ||
64 | + | ||
65 | + <block> | ||
66 | + <image class='zs_t_img' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
67 | + binderror="bind_bnerr3"></image> | ||
68 | + </block> | ||
69 | + | ||
70 | + <!-- <image class='zs_t2' src='http://jmh.xinda100.cn/public/static/images/model/Recommend.png'></image> --> | ||
71 | + <block wx:if="{{object.goodicon==3}}"> | ||
72 | + <image class='zs_t2' wx:if="{{object.position==2}}" | ||
73 | + src='{{object.customicon}}'></image> | ||
74 | + <!--<image class='zs_t2' wx:if="{{object.styleicon==2 && object.position==2}}"--> | ||
75 | + <!--src='{{object.customicon}}'></image>--> | ||
76 | + <!--<image class='zs_t2' wx:if="{{object.styleicon==3 && object.position==2}}"--> | ||
77 | + <!--src='{{object.customicon}}'></image>--> | ||
78 | + <!--<image class='zs_t2' wx:if="{{object.styleicon==4 && object.position==2}}"--> | ||
79 | + <!--src='{{object.customicon}}'></image>--> | ||
80 | + </block> | ||
81 | + <block wx:if="{{object.goodicon==1}}"> | ||
82 | + <image class='zs_t2' src=''></image> | ||
83 | + </block> | ||
84 | + <block wx:if="{{object.goodicon==2}}"> | ||
85 | + <image class='zs_t2' wx:if="{{object.styleicon==1}}" | ||
86 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
87 | + <image class='zs_t2' wx:if="{{object.styleicon==2 }}" | ||
88 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
89 | + <image class='zs_t2' wx:if="{{object.styleicon==3}}" | ||
90 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
91 | + <image class='zs_t2' wx:if="{{object.styleicon==4 }}" | ||
92 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
93 | + </block> | ||
94 | + </view> | ||
95 | + | ||
96 | + <view class='zs_center'> | ||
97 | + <view class='zs_wz1' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
98 | + <view class='zs_wz2' wx:if="{{object.goodsprice}}"> | ||
99 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
100 | + <view class='del'>¥{{item.market_price}}</view> | ||
101 | + </view> | ||
102 | + <view class='zs_wz5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
103 | + | ||
104 | + </view> | ||
105 | + </navigator> | ||
106 | + | ||
107 | + </view> | ||
108 | + </block> | ||
109 | + </block> | ||
110 | + <!-- 左上角 --> | ||
111 | + <block wx:if='{{object.column==1 && object.position==1}}'> | ||
112 | + <block wx:for="{{goods_array}}"> | ||
113 | + <view class='zs_goods'> | ||
114 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
115 | + <view class='zs_top'> | ||
116 | + | ||
117 | + <block> | ||
118 | + <image class='zs_t_img' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
119 | + binderror="bind_bnerr3"></image> | ||
120 | + </block> | ||
121 | + <!-- <image class='zs_t3' src='http://jmh.xinda100.cn/public/static/images/model/hot.png'></image> --> | ||
122 | + <block wx:if="{{object.goodicon==3}}"> | ||
123 | + <image class='zs_t3' wx:if="{{ object.position==1}}" | ||
124 | + src='{{object.customicon}}'></image> | ||
125 | + <!--<image class='zs_t3' wx:if="{{object.styleicon==2 && object.position==3}}"--> | ||
126 | + <!--src='{{object.customicon}}'></image>--> | ||
127 | + <!--<image class='zs_t3' wx:if="{{object.styleicon==3 && object.position==3}}"--> | ||
128 | + <!--src='{{object.customicon}}'></image>--> | ||
129 | + <!--<image class='zs_t3' wx:if="{{object.styleicon==4 && object.position==3}}"--> | ||
130 | + <!--src='{{object.customicon}}'></image>--> | ||
131 | + </block> | ||
132 | + <block wx:if="{{object.goodicon==1}}"> | ||
133 | + <image class='zs_t3' src=''></image> | ||
134 | + </block> | ||
135 | + <block wx:if="{{object.goodicon==2}}"> | ||
136 | + <image class='zs_t3' wx:if="{{object.styleicon==1}}" | ||
137 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
138 | + <image class='zs_t3' wx:if="{{object.styleicon==2 }}" | ||
139 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
140 | + <image class='zs_t3' wx:if="{{object.styleicon==3}}" | ||
141 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
142 | + <image class='zs_t3' wx:if="{{object.styleicon==4 }}" | ||
143 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
144 | + </block> | ||
145 | + </view> | ||
146 | + | ||
147 | + <view class='zs_center'> | ||
148 | + | ||
149 | + <view class='zs_wz1' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
150 | + <view class='zs_wz2' wx:if="{{object.goodsprice}}"> | ||
151 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
152 | + <view class='del'>¥{{item.market_price}}</view> | ||
153 | + </view> | ||
154 | + <view class='zs_wz5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
155 | + | ||
156 | + </view> | ||
157 | + </navigator> | ||
158 | + | ||
159 | + </view> | ||
160 | + </block> | ||
161 | + </block> | ||
162 | + <!-- 左下角 --> | ||
163 | + <block wx:if='{{object.column==1 && object.position==3}}'> | ||
164 | + <block wx:for="{{goods_array}}" > | ||
165 | + <view class='zs_goods' > | ||
166 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
167 | + <view class='zs_top'> | ||
168 | + | ||
169 | + <block> | ||
170 | + <image class='zs_t_img' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
171 | + binderror="bind_bnerr3"></image> | ||
172 | + </block> | ||
173 | + <!-- <image class='zs_t4' src='http://jmh.xinda100.cn/public/static/images/model/new.png'></image> --> | ||
174 | + | ||
175 | + <block wx:if="{{object.goodicon==3}}"> | ||
176 | + <image class='zs_t4' wx:if="{{ object.position==3}}" | ||
177 | + src='{{object.customicon}}'></image> | ||
178 | + <!--<image class='zs_t4' wx:if="{{object.styleicon==2 && object.position==4}}"--> | ||
179 | + <!--src='{{object.customicon}}'></image>--> | ||
180 | + <!--<image class='zs_t4' wx:if="{{object.styleicon==3 && object.position==4}}"--> | ||
181 | + <!--src='{{object.customicon}}'></image>--> | ||
182 | + <!--<image class='zs_t4' wx:if="{{object.styleicon==4 && object.position==4}}"--> | ||
183 | + <!--src='{{object.customicon}}'></image>--> | ||
184 | + </block> | ||
185 | + <block wx:if="{{object.goodicon==1}}"> | ||
186 | + <image class='zs_t4' src=''></image> | ||
187 | + </block> | ||
188 | + <block wx:if="{{object.goodicon==2}}"> | ||
189 | + <image class='zs_t4' wx:if="{{object.styleicon==1}}" | ||
190 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
191 | + <image class='zs_t4' wx:if="{{object.styleicon==2 }}" | ||
192 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
193 | + <image class='zs_t4' wx:if="{{object.styleicon==3}}" | ||
194 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
195 | + <image class='zs_t4' wx:if="{{object.styleicon==4 }}" | ||
196 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
197 | + </block> | ||
198 | + </view> | ||
199 | + | ||
200 | + <view class='zs_center'> | ||
201 | + <view class='zs_wz1' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
202 | + <view class='zs_wz2' wx:if="{{object.goodsprice}}"> | ||
203 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
204 | + <view class='del'>¥{{item.market_price}}</view> | ||
205 | + </view> | ||
206 | + <view class='zs_wz5' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
207 | + | ||
208 | + </view> | ||
209 | + </navigator> | ||
210 | + </view> | ||
211 | + </block> | ||
212 | + </block> | ||
213 | +</view> | ||
214 | + | ||
215 | + | ||
216 | +<!-- 列表显示 --> | ||
217 | +<view class="zs_goods_xiao_wai"> | ||
218 | + <!--右上角--> | ||
219 | + <block wx:if='{{object.column==4 && object.position==2}}'> | ||
220 | + <block wx:for="{{goods_array}}" > | ||
221 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
222 | + <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" > | ||
223 | + <view class='zs_top_x'> | ||
224 | + <!--<image class='zs_t_img_x'></image>--> | ||
225 | + <block> | ||
226 | + <image class='zs_t_img_x' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
227 | + binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image> | ||
228 | + </block> | ||
229 | + | ||
230 | + <block wx:if="{{object.goodicon==3}}"> | ||
231 | + <image class='zs_t1_x' wx:if="{{object.position==2}}" | ||
232 | + src='{{object.customicon}}'></image> | ||
233 | + <!--<image class='zs_t1_x' wx:if="{{object.styleicon==2 && object.position==1}}"--> | ||
234 | + <!--src='{{object.customicon}}'></image>--> | ||
235 | + <!--<image class='zs_t1_x' wx:if="{{object.styleicon==3 && object.position==1}}"--> | ||
236 | + <!--src='{{object.customicon}}'></image>--> | ||
237 | + <!--<image class='zs_t1_x' wx:if="{{object.styleicon==4 && object.position==1}}"--> | ||
238 | + <!--src='{{object.customicon}}'></image>--> | ||
239 | + </block> | ||
240 | + <block wx:if="{{object.goodicon==1}}"> | ||
241 | + <image class='zs_t1_x' src=''></image> | ||
242 | + </block> | ||
243 | + <block wx:if="{{object.goodicon==2}}"> | ||
244 | + <image class='zs_t1_x' wx:if="{{object.styleicon==1}}" | ||
245 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
246 | + <image class='zs_t1_x' wx:if="{{object.styleicon==2 }}" | ||
247 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
248 | + <image class='zs_t1_x' wx:if="{{object.styleicon==3}}" | ||
249 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
250 | + <image class='zs_t1_x' wx:if="{{object.styleicon==4 }}" | ||
251 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
252 | + </block> | ||
253 | + </view> | ||
254 | + | ||
255 | + <view class='zs_center_x'> | ||
256 | + | ||
257 | + | ||
258 | + <view class='zs_wz1_x' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
259 | + <view class='zs_wz2_x' wx:if="{{object.goodsprice}}"> | ||
260 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
261 | + <view class='del'>¥{{item.market_price}}</view> | ||
262 | + </view> | ||
263 | + <view class='zs_wz5_x' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
264 | + | ||
265 | + | ||
266 | + </view> | ||
267 | + | ||
268 | + </view> | ||
269 | + </navigator> | ||
270 | + </block> | ||
271 | + </block> | ||
272 | + <!-- 左上角 --> | ||
273 | + <block wx:if='{{object.column==4 && object.position==1}}'> | ||
274 | + <block wx:for="{{goods_array}}" > | ||
275 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
276 | + <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" > | ||
277 | + <view class='zs_top_x'> | ||
278 | + | ||
279 | + <block wx:if="{{item.goods_img!=''}}"> | ||
280 | + <image class='zs_t_img_x' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
281 | + binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image> | ||
282 | + </block> | ||
283 | + | ||
284 | + <block wx:if="{{object.goodicon==3}}"> | ||
285 | + <image class='zs_t1_x1' wx:if="{{ object.position==1}}" | ||
286 | + src='{{object.customicon}}'></image> | ||
287 | + <!--<image class='zs_t1_x1' wx:if="{{object.styleicon==2 && object.position==2}}"--> | ||
288 | + <!--src='{{object.customicon}}'></image>--> | ||
289 | + <!--<image class='zs_t1_x1' wx:if="{{object.styleicon==3 && object.position==2}}"--> | ||
290 | + <!--src='{{object.customicon}}'></image>--> | ||
291 | + <!--<image class='zs_t1_x1' wx:if="{{object.styleicon==4 && object.position==2}}"--> | ||
292 | + <!--src='{{object.customicon}}'></image>--> | ||
293 | + </block> | ||
294 | + <block wx:if="{{object.goodicon==1}}"> | ||
295 | + <image class='zs_t1_x1' src=''></image> | ||
296 | + </block> | ||
297 | + <block wx:if="{{object.goodicon==2}}"> | ||
298 | + <image class='zs_t1_x1' wx:if="{{object.styleicon==1}}" | ||
299 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
300 | + <image class='zs_t1_x1' wx:if="{{object.styleicon==2 }}" | ||
301 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
302 | + <image class='zs_t1_x1' wx:if="{{object.styleicon==3}}" | ||
303 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
304 | + <image class='zs_t1_x1' wx:if="{{object.styleicon==4 }}" | ||
305 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
306 | + </block> | ||
307 | + </view> | ||
308 | + <view class='zs_center_x'> | ||
309 | + <view class='zs_wz1_x' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
310 | + <view class='zs_wz2_x' wx:if="{{object.goodsprice}}"> | ||
311 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
312 | + <view class='del'>¥{{item.market_price}}</view> | ||
313 | + </view> | ||
314 | + <view class='zs_wz5_x' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
315 | + </view> | ||
316 | + | ||
317 | + </view> | ||
318 | + </navigator> | ||
319 | + </block> | ||
320 | + </block> | ||
321 | + <!-- 右下角 --> | ||
322 | + <block wx:if='{{object.column==4 && object.position==4}}'> | ||
323 | + <block wx:for="{{goods_array}}" > | ||
324 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
325 | + <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" > | ||
326 | + <view class='zs_top_x'> | ||
327 | + | ||
328 | + <block> | ||
329 | + <image class='zs_t_img_x' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
330 | + binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image> | ||
331 | + </block> | ||
332 | + | ||
333 | + <block wx:if="{{object.goodicon==3}}"> | ||
334 | + <image class='zs_t1_x2' wx:if="{{object.position==4}}" | ||
335 | + src='{{object.customicon}}'></image> | ||
336 | + <!--<image class='zs_t1_x2' wx:if="{{object.styleicon==2 && object.position==3}}"--> | ||
337 | + <!--src='{{object.customicon}}'></image>--> | ||
338 | + <!--<image class='zs_t1_x2' wx:if="{{object.styleicon==3 && object.position==3}}"--> | ||
339 | + <!--src='{{object.customicon}}'></image>--> | ||
340 | + <!--<image class='zs_t1_x2' wx:if="{{object.styleicon==4 && object.position==3}}"--> | ||
341 | + <!--src='{{object.customicon}}'></image>--> | ||
342 | + </block> | ||
343 | + <block wx:if="{{object.goodicon==1}}"> | ||
344 | + <image class='zs_t1_x2' src=''></image> | ||
345 | + </block> | ||
346 | + <block wx:if="{{object.goodicon==2}}"> | ||
347 | + <image class='zs_t1_x2' wx:if="{{object.styleicon==1}}" | ||
348 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
349 | + <image class='zs_t1_x2' wx:if="{{object.styleicon==2 }}" | ||
350 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
351 | + <image class='zs_t1_x2' wx:if="{{object.styleicon==3}}" | ||
352 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
353 | + <image class='zs_t1_x2' wx:if="{{object.styleicon==4 }}" | ||
354 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
355 | + </block> | ||
356 | + </view> | ||
357 | + | ||
358 | + <view class='zs_center_x'> | ||
359 | + <view class='zs_wz1_x' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
360 | + <view class='zs_wz2_x' wx:if="{{object.goodsprice}}"> | ||
361 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
362 | + <view class='del'>¥{{item.market_price}}</view> | ||
363 | + </view> | ||
364 | + <view class='zs_wz5_x' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
365 | + | ||
366 | + </view> | ||
367 | + | ||
368 | + </view> | ||
369 | + </navigator> | ||
370 | + </block> | ||
371 | + </block> | ||
372 | + <!-- 左下角 --> | ||
373 | + <block wx:if='{{object.column==4 && object.position==3}}'> | ||
374 | + <block wx:for="{{goods_array}}" > | ||
375 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
376 | + <view class="{{object.noboder==0?'zs_goods_xiao_bottom':'zs_goods_xiao'}}" > | ||
377 | + <view class='zs_top_x'> | ||
378 | + <block wx:if="{{item.goods_img!=''}}"> | ||
379 | + <image class='zs_t_img_x' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
380 | + binderror="bind_bnerr3" mode="widthFix" style='max-height:290rpx'></image> | ||
381 | + </block> | ||
382 | + | ||
383 | + <block wx:if="{{object.goodicon==3}}"> | ||
384 | + <image class='zs_t1_x3' wx:if="{{object.position==3}}" | ||
385 | + src='{{object.customicon}}'></image> | ||
386 | + <!--<image class='zs_t1_x3' wx:if="{{object.styleicon==2 && object.position==4}}"--> | ||
387 | + <!--src='{{object.customicon}}'></image>--> | ||
388 | + <!--<image class='zs_t1_x3' wx:if="{{object.styleicon==3 && object.position==4}}"--> | ||
389 | + <!--src='{{object.customicon}}'></image>--> | ||
390 | + <!--<image class='zs_t1_x3' wx:if="{{object.styleicon==4 && object.position==4}}"--> | ||
391 | + <!--src='{{object.customicon}}'></image>--> | ||
392 | + </block> | ||
393 | + <block wx:if="{{object.goodicon==1}}"> | ||
394 | + <image class='zs_t1_x3' src=''></image> | ||
395 | + </block> | ||
396 | + <block wx:if="{{object.goodicon==2}}"> | ||
397 | + <image class='zs_t1_x3' wx:if="{{object.styleicon==1}}" | ||
398 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
399 | + <image class='zs_t1_x3' wx:if="{{object.styleicon==2 }}" | ||
400 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
401 | + <image class='zs_t1_x3' wx:if="{{object.styleicon==3}}" | ||
402 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
403 | + <image class='zs_t1_x3' wx:if="{{object.styleicon==4 }}" | ||
404 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
405 | + </block> | ||
406 | + </view> | ||
407 | + <view class='zs_center_x'> | ||
408 | + | ||
409 | + <view class='zs_wz1_x' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
410 | + <view class='zs_wz2_x' wx:if="{{object.goodsprice}}"> | ||
411 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
412 | + <view class='del'>¥{{item.market_price}}</view> | ||
413 | + </view> | ||
414 | + <view class='zs_wz5_x' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
415 | + </view> | ||
416 | + | ||
417 | + </view> | ||
418 | + </navigator> | ||
419 | + </block> | ||
420 | + </block> | ||
421 | +</view> | ||
422 | + | ||
423 | + | ||
424 | +<!--2个一列--> | ||
425 | +<!--左上角--> | ||
426 | +<block wx:if="{{object.column==2 && object.position==1}}"> | ||
427 | +<block wx:for="{{goods_array}}" > | ||
428 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
429 | + | ||
430 | + <view class="zs_goods_wai_ban"> | ||
431 | + <view class="zs_goods_ban"> | ||
432 | + <view class='zs_goods_2l'> | ||
433 | + | ||
434 | + <view class='zs_top_2l'> | ||
435 | + <!--<image class='zs_t_img_2l'></image>--> | ||
436 | + <block wx:if="{{item.goods_img!=''}}"> | ||
437 | + <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
438 | + binderror="bind_bnerr3"></image> | ||
439 | + </block> | ||
440 | + | ||
441 | + <block wx:if="{{object.goodicon==3}}"> | ||
442 | + <image class='zs_t1_2l' wx:if="{{object.position==1}}" | ||
443 | + src='{{object.customicon}}'></image> | ||
444 | + <!--<image class='zs_t1_2l' wx:if="{{object.styleicon==2 && object.position==1}}"--> | ||
445 | + <!--src='{{object.customicon}}'></image>--> | ||
446 | + <!--<image class='zs_t1_2l' wx:if="{{object.styleicon==3 && object.position==1}}"--> | ||
447 | + <!--src='{{object.customicon}}'></image>--> | ||
448 | + <!--<image class='zs_t1_2l' wx:if="{{object.styleicon==4 && object.position==1}}"--> | ||
449 | + <!--src='{{object.customicon}}'></image>--> | ||
450 | + </block> | ||
451 | + <block wx:if="{{object.goodicon==1}}"> | ||
452 | + <image class='zs_t1_2l' src=''></image> | ||
453 | + </block> | ||
454 | + <block wx:if="{{object.goodicon==2}}"> | ||
455 | + <image class='zs_t1_2l' wx:if="{{object.styleicon==1}}" | ||
456 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
457 | + <image class='zs_t1_2l' wx:if="{{object.styleicon==2 }}" | ||
458 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
459 | + <image class='zs_t1_2l' wx:if="{{object.styleicon==3}}" | ||
460 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
461 | + <image class='zs_t1_2l' wx:if="{{object.styleicon==4 }}" | ||
462 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
463 | + </block> | ||
464 | + </view> | ||
465 | + | ||
466 | + <view class='zs_center_2l'> | ||
467 | + <view class='zs_wz1_2l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
468 | + <view class='zs_wz2_2l' wx:if="{{object.goodsprice}}"> | ||
469 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
470 | + <view class='del'>¥{{item.market_price}}</view> | ||
471 | + </view> | ||
472 | + <view class='zs_wz5_2l' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
473 | + </view> | ||
474 | + </view> | ||
475 | + </view> | ||
476 | + | ||
477 | + </view> | ||
478 | + </navigator> | ||
479 | +</block> | ||
480 | + | ||
481 | +<view class="clear"></view> | ||
482 | +</block> | ||
483 | +<!--右上角--> | ||
484 | +<block wx:if='{{object.column==2 && object.position==2}}'> | ||
485 | +<block wx:for="{{goods_array}}" > | ||
486 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
487 | + <view class="zs_goods_wai_ban" > | ||
488 | + <view class="zs_goods_ban"> | ||
489 | + <view class='zs_goods_2l'> | ||
490 | + | ||
491 | + <view class='zs_top_2l'> | ||
492 | + <!--<image class='zs_t_img_2l'></image>--> | ||
493 | + <block> | ||
494 | + <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
495 | + binderror="bind_bnerr3"></image> | ||
496 | + </block> | ||
497 | + <block wx:if="{{object.goodicon==3}}"> | ||
498 | + <image class='zs_t2_2l' wx:if="{{ object.position==2}}" | ||
499 | + src='{{object.customicon}}'></image> | ||
500 | + <!--<image class='zs_t2_2l' wx:if="{{object.styleicon==2 && object.position==2}}"--> | ||
501 | + <!--src='{{object.customicon}}'></image>--> | ||
502 | + <!--<image class='zs_t2_2l' wx:if="{{object.styleicon==3 && object.position==2}}"--> | ||
503 | + <!--src='{{object.customicon}}'></image>--> | ||
504 | + <!--<image class='zs_t2_2l' wx:if="{{object.styleicon==4 && object.position==2}}"--> | ||
505 | + <!--src='{{object.customicon}}'></image>--> | ||
506 | + </block> | ||
507 | + <block wx:if="{{object.goodicon==1}}"> | ||
508 | + <image class='zs_t2_2l' src=''></image> | ||
509 | + </block> | ||
510 | + <block wx:if="{{object.goodicon==2}}"> | ||
511 | + <image class='zs_t2_2l' wx:if="{{object.styleicon==1}}" | ||
512 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
513 | + <image class='zs_t2_2l' wx:if="{{object.styleicon==2 }}" | ||
514 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
515 | + <image class='zs_t2_2l' wx:if="{{object.styleicon==3}}" | ||
516 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
517 | + <image class='zs_t2_2l' wx:if="{{object.styleicon==4 }}" | ||
518 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
519 | + </block> | ||
520 | + </view> | ||
521 | + <view class='zs_center_2l'> | ||
522 | + | ||
523 | + | ||
524 | + <view class='zs_wz1_2l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
525 | + <view class='zs_wz2_2l' wx:if="{{object.goodsprice}}"> | ||
526 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
527 | + <view class='del'>¥{{item.market_price}}</view> | ||
528 | + </view> | ||
529 | + <view class='zs_wz5_2l' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
530 | + | ||
531 | + </view> | ||
532 | + </view> | ||
533 | + </view> | ||
534 | + | ||
535 | + </view> | ||
536 | + </navigator> | ||
537 | +</block> | ||
538 | + | ||
539 | +<view class="clear"></view> | ||
540 | +</block> | ||
541 | +<!--右下角--> | ||
542 | +<block wx:if='{{object.column==2 && object.position==4}}'> | ||
543 | +<block wx:for="{{goods_array}}" > | ||
544 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
545 | + <view class="zs_goods_wai_ban" > | ||
546 | + <view class="zs_goods_ban"> | ||
547 | + <view class='zs_goods_2l'> | ||
548 | + | ||
549 | + <view class='zs_top_2l'> | ||
550 | + <!--<image class='zs_t_img_2l'></image>--> | ||
551 | + <block> | ||
552 | + <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
553 | + binderror="bind_bnerr3"></image> | ||
554 | + </block> | ||
555 | + | ||
556 | + <block wx:if="{{object.goodicon==3}}"> | ||
557 | + <image class='zs_t3_2l' wx:if="{{ object.position==4}}" | ||
558 | + src='{{object.customicon}}'></image> | ||
559 | + <!--<image class='zs_t3_2l' wx:if="{{object.styleicon==2 && object.position==3}}"--> | ||
560 | + <!--src='{{object.customicon}}'></image>--> | ||
561 | + <!--<image class='zs_t3_2l' wx:if="{{object.styleicon==3 && object.position==3}}"--> | ||
562 | + <!--src='{{object.customicon}}'></image>--> | ||
563 | + <!--<image class='zs_t3_2l' wx:if="{{object.styleicon==4 && object.position==3}}"--> | ||
564 | + <!--src='{{object.customicon}}'></image>--> | ||
565 | + </block> | ||
566 | + <block wx:if="{{object.goodicon==1}}"> | ||
567 | + <image class='zs_t3_2l' src=''></image> | ||
568 | + </block> | ||
569 | + <block wx:if="{{object.goodicon==2}}"> | ||
570 | + <image class='zs_t3_2l' wx:if="{{object.styleicon==1}}" | ||
571 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
572 | + <image class='zs_t3_2l' wx:if="{{object.styleicon==2 }}" | ||
573 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
574 | + <image class='zs_t3_2l' wx:if="{{object.styleicon==3}}" | ||
575 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
576 | + <image class='zs_t3_2l' wx:if="{{object.styleicon==4 }}" | ||
577 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
578 | + </block> | ||
579 | + </view> | ||
580 | + | ||
581 | + <view class='zs_center_2l'> | ||
582 | + | ||
583 | + <view class='zs_wz1_2l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
584 | + <view class='zs_wz2_2l' wx:if="{{object.goodsprice}}"> | ||
585 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
586 | + <view class='del'>¥{{item.market_price}}</view> | ||
587 | + </view> | ||
588 | + <view class='zs_wz5_2l' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
589 | + </view> | ||
590 | + | ||
591 | + </view> | ||
592 | + </view> | ||
593 | + | ||
594 | + | ||
595 | + </view> | ||
596 | + </navigator> | ||
597 | +</block> | ||
598 | + | ||
599 | +<view class="clear"></view> | ||
600 | +</block> | ||
601 | +<!--左下角--> | ||
602 | +<block wx:if='{{object.column==2 && object.position==3}}'> | ||
603 | +<block wx:for="{{goods_array}}" > | ||
604 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
605 | + <view class="zs_goods_wai_ban" > | ||
606 | + <view class="zs_goods_ban"> | ||
607 | + <view class='zs_goods_2l'> | ||
608 | + | ||
609 | + <view class='zs_top_2l'> | ||
610 | + <!--<image class='zs_t_img_2l'></image>--> | ||
611 | + <block> | ||
612 | + <image class='zs_t_img_2l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
613 | + binderror="bind_bnerr3"></image> | ||
614 | + </block> | ||
615 | + | ||
616 | + <block wx:if="{{object.goodicon==3}}"> | ||
617 | + <image class='zs_t4_2l' wx:if="{{ object.position==3}}" | ||
618 | + src='{{object.customicon}}'></image> | ||
619 | + <!--<image class='zs_t4_2l' wx:if="{{object.styleicon==2 && object.position==4}}"--> | ||
620 | + <!--src='{{object.customicon}}'></image>--> | ||
621 | + <!--<image class='zs_t4_2l' wx:if="{{object.styleicon==3 && object.position==4}}"--> | ||
622 | + <!--src='{{object.customicon}}'></image>--> | ||
623 | + <!--<image class='zs_t4_2l' wx:if="{{object.styleicon==4 && object.position==4}}"--> | ||
624 | + <!--src='{{object.customicon}}'></image>--> | ||
625 | + </block> | ||
626 | + <block wx:if="{{object.goodicon==1}}"> | ||
627 | + <image class='zs_t4_2l' src=''></image> | ||
628 | + </block> | ||
629 | + <block wx:if="{{object.goodicon==2}}"> | ||
630 | + <image class='zs_t4_2l' wx:if="{{object.styleicon==1}}" | ||
631 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
632 | + <image class='zs_t4_2l' wx:if="{{object.styleicon==2 }}" | ||
633 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
634 | + <image class='zs_t4_2l' wx:if="{{object.styleicon==3}}" | ||
635 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
636 | + <image class='zs_t4_2l' wx:if="{{object.styleicon==4 }}" | ||
637 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
638 | + </block> | ||
639 | + </view> | ||
640 | + | ||
641 | + <view class='zs_center_2l'> | ||
642 | + | ||
643 | + <view class='zs_wz1_2l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
644 | + <view class='zs_wz2_2l' wx:if="{{object.goodsprice}}"> | ||
645 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
646 | + <view class='del'>¥{{item.market_price}}</view> | ||
647 | + </view> | ||
648 | + <view class='zs_wz5_2l' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
649 | + | ||
650 | + </view> | ||
651 | + </view> | ||
652 | + </view> | ||
653 | + | ||
654 | + </view> | ||
655 | + </navigator> | ||
656 | +</block> | ||
657 | + | ||
658 | +<view class="clear"></view> | ||
659 | +</block> | ||
660 | + | ||
661 | +<!--3个一列--> | ||
662 | +<!--左上角--> | ||
663 | +<block wx:if='{{object.column==3 && object.position==1}}'> | ||
664 | +<view class="zwp_3"> | ||
665 | + <block wx:for="{{goods_array}}" > | ||
666 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
667 | + <view class="zs_goods_wai_san" > | ||
668 | + <view class="zs_goods_san"> | ||
669 | + <view class='zs_goods_3l'> | ||
670 | + <view class='zs_top_3l'> | ||
671 | + <block> | ||
672 | + <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
673 | + binderror="bind_bnerr3"></image> | ||
674 | + </block> | ||
675 | + | ||
676 | + <block wx:if="{{object.goodicon==3}}"> | ||
677 | + <image class='zs_t1_3l' wx:if="{{ object.position==1}}" | ||
678 | + src='{{object.customicon}}'></image> | ||
679 | + <!-- <image class='zs_t1_3l' wx:if="{{object.styleicon==2 && object.position==1}}" | ||
680 | + src='{{object.customicon}}'></image> | ||
681 | + <image class='zs_t1_3l' wx:if="{{object.styleicon==3 && object.position==1}}" | ||
682 | + src='{{object.customicon}}'></image> | ||
683 | + <image class='zs_t1_3l' wx:if="{{object.styleicon==4 && object.position==1}}" | ||
684 | + src='{{object.customicon}}'></image> --> | ||
685 | + </block> | ||
686 | + <block wx:if="{{object.goodicon==1}}"> | ||
687 | + <image class='zs_t1_3l' src=''></image> | ||
688 | + </block> | ||
689 | + <block wx:if="{{object.goodicon==2}}"> | ||
690 | + <image class='zs_t1_3l' wx:if="{{object.styleicon==1}}" | ||
691 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
692 | + <image class='zs_t1_3l' wx:if="{{object.styleicon==2 }}" | ||
693 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
694 | + <image class='zs_t1_3l' wx:if="{{object.styleicon==3}}" | ||
695 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
696 | + <image class='zs_t1_3l' wx:if="{{object.styleicon==4 }}" | ||
697 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
698 | + </block> | ||
699 | + </view> | ||
700 | + <view class='zs_center_3l'> | ||
701 | + | ||
702 | + | ||
703 | + <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
704 | + <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}"> | ||
705 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
706 | + <view class='del'>¥{{item.market_price}}</view> | ||
707 | + </view> | ||
708 | + <view class='zs_wz5_3l' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
709 | + </view> | ||
710 | + </view> | ||
711 | + </view> | ||
712 | + </view> | ||
713 | + </navigator> | ||
714 | + </block> | ||
715 | +</view> | ||
716 | +<view class="clear"></view> | ||
717 | +</block> | ||
718 | +<!--右上角--> | ||
719 | +<block wx:if='{{object.column==3 && object.position==2}}'> | ||
720 | +<block wx:for="{{goods_array}}" > | ||
721 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
722 | + <view class="zs_goods_wai_san" > | ||
723 | + <view class="zs_goods_san"> | ||
724 | + <view class='zs_goods_3l'> | ||
725 | + <view class='zs_top_3l'> | ||
726 | + <!--<image class='zs_t_img_3l'></image>--> | ||
727 | + <block> | ||
728 | + <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
729 | + binderror="bind_bnerr3"></image> | ||
730 | + </block> | ||
731 | + | ||
732 | + <block wx:if="{{object.goodicon==3}}"> | ||
733 | + <image class='zs_t2_3l' wx:if="{{ object.position==2}}" | ||
734 | + src='{{object.customicon}}'></image> | ||
735 | + <!--<image class='zs_t2_3l' wx:if="{{object.styleicon==2 && object.position==2}}"--> | ||
736 | + <!--src='{{object.customicon}}'></image>--> | ||
737 | + <!--<image class='zs_t2_3l' wx:if="{{object.styleicon==3 && object.position==2}}"--> | ||
738 | + <!--src='{{object.customicon}}'></image>--> | ||
739 | + <!--<image class='zs_t2_3l' wx:if="{{object.styleicon==4 && object.position==2}}"--> | ||
740 | + <!--src='{{object.customicon}}'></image>--> | ||
741 | + </block> | ||
742 | + <block wx:if="{{object.goodicon==1}}"> | ||
743 | + <image class='zs_t2_3l' src=''></image> | ||
744 | + </block> | ||
745 | + <block wx:if="{{object.goodicon==2}}"> | ||
746 | + <image class='zs_t2_3l' wx:if="{{object.styleicon==1}}" | ||
747 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
748 | + <image class='zs_t2_3l' wx:if="{{object.styleicon==2 }}" | ||
749 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
750 | + <image class='zs_t2_3l' wx:if="{{object.styleicon==3}}" | ||
751 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
752 | + <image class='zs_t2_3l' wx:if="{{object.styleicon==4 }}" | ||
753 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
754 | + </block> | ||
755 | + </view> | ||
756 | + <view class='zs_center_3l'> | ||
757 | + | ||
758 | + | ||
759 | + <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
760 | + <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}"> | ||
761 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
762 | + <view class='del'>¥{{item.market_price}}</view> | ||
763 | + </view> | ||
764 | + <view class='zs_wz5_3l' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
765 | + | ||
766 | + <!--<view class='zs_wz3_3l'>美妆价:¥9.00</view>--> | ||
767 | + <!--<view class='zs_wz4_3l'>等级价:¥8.00</view>--> | ||
768 | + | ||
769 | + </view> | ||
770 | + </view> | ||
771 | + </view> | ||
772 | + </view> | ||
773 | + </navigator> | ||
774 | +</block> | ||
775 | +<view class="clear"></view> | ||
776 | +</block> | ||
777 | +<!--右下角--> | ||
778 | + | ||
779 | +<block wx:if='{{object.column==3 && object.position==4}}'> | ||
780 | +<block wx:for="{{goods_array}}" > | ||
781 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
782 | + <view class="zs_goods_wai_san" > | ||
783 | + <view class="zs_goods_san"> | ||
784 | + <view class='zs_goods_3l'> | ||
785 | + <view class='zs_top_3l'> | ||
786 | + | ||
787 | + <block> | ||
788 | + <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
789 | + binderror="bind_bnerr3"></image> | ||
790 | + </block> | ||
791 | + | ||
792 | + <block wx:if="{{object.goodicon==3}}"> | ||
793 | + <image class='zs_t3_3l' wx:if="{{ object.position==4}}" | ||
794 | + src='{{object.customicon}}'></image> | ||
795 | + <!--<image class='zs_t3_3l' wx:if="{{object.styleicon==2 && object.position==3}}"--> | ||
796 | + <!--src='{{object.customicon}}'></image>--> | ||
797 | + <!--<image class='zs_t3_3l' wx:if="{{object.styleicon==3 && object.position==3}}"--> | ||
798 | + <!--src='{{object.customicon}}'></image>--> | ||
799 | + <!--<image class='zs_t3_3l' wx:if="{{object.styleicon==4 && object.position==3}}"--> | ||
800 | + <!--src='{{object.customicon}}'></image>--> | ||
801 | + </block> | ||
802 | + <block wx:if="{{object.goodicon==1}}"> | ||
803 | + <image class='zs_t3_3l' src=''></image> | ||
804 | + </block> | ||
805 | + <block wx:if="{{object.goodicon==2}}"> | ||
806 | + <image class='zs_t3_3l' wx:if="{{object.styleicon==1}}" | ||
807 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
808 | + <image class='zs_t3_3l' wx:if="{{object.styleicon==2 }}" | ||
809 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
810 | + <image class='zs_t3_3l' wx:if="{{object.styleicon==3}}" | ||
811 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
812 | + <image class='zs_t3_3l' wx:if="{{object.styleicon==4 }}" | ||
813 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
814 | + </block> | ||
815 | + </view> | ||
816 | + <view class='zs_center_3l'> | ||
817 | + | ||
818 | + | ||
819 | + <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
820 | + <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}"> | ||
821 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
822 | + <view class='del'>¥{{item.market_price}}</view> | ||
823 | + </view> | ||
824 | + <view class='zs_wz5_3l' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
825 | + <!--<view class='zs_wz3_3l'>美妆价:¥9.00</view>--> | ||
826 | + <!--<view class='zs_wz4_3l'>等级价:¥8.00</view>--> | ||
827 | + </view> | ||
828 | + </view> | ||
829 | + </view> | ||
830 | + | ||
831 | + </view> | ||
832 | + </navigator> | ||
833 | +</block> | ||
834 | + | ||
835 | + | ||
836 | +<view class="clear"></view> | ||
837 | +</block> | ||
838 | +<!--左下角--> | ||
839 | +<block wx:if='{{object.column==3 && object.position==3}}'> | ||
840 | +<block wx:for="{{goods_array}}" > | ||
841 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" class="s1_gk_a1"> | ||
842 | + <view class="zs_goods_wai_san" > | ||
843 | + <view class="zs_goods_san"> | ||
844 | + <view class='zs_goods_3l'> | ||
845 | + | ||
846 | + <view class='zs_top_3l'> | ||
847 | + | ||
848 | + <block> | ||
849 | + <image class='zs_t_img_3l' src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" | ||
850 | + binderror="bind_bnerr3"></image> | ||
851 | + </block> | ||
852 | + | ||
853 | + <block wx:if="{{object.goodicon==3}}"> | ||
854 | + <image class='zs_t4_3l' wx:if="{{object.position==3}}" | ||
855 | + src='{{object.customicon}}'></image> | ||
856 | + <!--<image class='zs_t4_3l' wx:if="{{ object.position==4}}"--> | ||
857 | + <!--src='{{object.customicon}}'></image>--> | ||
858 | + <!--<image class='zs_t4_3l' wx:if="{{object.position==4}}"--> | ||
859 | + <!--src='{{object.customicon}}'></image>--> | ||
860 | + <!--<image class='zs_t4_3l' wx:if="{{ object.position==4}}"--> | ||
861 | + <!--src='{{object.customicon}}'></image>--> | ||
862 | + </block> | ||
863 | + <block wx:if="{{object.goodicon==1}}"> | ||
864 | + <image class='zs_t4_3l' src=''></image> | ||
865 | + </block> | ||
866 | + <block wx:if="{{object.goodicon==2}}"> | ||
867 | + <image class='zs_t4_3l' wx:if="{{object.styleicon==1}}" | ||
868 | + src='{{imghost}}/miniapp/images/Recommend.png'></image> | ||
869 | + <image class='zs_t4_3l' wx:if="{{object.styleicon==2 }}" | ||
870 | + src='{{imghost}}/miniapp/images/hot.png'></image> | ||
871 | + <image class='zs_t4_3l' wx:if="{{object.styleicon==3}}" | ||
872 | + src='{{imghost}}/miniapp/images/new.png'></image> | ||
873 | + <image class='zs_t4_3l' wx:if="{{object.styleicon==4 }}" | ||
874 | + src='{{imghost}}/miniapp/images/Promotion.png'></image> | ||
875 | + </block> | ||
876 | + </view> | ||
877 | + | ||
878 | + <view class='zs_center_3l'> | ||
879 | + | ||
880 | + <view class='zs_wz1_3l' wx:if="{{object.goodstit}}">{{item.goods_name}}</view> | ||
881 | + <view class='zs_wz2_3l' wx:if="{{object.goodsprice}}"> | ||
882 | + <view class='wz_red'>¥{{item.shop_price}}</view> | ||
883 | + <view class='del'>¥{{item.market_price}}</view> | ||
884 | + </view> | ||
885 | + <view class='zs_wz5_3l' wx:if="{{object.goodsnum}}">销量:{{item.sales_sum}}件</view> | ||
886 | + | ||
887 | + | ||
888 | + </view> | ||
889 | + | ||
890 | + | ||
891 | + </view> | ||
892 | + </view> | ||
893 | + | ||
894 | + </view> | ||
895 | + </navigator> | ||
896 | +</block> | ||
897 | +<view class="clear"></view> | ||
898 | +</block> | ||
899 | + | ||
900 | + | ||
901 | +<!-- <block wx:if="{{object.classstyle=='2' }}"> | ||
902 | +<view class="button-wrapper" wx:if="{{object.goodscount * page <total }}" style="border: none"> | ||
903 | + <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" style="background-color: rgba(0,0,0,0);border:none"> | ||
904 | + {{loadText}} | ||
905 | + </button> | ||
906 | +</view> | ||
907 | +</block> --> | ||
908 | + | ||
909 | +<block wx:if="{{object.classstyle=='1' }}"> | ||
910 | +<view class="button-wrapper" wx:if="{{goods_btn.length!=0 }}" style="border: none"> | ||
911 | + <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" style="background-color: rgba(0,0,0,0);border:none"> | ||
912 | + {{loadText}} | ||
913 | + </button> | ||
914 | +</view> | ||
915 | +</block> | ||
916 | + | ||
917 | +<block wx:if="{{object.classstyle!='1' }}"> | ||
918 | + <view class="button-wrapper" wx:if="{{object.goodscount * page <total }}" style="border: none"> | ||
919 | + <button type="default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading" style="background-color: rgba(0,0,0,0);border:none"> | ||
920 | + {{loadText}} | ||
921 | + </button> | ||
922 | +</view> | ||
923 | + | ||
924 | + </block> | ||
0 | \ No newline at end of file | 925 | \ No newline at end of file |
components/diy_goodsGroup/diy_goodsGroup.wxss
0 → 100644
1 | +/* pages/diy_zs/diy_zs.wxss */ | ||
2 | + | ||
3 | +.zs_goods{ | ||
4 | + width: 100%; | ||
5 | + min-height: 500rpx; | ||
6 | +border: 2rpx #ddd solid; | ||
7 | +margin: 0 auto; | ||
8 | +} | ||
9 | + | ||
10 | +.zwp_3{ | ||
11 | + /* width: 30%; */ | ||
12 | +} | ||
13 | + | ||
14 | +.s1_gk_a1{ | ||
15 | + display: inline; | ||
16 | + width: auto; | ||
17 | + height: auto; | ||
18 | +} | ||
19 | +.clear{ | ||
20 | + clear: both; | ||
21 | +} | ||
22 | +.zs_top{ | ||
23 | + width: 100%; | ||
24 | + min-height: 700rpx; | ||
25 | + margin: 0 auto; | ||
26 | + padding-left:22rpx; | ||
27 | +padding-bottom:30rpx; | ||
28 | + | ||
29 | +display: flex; | ||
30 | +/* padding-left: 6rpx; */ | ||
31 | +/* padding-right: 30rpx; */ | ||
32 | +} | ||
33 | + | ||
34 | +.zs_t_img { | ||
35 | + width: 700rpx; | ||
36 | + height: 700rpx; | ||
37 | + /* margin: 0 auto; */ | ||
38 | + /* background-color: bisque; */ | ||
39 | + | ||
40 | +} | ||
41 | + | ||
42 | +.zs_center{ | ||
43 | + width: 100%; | ||
44 | + min-height: 200rpx; | ||
45 | + font-size: 28rpx; | ||
46 | + color: #333; | ||
47 | + text-align: left; | ||
48 | + margin-left: 25rpx; | ||
49 | + padding: 0 10rpx; | ||
50 | +} | ||
51 | + | ||
52 | +.zs_wz1{ | ||
53 | + overflow: hidden; | ||
54 | + text-overflow: ellipsis; | ||
55 | + margin-bottom:10rpx; | ||
56 | +font-size:28rpx; | ||
57 | + white-space: nowrap; | ||
58 | +} | ||
59 | + | ||
60 | + | ||
61 | +.zs_wz2{ | ||
62 | + overflow: hidden; | ||
63 | + text-overflow: ellipsis; | ||
64 | + margin-bottom:10rpx; | ||
65 | +font-size:28rpx; | ||
66 | + white-space: nowrap; | ||
67 | +} | ||
68 | + | ||
69 | +.zs_wz3{ | ||
70 | + overflow: hidden; | ||
71 | + text-overflow: ellipsis; | ||
72 | + margin-bottom:10rpx; | ||
73 | +font-size:28rpx; | ||
74 | + white-space: nowrap; | ||
75 | +} | ||
76 | + | ||
77 | +.zs_wz4{ | ||
78 | + overflow: hidden; | ||
79 | + text-overflow: ellipsis; | ||
80 | + margin-bottom:10rpx; | ||
81 | +font-size:28rpx; | ||
82 | + white-space: nowrap; | ||
83 | +} | ||
84 | + | ||
85 | +.zs_wz5{ | ||
86 | + overflow: hidden; | ||
87 | + text-overflow: ellipsis; | ||
88 | + font-size:30rpx; | ||
89 | + white-space: nowrap; | ||
90 | +} | ||
91 | + | ||
92 | +.wz_red{ | ||
93 | + | ||
94 | + color: #C4182E; | ||
95 | + font-size: 32rpx; | ||
96 | +} | ||
97 | + | ||
98 | +.del{ | ||
99 | + font-size: 24rpx; | ||
100 | + color: #999; | ||
101 | + text-decoration: line-through; | ||
102 | +} | ||
103 | + | ||
104 | +.zs_t1{ | ||
105 | + width: 56rpx; | ||
106 | + height: 56rpx; | ||
107 | + position: relative; | ||
108 | + right: 58rpx; | ||
109 | + bottom: -640rpx; | ||
110 | +} | ||
111 | + | ||
112 | + | ||
113 | +.zs_t2{ | ||
114 | + width: 56rpx; | ||
115 | + height: 56rpx; | ||
116 | + position: relative; | ||
117 | + right: 58rpx; | ||
118 | + bottom: -2rpx; | ||
119 | +} | ||
120 | + | ||
121 | +.zs_t3{ | ||
122 | + width: 56rpx; | ||
123 | + height: 56rpx; | ||
124 | + position: relative; | ||
125 | + right: 692rpx; | ||
126 | + bottom: -4rpx; | ||
127 | +} | ||
128 | + | ||
129 | + | ||
130 | +.zs_t4{ | ||
131 | + width: 56rpx; | ||
132 | + height: 56rpx; | ||
133 | + position: relative; | ||
134 | + right: 692rpx; | ||
135 | + bottom: -642rpx; | ||
136 | +} | ||
137 | + | ||
138 | + | ||
139 | + | ||
140 | + | ||
141 | +/* xiao */ | ||
142 | + | ||
143 | + | ||
144 | +.zs_goods_xiao_bottom{ | ||
145 | + width: 100%; | ||
146 | + min-height: 300rpx; | ||
147 | + | ||
148 | + display: flex; | ||
149 | + border-bottom: 2rpx #eee solid; | ||
150 | + padding: 10rpx; | ||
151 | + background-color: white; | ||
152 | + | ||
153 | +} | ||
154 | + | ||
155 | +.zs_goods_xiao{ | ||
156 | + width: 100%; | ||
157 | + min-height: 300rpx; | ||
158 | + | ||
159 | + display: flex; | ||
160 | + /* border-bottom: 2rpx #eee solid; */ | ||
161 | + padding: 10rpx; | ||
162 | + background-color: white; | ||
163 | +} | ||
164 | + | ||
165 | +.zs_top_x{ | ||
166 | + width: 400rpx; | ||
167 | + height: 318rpx; | ||
168 | + margin-top: 20rpx; | ||
169 | + /* /* padding-top:30rpx; | ||
170 | +padding-bottom:30rpx; */ | ||
171 | + | ||
172 | +display: flex; | ||
173 | + | ||
174 | +} | ||
175 | + | ||
176 | +/* .zs_goods_xiao{ | ||
177 | + background-color: white; | ||
178 | +} */ | ||
179 | + | ||
180 | +.zs_t_img_x { | ||
181 | + width: 290rpx; | ||
182 | + height: 290rpx; | ||
183 | + margin-left: 20rpx; | ||
184 | + /* background-color: bisque; */ | ||
185 | + | ||
186 | +} | ||
187 | + | ||
188 | +.zs_center_x{ | ||
189 | + | ||
190 | + width: 100%; | ||
191 | + min-height: 200rpx; | ||
192 | + font-size: 28rpx; | ||
193 | + color: #333; | ||
194 | + text-align: left; | ||
195 | + margin-top: 30rpx; | ||
196 | + padding: 0 10rpx; | ||
197 | +} | ||
198 | + | ||
199 | +.zs_wz1_x{ | ||
200 | + overflow: hidden; | ||
201 | + text-overflow: ellipsis; | ||
202 | + margin-bottom:10rpx; | ||
203 | +font-size:28rpx; | ||
204 | + white-space: nowrap; | ||
205 | + width: 80%; | ||
206 | +} | ||
207 | + | ||
208 | + | ||
209 | +.zs_wz2_x{ | ||
210 | + overflow: hidden; | ||
211 | + text-overflow: ellipsis; | ||
212 | + margin-bottom:10rpx; | ||
213 | +font-size:28rpx; | ||
214 | + white-space: nowrap; | ||
215 | +} | ||
216 | + | ||
217 | +.zs_wz3_x{ | ||
218 | + overflow: hidden; | ||
219 | + text-overflow: ellipsis; | ||
220 | + margin-bottom:10rpx; | ||
221 | +font-size:28rpx; | ||
222 | + white-space: nowrap; | ||
223 | +} | ||
224 | + | ||
225 | +.zs_wz4_x{ | ||
226 | + overflow: hidden; | ||
227 | + text-overflow: ellipsis; | ||
228 | + margin-bottom:10rpx; | ||
229 | +font-size:28rpx; | ||
230 | + white-space: nowrap; | ||
231 | +} | ||
232 | + | ||
233 | +.zs_wz5_x{ | ||
234 | + overflow: hidden; | ||
235 | + text-overflow: ellipsis; | ||
236 | + font-size:30rpx; | ||
237 | + white-space: nowrap; | ||
238 | +} | ||
239 | + | ||
240 | +.wz_red{ | ||
241 | + color: #C4182E; | ||
242 | + font-size: 32rpx; | ||
243 | +} | ||
244 | + | ||
245 | +.del{ | ||
246 | + font-size: 24rpx; | ||
247 | + color: #999; | ||
248 | + text-decoration: line-through; | ||
249 | + margin-left: 10rpx; | ||
250 | + margin-top: 8rpx; | ||
251 | +} | ||
252 | + | ||
253 | +.zs_t1_x{ | ||
254 | + width: 56rpx; | ||
255 | + height: 56rpx; | ||
256 | + position: relative; | ||
257 | + right: 62rpx; | ||
258 | +top: 6rpx; | ||
259 | +} | ||
260 | + | ||
261 | +.zs_t1_x1{ | ||
262 | + width: 56rpx; | ||
263 | + height: 56rpx; | ||
264 | + position: relative; | ||
265 | + right: 285rpx; | ||
266 | +top: 6rpx; | ||
267 | +} | ||
268 | + | ||
269 | +.zs_t1_x2{ | ||
270 | + width: 56rpx; | ||
271 | + height: 56rpx; | ||
272 | + position: relative; | ||
273 | + right: 56rpx; | ||
274 | +top: 234rpx; | ||
275 | +} | ||
276 | + | ||
277 | + | ||
278 | +.zs_t1_x3{ | ||
279 | + width: 56rpx; | ||
280 | + height: 56rpx; | ||
281 | + position: relative; | ||
282 | + right: 288rpx; | ||
283 | +top: 234rpx; | ||
284 | +} | ||
285 | + | ||
286 | +/*1列2个*/ | ||
287 | + | ||
288 | +.zs_goods_ban{ | ||
289 | + width: 100%; | ||
290 | + min-height: 300rpx; | ||
291 | +} | ||
292 | + | ||
293 | +.zs_goods_wai_ban{ | ||
294 | + display: flex; | ||
295 | + /* padding-left: 2rpx; */ | ||
296 | + margin-bottom: 12rpx; | ||
297 | + width: 50%; | ||
298 | + float: left; | ||
299 | + background: #fff; | ||
300 | +} | ||
301 | + | ||
302 | + | ||
303 | +.zs_goods_2l{ | ||
304 | + width: 94%; | ||
305 | + min-height: 300rpx; | ||
306 | + border: 2rpx #ddd solid; | ||
307 | + margin: 0 auto; | ||
308 | +padding: 2rpx; | ||
309 | +} | ||
310 | + | ||
311 | +.zs_top_2l{ | ||
312 | + width: 300rpx; | ||
313 | + height: 300rpx; | ||
314 | + | ||
315 | + | ||
316 | +} | ||
317 | + | ||
318 | +.button-wrapper button { | ||
319 | + /*width: 94%;*/ | ||
320 | + border: none; | ||
321 | +} | ||
322 | + | ||
323 | + | ||
324 | +.zs_t_img_2l { | ||
325 | + width: 100%; | ||
326 | + height: 300rpx; | ||
327 | + margin: 0 auto; | ||
328 | +} | ||
329 | + | ||
330 | +.zs_center_2l{ | ||
331 | + width: 100%; | ||
332 | + min-height: 200rpx; | ||
333 | + font-size: 28rpx; | ||
334 | + color: #333; | ||
335 | + text-align: left; | ||
336 | + padding: 0 10rpx; | ||
337 | +} | ||
338 | + | ||
339 | +.zs_wz1_2l{ | ||
340 | + overflow: hidden; | ||
341 | + text-overflow: ellipsis; | ||
342 | + margin-bottom:10rpx; | ||
343 | + font-size:30rpx; | ||
344 | + white-space: nowrap; | ||
345 | + margin-top: 10rpx; | ||
346 | +} | ||
347 | + | ||
348 | + | ||
349 | +.zs_wz2_2l{ | ||
350 | + overflow: hidden; | ||
351 | + text-overflow: ellipsis; | ||
352 | + margin-bottom:10rpx; | ||
353 | + font-size:30rpx; | ||
354 | + white-space: nowrap; | ||
355 | + margin-top: 10rpx; | ||
356 | +} | ||
357 | + | ||
358 | +.zs_wz3_2l{ | ||
359 | + overflow: hidden; | ||
360 | + text-overflow: ellipsis; | ||
361 | + margin-bottom:10rpx; | ||
362 | + font-size:30rpx; | ||
363 | + white-space: nowrap; | ||
364 | + margin-top: 10rpx; | ||
365 | +} | ||
366 | + | ||
367 | +.zs_wz4_2l{ | ||
368 | + overflow: hidden; | ||
369 | + text-overflow: ellipsis; | ||
370 | + margin-bottom:10rpx; | ||
371 | + font-size:30rpx; | ||
372 | + white-space: nowrap; | ||
373 | + margin-top: 10rpx; | ||
374 | +} | ||
375 | + | ||
376 | +.zs_wz5_2l{ | ||
377 | + overflow: hidden; | ||
378 | + text-overflow: ellipsis; | ||
379 | + font-size:30rpx; | ||
380 | + white-space: nowrap; | ||
381 | + margin-top: 10rpx; | ||
382 | +} | ||
383 | + | ||
384 | + | ||
385 | +.zs_t1_2l{ | ||
386 | + width: 56rpx; | ||
387 | + height: 56rpx; | ||
388 | + position: relative; | ||
389 | + right: -2rpx; | ||
390 | + top: -310rpx; | ||
391 | +} | ||
392 | + | ||
393 | + | ||
394 | +.zs_t2_2l{ | ||
395 | + width: 56rpx; | ||
396 | + height: 56rpx; | ||
397 | + position: relative; | ||
398 | + right: -294rpx; | ||
399 | + bottom: 310rpx; | ||
400 | +} | ||
401 | + | ||
402 | +.zs_t3_2l{ | ||
403 | + width: 56rpx; | ||
404 | + height: 56rpx; | ||
405 | + position: relative; | ||
406 | + right: -294rpx; | ||
407 | + bottom: 68rpx; | ||
408 | +} | ||
409 | + | ||
410 | + | ||
411 | +.zs_t4_2l{ | ||
412 | + width: 56rpx; | ||
413 | + height: 56rpx; | ||
414 | + position: relative; | ||
415 | + right: -2rpx; | ||
416 | + bottom: 68rpx; | ||
417 | +} | ||
418 | + | ||
419 | +/*一个3列*/ | ||
420 | +.zs_goods_wai_san{ | ||
421 | + width: 240rpx; | ||
422 | + display: flex; | ||
423 | + margin-left: 8rpx; | ||
424 | + float: left; | ||
425 | + margin-bottom: 8rpx; | ||
426 | + background-color:white; | ||
427 | + | ||
428 | +} | ||
429 | + | ||
430 | +.zs_goods_san{ | ||
431 | + width: 240rpx; | ||
432 | + | ||
433 | +} | ||
434 | + | ||
435 | + | ||
436 | + | ||
437 | + | ||
438 | + | ||
439 | + | ||
440 | +.zs_goods_3l{ | ||
441 | + width: 240rpx; | ||
442 | + min-height: 300rpx; | ||
443 | + border: 2rpx #ddd solid; | ||
444 | + margin: 0 auto; | ||
445 | + padding: 2rpx; | ||
446 | +} | ||
447 | + | ||
448 | +.zs_top_3l{ | ||
449 | + width: 240rpx; | ||
450 | + height: 240rpx; | ||
451 | + | ||
452 | + | ||
453 | + | ||
454 | + | ||
455 | + | ||
456 | + | ||
457 | +} | ||
458 | + | ||
459 | +.zs_t_img_3l { | ||
460 | + width:237rpx; | ||
461 | + height: 240rpx; | ||
462 | + margin: 0 auto; | ||
463 | + background-color: bisque; | ||
464 | + | ||
465 | +} | ||
466 | + | ||
467 | +.zs_center_3l{ | ||
468 | + width: 100%; | ||
469 | + min-height: 200rpx; | ||
470 | + font-size: 28rpx; | ||
471 | + color: #333; | ||
472 | + text-align: left; | ||
473 | + padding: 0 10rpx; | ||
474 | +} | ||
475 | + | ||
476 | +.zs_wz1_3l{ | ||
477 | + overflow: hidden; | ||
478 | + text-overflow: ellipsis; | ||
479 | + margin-bottom:10rpx; | ||
480 | + font-size:30rpx; | ||
481 | + height: 80rpx; | ||
482 | + width: 227rpx; | ||
483 | + /* white-space: nowrap; */ | ||
484 | +} | ||
485 | + | ||
486 | + | ||
487 | +.zs_wz2_3l{ | ||
488 | + /* overflow: hidden; | ||
489 | + text-overflow: ellipsis; */ | ||
490 | + margin-bottom:10rpx; | ||
491 | + font-size:30rpx; | ||
492 | + /* white-space: nowrap; */ | ||
493 | + display: flex; | ||
494 | +} | ||
495 | + | ||
496 | +.zs_wz3_3l{ | ||
497 | + overflow: hidden; | ||
498 | + text-overflow: ellipsis; | ||
499 | + margin-bottom:10rpx; | ||
500 | + font-size:30rpx; | ||
501 | + white-space: nowrap; | ||
502 | +} | ||
503 | + | ||
504 | +.zs_wz4_3l{ | ||
505 | + overflow: hidden; | ||
506 | + text-overflow: ellipsis; | ||
507 | + margin-bottom:10rpx; | ||
508 | + font-size:30rpx; | ||
509 | + white-space: nowrap; | ||
510 | +} | ||
511 | + | ||
512 | +.zs_wz5_3l{ | ||
513 | + overflow: hidden; | ||
514 | + text-overflow: ellipsis; | ||
515 | + font-size:30rpx; | ||
516 | + white-space: nowrap; | ||
517 | +} | ||
518 | + | ||
519 | + | ||
520 | +.zs_t1_3l{ | ||
521 | + width: 56rpx; | ||
522 | + height: 56rpx; | ||
523 | + position: relative; | ||
524 | + right: 0rpx; | ||
525 | + top: -250rpx; | ||
526 | +} | ||
527 | + | ||
528 | + | ||
529 | +.zs_t2_3l{ | ||
530 | + width: 56rpx; | ||
531 | + height: 56rpx; | ||
532 | + position: relative; | ||
533 | + right: -177rpx; | ||
534 | + bottom: 250rpx; | ||
535 | +} | ||
536 | + | ||
537 | +.zs_t3_3l{ | ||
538 | + width: 56rpx; | ||
539 | + height: 56rpx; | ||
540 | + position: relative; | ||
541 | + right: -177rpx; | ||
542 | + bottom: 67rpx; | ||
543 | +} | ||
544 | + | ||
545 | + | ||
546 | +.zs_t4_3l{ | ||
547 | + width: 56rpx; | ||
548 | + height: 56rpx; | ||
549 | + position: relative; | ||
550 | + right: 0rpx; | ||
551 | + bottom: 67rpx; | ||
552 | +} | ||
553 | + | ||
554 | +.zs_goods_wai{ | ||
555 | + background-color: white; | ||
556 | + margin-top: 10rpx; | ||
557 | +} | ||
0 | \ No newline at end of file | 558 | \ No newline at end of file |
components/diy_groupbuy/diy_groupbuy.js
0 → 100644
1 | +Component({ | ||
2 | + properties: { | ||
3 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
4 | + | ||
5 | + style_b: { | ||
6 | + type: Number, | ||
7 | + value: 3, | ||
8 | + }, | ||
9 | + | ||
10 | + | ||
11 | + | ||
12 | + | ||
13 | + | ||
14 | + }, | ||
15 | + data: { | ||
16 | + // 这里是一些组件内部数据 | ||
17 | + bulk:false, | ||
18 | + someData: {} | ||
19 | + }, | ||
20 | + methods: { | ||
21 | + // 这里是一个自定义方法 | ||
22 | + | ||
23 | + customMethod: function () { } | ||
24 | + } | ||
25 | +}) | ||
0 | \ No newline at end of file | 26 | \ No newline at end of file |
components/diy_groupbuy/diy_groupbuy.json
0 → 100644
components/diy_groupbuy/diy_groupbuy.wxml
0 → 100644
1 | +<!--pages/wp/wp.wxml--> | ||
2 | + | ||
3 | + | ||
4 | + | ||
5 | + | ||
6 | +<view class='top_b'> | ||
7 | +<view class='t_left_b'></view> | ||
8 | +<view class='t_ms_b'>团购</view> | ||
9 | +<view class='.right_b'></view> | ||
10 | +</view> | ||
11 | + | ||
12 | + | ||
13 | +<!--商品展示--> | ||
14 | + | ||
15 | +<view class='sp_b' wx:if="{{style_b==1}}"> | ||
16 | + | ||
17 | +<view class='one_b'> | ||
18 | +<view class='sp_top_b'> | ||
19 | +<view class='s_img_b'><image></image></view> | ||
20 | +<view class='s_foot_bulk'>11天22小时33分44秒</view> | ||
21 | +</view> | ||
22 | + | ||
23 | +<view class='sp_wz_b'> | ||
24 | +<view class='sp_wzi_b'>ddddd</view> | ||
25 | +<view class='sp_jg_b'>¥1111111111111</view> | ||
26 | +<view class='sp_jgx_b'>¥1111111111111111</view> | ||
27 | +</view> | ||
28 | + | ||
29 | + <view class='guo_b'> | ||
30 | + <view class='g_one_b'><text>已抢50件</text></view> | ||
31 | + <view class='g_two_b'><text>50%</text></view> | ||
32 | + </view> | ||
33 | +</view> | ||
34 | + | ||
35 | +<view class='one_b'> | ||
36 | +<view class='sp_top_b'> | ||
37 | + | ||
38 | +<view class='s_img_b'><image></image></view> | ||
39 | +<view class='s_foot1_bulk'>11天22小时33分44秒</view> | ||
40 | +</view> | ||
41 | + | ||
42 | +<view class='sp_wz_b'> | ||
43 | +<view class='sp_wzi_b'>ddddd</view> | ||
44 | +<view class='sp_jg_b'>1111</view> | ||
45 | +<view class='sp_jgx_b'>1111</view> | ||
46 | +</view> | ||
47 | + | ||
48 | + <view class='guo_b'> | ||
49 | + <view class='g_one_b'><text>已抢50件</text></view> | ||
50 | + <view class='g_two_b'><text>50%</text></view> | ||
51 | + </view> | ||
52 | +</view> | ||
53 | + | ||
54 | +<view class='one_b'> | ||
55 | +<view class='sp_top_b'> | ||
56 | + | ||
57 | +<view class='s_img_b'><image></image></view> | ||
58 | +<view class='s_foot2_bulk'>11天22小时33分44秒</view> | ||
59 | +</view> | ||
60 | + | ||
61 | +<view class='sp_wz_b'> | ||
62 | +<view class='sp_wzi_b'>ddddd</view> | ||
63 | +<view class='sp_jg_b'>1111</view> | ||
64 | +<view class='sp_jgx_b'>1111</view> | ||
65 | +</view> | ||
66 | + <view class='guo_b'> | ||
67 | + <view class='g_one_b'><text>已抢50件</text></view> | ||
68 | + <view class='g_two_b'><text>50%</text></view> | ||
69 | + </view> | ||
70 | +</view> | ||
71 | + | ||
72 | +</view> | ||
73 | + | ||
74 | + | ||
75 | +<view class="sp2_b" wx:if="{{style_b==2}}"> | ||
76 | +<view class="sp2_one_b"> | ||
77 | + | ||
78 | + <view class="g_g_b"> | ||
79 | + <view class="g_top_b"> | ||
80 | + <text>距结束时间</text> | ||
81 | + <view class="o1_sj1_bulk"><text>11</text>天<text>22</text>:<text>22</text>:<text>22</text></view> | ||
82 | + </view> | ||
83 | + </view> | ||
84 | + | ||
85 | + | ||
86 | + <view class='one1_b'> | ||
87 | + | ||
88 | + | ||
89 | + <view class="o1_img_b"><image></image></view> | ||
90 | + <view class="o1_right_b"> | ||
91 | + | ||
92 | + <view class="sp_wzi_b">ddddd</view> | ||
93 | + | ||
94 | + <view class='sp2_guo_b'> | ||
95 | + <view class='g_one2_b'><text>已抢50件</text></view> | ||
96 | + <view class='g_two2_b'><text>50%</text></view> | ||
97 | + </view> | ||
98 | + | ||
99 | + <view class='sp_jg_b'>1111</view> | ||
100 | + <view class='sp_jgx_b'>1111</view> | ||
101 | + | ||
102 | + | ||
103 | + | ||
104 | + </view> | ||
105 | + </view> | ||
106 | +</view> | ||
107 | + | ||
108 | + | ||
109 | + <view class="sp2_one_b"> | ||
110 | + <view class="g_top_b"> | ||
111 | + <text>距结束时间</text> | ||
112 | + <view class="o1_sj1_bulk"><text>11</text>天<text>22</text>:<text>22</text>:<text>22</text></view> | ||
113 | + </view> | ||
114 | + <view class='one1_b'> | ||
115 | + | ||
116 | + | ||
117 | + <view class="o1_img_b"><image></image></view> | ||
118 | + <view class="o1_right_b"> | ||
119 | + | ||
120 | + <view class="sp_wzi_b">ddddd</view> | ||
121 | + | ||
122 | + <view class='sp2_guo_b'> | ||
123 | + <view class='g_one2_b'><text>已抢50件</text></view> | ||
124 | + <view class='g_two2_b'><text>50%</text></view> | ||
125 | + </view> | ||
126 | + | ||
127 | + <view class='sp_jg_b'>1111</view> | ||
128 | + <view class='sp_jgx_b'>1111</view> | ||
129 | + | ||
130 | + | ||
131 | + | ||
132 | + </view> | ||
133 | + </view> | ||
134 | + </view> | ||
135 | + | ||
136 | + | ||
137 | + <view class="sp2_one_b"> | ||
138 | + <view class="g_top_b"> | ||
139 | + <text>距结束时间</text> | ||
140 | + <view class="o1_sj1_bulk"><text>11</text>天<text>22</text>:<text>22</text>:<text>22</text></view> | ||
141 | + </view> | ||
142 | + <view class='one1_b'> | ||
143 | + | ||
144 | + | ||
145 | + <view class="o1_img_b"><image></image></view> | ||
146 | + <view class="o1_right_b"> | ||
147 | + | ||
148 | + <view class="sp_wzi_b">ddddd</view> | ||
149 | + | ||
150 | + <view class='sp2_guo_b'> | ||
151 | + <view class='g_one2_b'><text>已抢50件</text></view> | ||
152 | + <view class='g_two2_b'><text>50%</text></view> | ||
153 | + </view> | ||
154 | + | ||
155 | + <view class='sp_jg_b'>1111</view> | ||
156 | + <view class='sp_jgx_b'>1111</view> | ||
157 | + | ||
158 | + | ||
159 | + | ||
160 | + </view> | ||
161 | + </view> | ||
162 | + </view> | ||
163 | + | ||
164 | + | ||
165 | + | ||
166 | +</view> | ||
167 | + | ||
168 | + | ||
169 | + | ||
170 | + | ||
171 | + | ||
172 | + | ||
173 | + | ||
174 | + | ||
175 | + | ||
176 | + | ||
177 | + | ||
178 | + | ||
179 | + | ||
180 | + | ||
181 | + | ||
182 | + | ||
183 | + | ||
184 | + | ||
185 | + |
components/diy_groupbuy/diy_groupbuy.wxss
0 → 100644
1 | +/* pages/team_guo/team_guo.wxss */ | ||
2 | + | ||
3 | +/* pages/wp/wp.wxss */ | ||
4 | +.kbstyle{ | ||
5 | + background-color: red; | ||
6 | + width: 100%; | ||
7 | + height: 60rpx; | ||
8 | +} | ||
9 | + | ||
10 | +.right_b{ | ||
11 | + width: 30rpx; | ||
12 | + height: 100%; | ||
13 | + background: url(https://mshopimg.yolipai.net/miniapp/images/user/leftTip.png) no-repeat center center; | ||
14 | + background-size: 22rpx 40rpx; | ||
15 | + margin-left: 600rpx; | ||
16 | +} | ||
17 | + | ||
18 | +.top_b{ | ||
19 | + width: 100%; | ||
20 | + background-color: white; | ||
21 | + height: 70rpx; | ||
22 | + line-height: 70rpx; | ||
23 | + color: #000; | ||
24 | + text-align: left; | ||
25 | + border-bottom: 2rpx solid #eee; | ||
26 | + display: flex; | ||
27 | +} | ||
28 | + | ||
29 | +.top_b .t_left_b{ | ||
30 | + width: 6rpx; | ||
31 | + height: 38rpx; | ||
32 | + background: #C4182E; | ||
33 | + margin-top:18rpx; | ||
34 | +margin-right:12rpx; | ||
35 | + | ||
36 | +} | ||
37 | + | ||
38 | + | ||
39 | +.sp_b{ | ||
40 | + min-height: 300rpx; | ||
41 | + width: 100%; | ||
42 | + background-color: white; | ||
43 | + padding:18rpx; | ||
44 | +display: flex; | ||
45 | +} | ||
46 | + | ||
47 | +.sp_b .sp_top_b{ | ||
48 | + height: 220rpx; | ||
49 | + min-width: 30%; | ||
50 | + background-color: bisque; | ||
51 | + | ||
52 | +} | ||
53 | + | ||
54 | +.sp_b .sp_top_b .s_img_b{ | ||
55 | + width: 210rpx; | ||
56 | + height: 100%; | ||
57 | +} | ||
58 | + | ||
59 | +.sp_b .sp_top_b .s_img_b image{ | ||
60 | + width: 210rpx; | ||
61 | + height: 100%; | ||
62 | + background-color: blueviolet; | ||
63 | + position:relative; | ||
64 | +top:-24rpx; | ||
65 | +left:-64rpx; | ||
66 | + | ||
67 | +} | ||
68 | + | ||
69 | +.sp_b .sp_top_b .s_top_b{ | ||
70 | + position: absolute; | ||
71 | +background-color:#C4182E; | ||
72 | +font-size:24rpx; | ||
73 | +height:38rpx; | ||
74 | +line-height:38rpx; | ||
75 | +left:40rpx; | ||
76 | +top:160rpx; | ||
77 | +padding:0 10rpx; | ||
78 | +color:white; | ||
79 | +border-radius:10rpx; | ||
80 | + | ||
81 | +} | ||
82 | + | ||
83 | +.sp_b .sp_top_b .s_foot_bulk{ | ||
84 | + font-size: 20rpx; | ||
85 | + position: relative; | ||
86 | + top:-40rpx; | ||
87 | + width: 210rpx; | ||
88 | + height: 38rpx; | ||
89 | + line-height: 38rpx; | ||
90 | + color: #fff; | ||
91 | + text-align: center; | ||
92 | + background-color: rgba(0, 0, 0, 0.5); | ||
93 | +} | ||
94 | + | ||
95 | + | ||
96 | + | ||
97 | +.sp_wz_b{ | ||
98 | +width: 210rpx; | ||
99 | + min-height:100rpx; | ||
100 | + | ||
101 | +} | ||
102 | + | ||
103 | +.sp_wz_b .sp_wzi_b{ | ||
104 | + font-size: 28rpx; | ||
105 | + border-bottom: 2rpx solid #dcdcdc; | ||
106 | + width: 100%; | ||
107 | + text-align: left; | ||
108 | + padding: 4rpx 0; | ||
109 | + overflow: hidden; | ||
110 | + height: 48rpx; | ||
111 | + text-overflow: ellipsis; | ||
112 | + display: inline-block; | ||
113 | + white-space: nowrap; | ||
114 | +} | ||
115 | + | ||
116 | +.sp_wz_b .sp_jg_b{ | ||
117 | + color: #C4182E; | ||
118 | + font-size: 20rpx; | ||
119 | + width: 50%; | ||
120 | + overflow: hidden; | ||
121 | + display: inline-block; | ||
122 | + | ||
123 | + text-overflow: ellipsis; | ||
124 | + white-space: nowrap; | ||
125 | +} | ||
126 | + | ||
127 | +.sp_wz_b .sp_jgx_b{ | ||
128 | + color: #dcdcdc; | ||
129 | + text-decoration: line-through; | ||
130 | + font-size: 20rpx; | ||
131 | + width: 50%; | ||
132 | + overflow: hidden; | ||
133 | + display: inline-block; | ||
134 | + | ||
135 | + text-overflow: ellipsis; | ||
136 | + white-space: nowrap; | ||
137 | +} | ||
138 | + | ||
139 | +.one_b{ | ||
140 | + margin-left: 14rpx; | ||
141 | + | ||
142 | +} | ||
143 | + | ||
144 | + | ||
145 | +.sp_b .sp_top_b .s_top1_b{ | ||
146 | + position: absolute; | ||
147 | +background-color:#C4182E; | ||
148 | +font-size:24rpx; | ||
149 | +height:38rpx; | ||
150 | +line-height:38rpx; | ||
151 | +left:265rpx; | ||
152 | +top:160rpx; | ||
153 | +padding:0 10rpx; | ||
154 | +color:white; | ||
155 | +border-radius:10rpx; | ||
156 | + | ||
157 | +} | ||
158 | + | ||
159 | +.sp_b .sp_top_b .s_top2_b{ | ||
160 | + position: absolute; | ||
161 | +background-color:#C4182E; | ||
162 | +font-size:24rpx; | ||
163 | +height:38rpx; | ||
164 | +line-height:38rpx; | ||
165 | +right:146rpx; | ||
166 | +top:160rpx; | ||
167 | +padding:0 10rpx; | ||
168 | +color:white; | ||
169 | +border-radius:10rpx; | ||
170 | + | ||
171 | +} | ||
172 | + | ||
173 | + | ||
174 | + | ||
175 | +.sp_b .sp_top_b .s_foot1_bulk{ | ||
176 | + font-size: 20rpx; | ||
177 | + position: relative; | ||
178 | + top:-40rpx; | ||
179 | + width: 210rpx; | ||
180 | + height: 38rpx; | ||
181 | + line-height: 38rpx; | ||
182 | + color: #fff; | ||
183 | + text-align: center; | ||
184 | + background-color: rgba(0, 0, 0, 0.5); | ||
185 | +} | ||
186 | + | ||
187 | + | ||
188 | + | ||
189 | +.sp_b .sp_top_b .s_foot2_bulk{ | ||
190 | + font-size: 20rpx; | ||
191 | + position: relative; | ||
192 | + top:-40rpx; | ||
193 | + width: 210rpx; | ||
194 | + height: 38rpx; | ||
195 | + line-height: 38rpx; | ||
196 | + color: #fff; | ||
197 | + text-align: center; | ||
198 | + background-color: rgba(0, 0, 0, 0.5); | ||
199 | +} | ||
200 | + | ||
201 | + | ||
202 | + | ||
203 | + | ||
204 | + | ||
205 | + | ||
206 | + | ||
207 | +.sp2_b{ | ||
208 | + width: 100%; | ||
209 | + min-height: 240rpx; | ||
210 | + | ||
211 | +} | ||
212 | + | ||
213 | +.sp2_b .one1_b{ | ||
214 | + width: 100%; | ||
215 | + background-color: white; | ||
216 | + height: 252rpx; | ||
217 | + display: flex; | ||
218 | + padding: 20rpx; | ||
219 | + border-bottom:2rpx#eee solid; | ||
220 | + | ||
221 | +} | ||
222 | + | ||
223 | +.sp2_b .one1_b .o1_img_b{ | ||
224 | + width: 200rpx; | ||
225 | + height: 240rpx; | ||
226 | + background-color: bisque; | ||
227 | + margin-right: 24rpx; | ||
228 | +} | ||
229 | + | ||
230 | +.o1_right_b .sp_wzi_b{ | ||
231 | + font-size: 36rpx; | ||
232 | + margin-bottom:6rpx; | ||
233 | + | ||
234 | + width: 100%; | ||
235 | + text-align: left; | ||
236 | + padding: 4rpx 0; | ||
237 | + overflow: hidden; | ||
238 | + height: 48rpx; | ||
239 | + text-overflow: ellipsis; | ||
240 | +} | ||
241 | + | ||
242 | +.o1_right_b .o1_sj_b{ | ||
243 | + height: 60rpx; | ||
244 | + | ||
245 | + margin-bottom: 10rpx; | ||
246 | +} | ||
247 | + | ||
248 | +.o1_right_b .o1_sj_b text{ | ||
249 | + background-color: #fdcb08; | ||
250 | + text-align: center; | ||
251 | + border-radius: 10rpx; | ||
252 | + padding:4rpx; | ||
253 | +margin-left:6rpx; | ||
254 | + | ||
255 | +} | ||
256 | + | ||
257 | + | ||
258 | + | ||
259 | +.o1_right_b .sp_jg_b{ | ||
260 | + color: #C4182E; | ||
261 | + font-size: 36rpx; | ||
262 | + width: 28%; | ||
263 | + overflow: hidden; | ||
264 | + margin-top: 10rpx; | ||
265 | +} | ||
266 | + | ||
267 | +.o1_right_b .sp_jgx_b{ | ||
268 | + color: #dcdcdc; | ||
269 | + text-decoration: line-through; | ||
270 | + font-size: 26rpx; | ||
271 | + width: 50%; | ||
272 | + overflow: hidden; | ||
273 | + display: inline-block; | ||
274 | + margin-top: 10rpx; | ||
275 | +} | ||
276 | + | ||
277 | + | ||
278 | +.o1_img_b image{ | ||
279 | + width: 100%; | ||
280 | + height: 100%; | ||
281 | + background-color: blueviolet; | ||
282 | + position: relative; | ||
283 | + top:-24rpx; | ||
284 | +left:-64rpx; | ||
285 | + | ||
286 | +} | ||
287 | + | ||
288 | +.o1_right_b .wo_b{ | ||
289 | + background-color: #C4182E; | ||
290 | + width: 160rpx; | ||
291 | + height: 60rpx; | ||
292 | + line-height: 60rpx; | ||
293 | + color: white; | ||
294 | + text-align: center; | ||
295 | + font-size: 38rpx; | ||
296 | + margin-left:298rpx; | ||
297 | +border-radius:14rpx; | ||
298 | + | ||
299 | +} | ||
300 | + | ||
301 | +.guo_b{ | ||
302 | + width: 100%; | ||
303 | + border: 1px solid #C4182E; | ||
304 | + text-align: left; | ||
305 | + background-color: #fff; | ||
306 | + border-radius:24rpx; | ||
307 | +height:44rpx; | ||
308 | +font-size:26rpx; | ||
309 | +display: flex; | ||
310 | +} | ||
311 | + | ||
312 | +.g_one_b{ | ||
313 | + width: 50%; | ||
314 | + height: 44rpx; | ||
315 | + line-height: 44rpx; | ||
316 | + text-align: left; | ||
317 | + background-color: #C4182E; | ||
318 | +color: white; | ||
319 | +border-radius:24rpx; | ||
320 | +padding-right: 2rpx; | ||
321 | + text-overflow: ellipsis; | ||
322 | + white-space: nowrap; | ||
323 | + overflow: hidden; | ||
324 | +} | ||
325 | + | ||
326 | +.g_one_b text{ | ||
327 | + margin-left: 10rpx; | ||
328 | + text-overflow: ellipsis; | ||
329 | +} | ||
330 | + | ||
331 | +.g_two_b{ | ||
332 | + height: 44rpx; | ||
333 | + line-height: 44rpx; | ||
334 | + text-align: right; | ||
335 | + width: 50%; | ||
336 | + color: #C4182E; | ||
337 | +} | ||
338 | + | ||
339 | +.g_two_b text{ | ||
340 | + margin-right: 10rpx; | ||
341 | +} | ||
342 | + | ||
343 | +.g_top_b{ | ||
344 | + display: flex; | ||
345 | + background-color: #fbfaff; | ||
346 | + color: #333; | ||
347 | + font-size: 28rpx; | ||
348 | + height: 60rpx; | ||
349 | + line-height: 60rpx; | ||
350 | + width: 94%; | ||
351 | +} | ||
352 | + | ||
353 | +.g_top_b text{ | ||
354 | + margin-left: 20rpx; | ||
355 | +} | ||
356 | + | ||
357 | +.o1_sj_b text{ | ||
358 | + background-color: #fdcb08; | ||
359 | + text-align: center; | ||
360 | + border-radius: 10rpx; | ||
361 | + padding:4rpx; | ||
362 | + margin-left:6rpx; | ||
363 | + | ||
364 | +} | ||
365 | + | ||
366 | +.o1_sj_b{ | ||
367 | + margin-left: 370rpx; | ||
368 | +} | ||
369 | + | ||
370 | +.sp2_guo_b{ | ||
371 | + width: 100%; | ||
372 | + border: 1px solid #C4182E; | ||
373 | + text-align: left; | ||
374 | + background-color: #fff; | ||
375 | + border-radius:24rpx; | ||
376 | + height:44rpx; | ||
377 | + font-size:26rpx; | ||
378 | + display: flex; | ||
379 | +} | ||
380 | + | ||
381 | +.g_one2_b{ | ||
382 | + width: 50%; | ||
383 | + height: 44rpx; | ||
384 | + line-height: 44rpx; | ||
385 | + text-align: left; | ||
386 | + background-color: #C4182E; | ||
387 | + color: white; | ||
388 | + border-radius:24rpx; | ||
389 | + padding-right: 2rpx; | ||
390 | +} | ||
391 | + | ||
392 | +.g_one2_b text{ | ||
393 | + margin-left: 10rpx; | ||
394 | +} | ||
395 | + | ||
396 | +.g_two2_b{ | ||
397 | + height: 44rpx; | ||
398 | + line-height: 44rpx; | ||
399 | + text-align: right; | ||
400 | + width: 50%; | ||
401 | + color: #C4182E; | ||
402 | +} | ||
403 | + | ||
404 | +.g_two2_b text{ | ||
405 | + margin-right: 10rpx; | ||
406 | +} | ||
407 | + | ||
408 | +.o1_sj1_bulk text{ | ||
409 | + background-color: #fdcb08; | ||
410 | + text-align: center; | ||
411 | + border-radius: 10rpx; | ||
412 | + padding:4rpx; | ||
413 | + margin-left:6rpx; | ||
414 | +} | ||
415 | + | ||
416 | + | ||
417 | + | ||
418 | + | ||
419 | +.o1_sj1_bulk { | ||
420 | + margin-left:306rpx; | ||
421 | +} | ||
422 | + | ||
423 | +.o1_right_b{ | ||
424 | + width: 456rpx; | ||
425 | +} | ||
426 | + | ||
427 | + | ||
428 | +.down-arrow { | ||
429 | + display :inline-block; | ||
430 | + position: relative; | ||
431 | + width: 40rpx; | ||
432 | + height: 30rpx; | ||
433 | + margin-right: 20rpx; | ||
434 | +} | ||
435 | + | ||
436 | +.down-arrow::after { | ||
437 | + display: inline-block; | ||
438 | + content: " "; | ||
439 | + height: 18rpx; | ||
440 | + width: 18rpx; | ||
441 | + border-width: 0 2rpx 2rpx 0; | ||
442 | + border-color: #999999; | ||
443 | + border-style: solid; | ||
444 | + transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); | ||
445 | + transform-origin: center; | ||
446 | + transition: transform .3s; | ||
447 | + position: absolute; | ||
448 | + top: 50%; | ||
449 | + right: 10rpx; | ||
450 | + margin-top: -10rpx; | ||
451 | +} | ||
452 | + | ||
453 | + | ||
454 | + | ||
455 | +.pt_center{ | ||
456 | + background: #fff; | ||
457 | + position: fixed; | ||
458 | + padding: 15px; | ||
459 | +} | ||
460 | + | ||
461 | +.pt_center .pt_zi span{ | ||
462 | + color: #333; | ||
463 | +} | ||
464 | + | ||
465 | +.pt_c_img image{ | ||
466 | + background-color: red; | ||
467 | + width: 48rpx; | ||
468 | + height: 48rpx; | ||
469 | + position: relative; | ||
470 | + top: 0rpx; | ||
471 | + right: 0rpx; | ||
472 | + display: inline-block; | ||
473 | +} | ||
474 | + | ||
475 | +.pt_c_img{ | ||
476 | + display: inline-block; | ||
477 | +} | ||
478 | + | ||
479 | +.pt_zi{ | ||
480 | + width: 100%; | ||
481 | + font-size: 36rpx; | ||
482 | +} | ||
483 | + | ||
484 | +.g_g{ | ||
485 | + background-color: #fff; | ||
486 | + width: 100%; | ||
487 | +} | ||
0 | \ No newline at end of file | 488 | \ No newline at end of file |
components/diy_nav/diy_nav.js
0 → 100644
1 | +var t = getApp(), | ||
2 | + o = t.globalData.setting; | ||
3 | + | ||
4 | +Component({ | ||
5 | + properties: { | ||
6 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
7 | + object: { | ||
8 | + type: Object, | ||
9 | + value: null, | ||
10 | + }, | ||
11 | + | ||
12 | + nav_list: { | ||
13 | + type: Array, | ||
14 | + value: [], | ||
15 | + }, | ||
16 | + | ||
17 | + }, | ||
18 | + data: { | ||
19 | + // 这里是一些组件内部数据 | ||
20 | + strs:null, | ||
21 | + imghost: o.imghost, | ||
22 | + someData: {} | ||
23 | + }, | ||
24 | + | ||
25 | + ready: function() { | ||
26 | + console.log("ready"); | ||
27 | + var g_id = this.data.object.data; | ||
28 | + this.pd_navicon(g_id); | ||
29 | + }, | ||
30 | + methods: { | ||
31 | + // 这里是一个自定义方法,判断图片路径,并加载 | ||
32 | + pd_navicon:function(g_id){ | ||
33 | + | ||
34 | + var item={}; | ||
35 | + var nav_strs=g_id; | ||
36 | + for (var i=0;i<nav_strs.length;i++){ | ||
37 | + if (!(nav_strs[i].navicon.indexOf("/public/static/images/model/tag-icon.png"))){ | ||
38 | + nav_strs[i].navicon ="../../../../../images/nav-icon.png"; | ||
39 | + } | ||
40 | + } | ||
41 | + this.setData({ | ||
42 | + nav_list:nav_strs, | ||
43 | + }); | ||
44 | + }, | ||
45 | + customMethod: function () { }, | ||
46 | + //智能跳转 | ||
47 | + go_url:function (e) { | ||
48 | + var url=e.currentTarget.dataset.url; | ||
49 | + getApp().goto(url); | ||
50 | + } | ||
51 | + } | ||
52 | +}) | ||
0 | \ No newline at end of file | 53 | \ No newline at end of file |
components/diy_nav/diy_nav.json
0 → 100644
components/diy_nav/diy_nav.wxml
0 → 100644
1 | +<block wx:if="{{object.style==1}}"> | ||
2 | + <view class="{{object.seticon==1?'big':object.seticon==2?'big_one_two':'big_border_three'}}"> | ||
3 | + <block wx:for="{{nav_list}}"> | ||
4 | + <view data-url="{{item.wxapp_url}}" class="s1_gk_a1" bindtap="go_url"> | ||
5 | + <view style='width:{{100/nav_list.length}}%' | ||
6 | + class="{{object.seticon==1?'big_view_one':object.seticon==2?'big_view_two':'bicder_picture'}}"> | ||
7 | + <block wx:if="{{item.navicon==null}}"> | ||
8 | + <image style='width:{{object.sliderExample+100}}rpx;height:{{object.sliderExample+100}}rpx;' | ||
9 | + class="{{object.seticon==1?'print_one':object.seticon==2?'print_two':'image_none'}}" | ||
10 | + src="{{imghost}}/miniapp/images/nav-icon.png"></image> | ||
11 | + <view class="{{object.seticon==1?'font_one':object.seticon==2?'font_bicder_two':'font_three'}}"> | ||
12 | + {{item.title}} | ||
13 | + </view> | ||
14 | + </block> | ||
15 | + <block wx:if="{{item.navicon!=null}}"> | ||
16 | + <image style='width:{{object.sliderExample+100}}rpx;height:{{object.sliderExample+100}}rpx;' | ||
17 | + class="{{object.seticon==1?'print_one':object.seticon==2?'print_two':'image_none'}}" | ||
18 | + src="{{item.navicon}}"></image> | ||
19 | + <view class="{{object.seticon==1?'font_one':object.seticon==2?'font_bicder_two':'font_three'}}"> | ||
20 | + {{item.title}} | ||
21 | + </view> | ||
22 | + </block> | ||
23 | + </view> | ||
24 | + </view> | ||
25 | + </block> | ||
26 | + </view> | ||
27 | +</block> | ||
28 | + | ||
29 | +<block wx:if="{{object.style==2}}"> | ||
30 | + <view class="big_two"> | ||
31 | + <!-- 图片一 --> | ||
32 | + <block wx:for="{{nav_list}}"> | ||
33 | + <view data-url="{{item.wxapp_url}}" class="s1_gk_a1" bindtap="go_url"> | ||
34 | + <view class="one_div"> | ||
35 | + <view class="picture_one"> | ||
36 | + <block wx:if="{{item.navicon!=null}}"> | ||
37 | + <image style='width:{{object.sliderExample+100}}rpx;height:{{object.sliderExample+100}}rpx;' | ||
38 | + src="{{item.navicon}}"> | ||
39 | + </image> | ||
40 | + </block> | ||
41 | + | ||
42 | + <block wx:if="{{item.navicon==null}}"> | ||
43 | + <image style='width:{{object.sliderExample+100}}rpx;height:{{object.sliderExample+100}}rpx;' | ||
44 | + src="{{imghost}}/miniapp/images/nav-icon.png"> | ||
45 | + </image> | ||
46 | + </block> | ||
47 | + | ||
48 | + </view> | ||
49 | + <view class="test">{{item.title}}</view> | ||
50 | + </view> | ||
51 | + </view> | ||
52 | + </block> | ||
53 | + </view> | ||
54 | +</block> | ||
55 | + |
components/diy_nav/diy_nav.wxss
0 → 100644
1 | +/* 最大的view*/ | ||
2 | + | ||
3 | +.big { | ||
4 | + width: 100%; | ||
5 | + /* min-height: 280rpx; */ | ||
6 | + /* 先设置最小容器单位,min-height:280rpx;然后再设置auto */ | ||
7 | + height: auto; | ||
8 | + margin: 0rpx auto; | ||
9 | + text-align: center; | ||
10 | +} | ||
11 | + | ||
12 | +.s1_gk_a1 { | ||
13 | + display: inline; | ||
14 | +} | ||
15 | + | ||
16 | +/* 设置第一张图片的外框 */ | ||
17 | + | ||
18 | +.big_view_one { | ||
19 | + width: 25%; | ||
20 | + min-height: 145rpx; | ||
21 | + height: auto; | ||
22 | + display: inline-block; | ||
23 | + text-align: center; | ||
24 | + vertical-align: middle; | ||
25 | +} | ||
26 | + | ||
27 | +/* 第一张图片 */ | ||
28 | + | ||
29 | +.print_one { | ||
30 | + display: inline-block; | ||
31 | + vertical-align: middle; | ||
32 | + flex-direction: row; | ||
33 | + margin-top: 30rpx; | ||
34 | +} | ||
35 | + | ||
36 | +/* 第一个文字 */ | ||
37 | + | ||
38 | +.font_one { | ||
39 | + /*display: flex;*/ | ||
40 | + height: 40rpx; | ||
41 | + font-size: 30rpx; | ||
42 | + margin-top: 20rpx; | ||
43 | + /*margin-left: 40rpx;*/ | ||
44 | + text-align: center; | ||
45 | +} | ||
46 | + | ||
47 | +/* 图片2的大框 */ | ||
48 | + | ||
49 | +.big_one_two { | ||
50 | + display: inline-block; | ||
51 | + /* display: flex; */ | ||
52 | + width: 100%; | ||
53 | + min-height: 122rpx; | ||
54 | + height: auto; | ||
55 | + margin: 0 auto; | ||
56 | + text-align: center; | ||
57 | +} | ||
58 | + | ||
59 | +/* 图片2的外框 */ | ||
60 | + | ||
61 | +.big_view_two { | ||
62 | + display: inline-block; | ||
63 | + /* display: flex; */ | ||
64 | + width: 20%; | ||
65 | + min-height: 86rpx; | ||
66 | + line-height: 86rpx; | ||
67 | + height: auto; | ||
68 | + margin-top: 20rpx; | ||
69 | + text-align: center; | ||
70 | +} | ||
71 | + | ||
72 | +/* 图片2 */ | ||
73 | + | ||
74 | +.print_two { | ||
75 | + margin-left: 5rpx; | ||
76 | + vertical-align: middle; | ||
77 | +} | ||
78 | + | ||
79 | +/* 文字2 */ | ||
80 | + | ||
81 | +.font_bicder_two { | ||
82 | + display: inline-block; | ||
83 | + width: 80rpx; | ||
84 | + font-size: 30rpx; | ||
85 | + /* margin-left: 40rpx; */ | ||
86 | + vertical-align: middle; | ||
87 | + line-height: 30rpx; | ||
88 | + overflow: hidden; | ||
89 | +} | ||
90 | + | ||
91 | +/* 3功能的大边框 */ | ||
92 | + | ||
93 | +.big_border_three { | ||
94 | + display: flex; | ||
95 | + widows: 100%; | ||
96 | + height: 108rpx; | ||
97 | +} | ||
98 | + | ||
99 | +/* 图片的边框 */ | ||
100 | + | ||
101 | +.bicder_picture { | ||
102 | + display: flex; | ||
103 | + width: 25%; | ||
104 | +} | ||
105 | + | ||
106 | +/* 设置文字3 */ | ||
107 | + | ||
108 | +.font_three { | ||
109 | + display: inline-block; | ||
110 | + margin-left: 70rpx; | ||
111 | + margin-top: 40rpx; | ||
112 | + font-size: 30rpx; | ||
113 | + font-family: "宋体"; | ||
114 | +} | ||
115 | + | ||
116 | +/* 隐藏图片 */ | ||
117 | + | ||
118 | +.image_none { | ||
119 | + display: none; | ||
120 | +} | ||
121 | + | ||
122 | +/* 判断后端图片 */ | ||
123 | + | ||
124 | +.image { | ||
125 | + margin-left: 55rpx; | ||
126 | + width: 80rpx; | ||
127 | + height: 80rpx; | ||
128 | + transform: rotate(270deg); | ||
129 | +} | ||
130 | + | ||
131 | +/* | ||
132 | + 第二块 */ | ||
133 | + | ||
134 | +.big_two { | ||
135 | + display: inline-block; | ||
136 | + width: 100%; | ||
137 | + min-height: 280rpx; | ||
138 | + /* 先设置最小容器单位,min-height:280rpx;然后再设置auto */ | ||
139 | + height: auto; | ||
140 | +} | ||
141 | + | ||
142 | +image { | ||
143 | + /* transform:rotate(270deg); */ | ||
144 | +} | ||
145 | + | ||
146 | +/* 图片大外层 */ | ||
147 | + | ||
148 | +.one_div { | ||
149 | + display: inline-block; | ||
150 | + min-height: 50%; | ||
151 | + width: 50%; | ||
152 | + height: auto; | ||
153 | +} | ||
154 | + | ||
155 | +/* 图片的外层 */ | ||
156 | + | ||
157 | +.picture_one { | ||
158 | + display: inline-block; | ||
159 | + margin-left: 50rpx; | ||
160 | + vertical-align: middle; | ||
161 | +} | ||
162 | + | ||
163 | +/* 文字1 */ | ||
164 | + | ||
165 | +.test { | ||
166 | + width: 60rpx; | ||
167 | + height: 40rpx; | ||
168 | + margin-left: 30rpx; | ||
169 | + font-size: 30rpx; | ||
170 | + /* 被display:inline-block;要移动位置的时候用 vertical-align: middle; */ | ||
171 | + display: inline-block; | ||
172 | + vertical-align: middle; | ||
173 | +} | ||
174 | + | ||
175 | +/* 图片2的大外层 */ | ||
176 | + | ||
177 | +.two_div { | ||
178 | + display: inline-block; | ||
179 | + min-height: 50%; | ||
180 | + width: 50%; | ||
181 | + height: auto; | ||
182 | +} | ||
183 | + | ||
184 | +/* 图片2的外层*/ | ||
185 | + | ||
186 | +.picture_two { | ||
187 | + display: inline-block; | ||
188 | + vertical-align: middle; | ||
189 | +} | ||
190 | + | ||
191 | +/* 文字2 */ | ||
192 | + | ||
193 | +.text_two { | ||
194 | + width: 60rpx; | ||
195 | + height: 40rpx; | ||
196 | + margin-left: 30rpx; | ||
197 | + font-size: 30rpx; | ||
198 | + /* 被display:inline-block;要移动位置的时候用 vertical-align: middle中部; */ | ||
199 | + display: inline-block; | ||
200 | + vertical-align: middle; | ||
201 | +} | ||
202 | + | ||
203 | +/* 外层view3 */ | ||
204 | + | ||
205 | +.three_div { | ||
206 | + display: inline-block; | ||
207 | + min-height: 50%; | ||
208 | + width: 50%; | ||
209 | + height: auto; | ||
210 | + margin-top: 80rpx; | ||
211 | +} | ||
212 | + | ||
213 | +/* 外层div4 */ | ||
214 | + | ||
215 | +.four_div { | ||
216 | + display: inline-block; | ||
217 | + min-height: 50%; | ||
218 | + width: 50%; | ||
219 | + height: auto; | ||
220 | + /* margin-top: 30rpx; */ | ||
221 | + vertical-align: middle; | ||
222 | +} |
components/diy_notice/diy_notice.js
0 → 100644
1 | +var t = getApp(), | ||
2 | + o = t.globalData.setting; | ||
3 | +Component({ | ||
4 | + properties: { | ||
5 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
6 | + object: { | ||
7 | + type: Object, | ||
8 | + value: null, | ||
9 | + }, | ||
10 | + }, | ||
11 | + data: { | ||
12 | + // 这里是一些组件内部数据 | ||
13 | + imghost: o.imghost, | ||
14 | + someData: {}, | ||
15 | + mleft:600, | ||
16 | + timer: null, | ||
17 | + width:0, | ||
18 | + }, | ||
19 | + ready: function() { | ||
20 | + var th=this; | ||
21 | + }, | ||
22 | + detached() { | ||
23 | + }, | ||
24 | + methods: { | ||
25 | + go_url:function (e) { | ||
26 | + var url=e.currentTarget.dataset.url; | ||
27 | + getApp().goto(url); | ||
28 | + }, | ||
29 | + } | ||
30 | +}) | ||
0 | \ No newline at end of file | 31 | \ No newline at end of file |
components/diy_notice/diy_notice.json
0 → 100644
components/diy_notice/diy_notice.wxml
0 → 100644
1 | +<block wx:if="{{object.style==1}}"> | ||
2 | + <view data-url="{{object.wxapp_url}}" class="s1_gk_a1 pd_top10" bindtap="go_url" style="background-color: {{object.notice_bgcolor}}"> | ||
3 | + <view class="big_border"> | ||
4 | + <image class="image_c" src="/public/static/images/model/notice.png"></image> | ||
5 | + <view class="marquee"> | ||
6 | + <view class="content"> | ||
7 | + <text style="color: {{object.notice_color}}">{{object.noticetxt}}</text> <text style="display: inline-block; width: 590rpx;"></text> | ||
8 | + <text style="color: {{object.notice_color}}">{{object.noticetxt}}</text> <text style="display: inline-block; width: 590rpx;"></text> | ||
9 | + <text style="color: {{object.notice_color}}">{{object.noticetxt}}</text> <text style="display: inline-block; width: 590rpx;"></text> | ||
10 | + </view> | ||
11 | + </view> | ||
12 | + </view> | ||
13 | + </view> | ||
14 | +</block> | ||
15 | + | ||
16 | + | ||
17 | + | ||
18 | + |
components/diy_notice/diy_notice.wxss
0 → 100644
1 | +.big_border { | ||
2 | + width: 100%; | ||
3 | + height: 80rpx; | ||
4 | + margin-left:40rpx; | ||
5 | + | ||
6 | +} | ||
7 | +.image_c{ | ||
8 | + width: 35rpx; | ||
9 | + height: 35rpx; | ||
10 | + margin-top: 24rpx; | ||
11 | +} | ||
12 | + | ||
13 | +.view1 { | ||
14 | + width: auto; | ||
15 | + height: 60rpx; | ||
16 | + line-height: 60rpx; | ||
17 | + margin-left: 20rpx; | ||
18 | + margin-top:15rpx; | ||
19 | + font-size: 30rpx; | ||
20 | +} | ||
21 | +.border_min{ | ||
22 | + /* margin-top:-45rpx; */ | ||
23 | + width: 640rpx; | ||
24 | + height: 60rpx; | ||
25 | + display:inline-block; | ||
26 | + overflow: hidden; | ||
27 | +} | ||
28 | + | ||
29 | + | ||
30 | +@keyframes kf-marque-animation{ 0% { transform: translateX(0); } 100% { transform: translateX(-33.3%); } } | ||
31 | +.marquee{ | ||
32 | + width: 100%; | ||
33 | + height: 44rpx; | ||
34 | + line-height: 44rpx; | ||
35 | + background: none; | ||
36 | + border: none; | ||
37 | + display: block; | ||
38 | + overflow: hidden; | ||
39 | + white-space: nowrap; | ||
40 | + text-overflow: clip; | ||
41 | + position: relative; | ||
42 | + font-size: 28rpx; | ||
43 | + margin-left: 50rpx; | ||
44 | + margin-top: -45rpx; | ||
45 | +} | ||
46 | +.marquee .content{ | ||
47 | + display: inline-block; | ||
48 | + position: relative; | ||
49 | + padding-right: 0px; | ||
50 | + animation: kf-marque-animation 4.5s linear infinite; | ||
51 | + white-space: nowrap; | ||
52 | +} | ||
53 | + | ||
54 | +.pd_top10{margin: 10rpx 0} | ||
55 | + |
components/diy_picMax/diy_picMax.js
0 → 100644
1 | +Component({ | ||
2 | + properties: { | ||
3 | + object: { | ||
4 | + type: Object, | ||
5 | + value: null | ||
6 | + }, | ||
7 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
8 | + }, | ||
9 | + data: { | ||
10 | + // 这里是一些组件内部数据 | ||
11 | + someData: {}, | ||
12 | + pic_height:0,//图片组合的高度 | ||
13 | + }, | ||
14 | + ready: function () { | ||
15 | + //console.log(this.data.object.data) | ||
16 | + //--计算图片组合占用的高度-- | ||
17 | + var height=0; | ||
18 | + this.properties.object.data.forEach(function (val,ind) { | ||
19 | + if(val.fir.x==0){ | ||
20 | + height+=val.y_span*187; | ||
21 | + } | ||
22 | + }) | ||
23 | + this.setData({pic_height:height}) | ||
24 | + | ||
25 | + }, | ||
26 | + methods: { | ||
27 | + //智能跳转到页面 | ||
28 | + gopage(e) { | ||
29 | + var url = e.currentTarget.dataset.url; | ||
30 | + getApp().goto(url); | ||
31 | + } | ||
32 | + } | ||
33 | +}) | ||
0 | \ No newline at end of file | 34 | \ No newline at end of file |
components/diy_picMax/diy_picMax.json
0 → 100644
components/diy_picMax/diy_picMax.wxml
0 → 100644
1 | +<!--图片组合--> | ||
2 | +<view class="picMax" style="height: {{pic_height}}rpx"> | ||
3 | + <view wx:for="{{object.data}}" class="pic_item width_{{item.x_span}} height_{{item.y_span}} mar_x{{item.fir.x}} mar_y{{item.fir.y}}"> | ||
4 | + <image bindtap='gopage' data-url="{{item.wxapp_url}}" src="{{item.src}}" mode="widthFix"></image> | ||
5 | + </view> | ||
6 | +</view> |
components/diy_picMax/diy_picMax.wxss
0 → 100644
1 | +.picMax{width: 100%; padding: 0 10rpx;position: relative;} | ||
2 | +.pic_item{position: absolute; top:0;left:0;} | ||
3 | +.pic_item image{width: 100%; height: 100%} | ||
4 | +.width_1{width: 187rpx}.width_2{width: 374rpx;}.width_3{width: 561rpx}.width_4{width:748rpx;} | ||
5 | +.height_1{height: 187rpx;}.height_2{height: 374rpx;}.height_3{height: 561rpx}.height_4{height: 748rpx;} | ||
6 | +.mar_x1{margin-left:187rpx;}.mar_x2{margin-left:374rpx;}.mar_x3{margin-left:561rpx}.mar_x4{margin-left: 748rpx;} | ||
7 | +.mar_y1{margin-top: 187rpx;}.mar_y2{margin-top: 374rpx;}.mar_y3{margin-top: 561rpx}.mar_y4{margin-top: 748rpx;} | ||
8 | +.picMax-clear{clear: both;} | ||
0 | \ No newline at end of file | 9 | \ No newline at end of file |
components/diy_pingd_buy/diy_pingd_buy.js
0 → 100644
1 | +// var e = function(e) { | ||
2 | +// return e && e.__esModule ? e : { | ||
3 | +// default: e | ||
4 | +// }; | ||
5 | +// }(require("../../utils/LoadMore3.js")), | ||
6 | +// n = new e.default(), | ||
7 | +var t = getApp(), | ||
8 | + a = t.request, | ||
9 | + o = t.globalData.setting, | ||
10 | + os = o, | ||
11 | + i = require("../../utils/util.js"), | ||
12 | + ut = i, | ||
13 | + s = require("../../utils/common.js"); | ||
14 | +var regeneratorRuntime = require('../../utils/runtime.js'); | ||
15 | + | ||
16 | +Component({ | ||
17 | + properties: { | ||
18 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
19 | + object: { | ||
20 | + type: Object, | ||
21 | + value: null, | ||
22 | + }, | ||
23 | + goods_array: { | ||
24 | + type: Array, | ||
25 | + value: [] | ||
26 | + }, | ||
27 | + newTime: { | ||
28 | + type: Number, | ||
29 | + value: 0 | ||
30 | + }, | ||
31 | + }, | ||
32 | + data: { | ||
33 | + // 这里是一些组件内部数据 | ||
34 | + yc: false, | ||
35 | + someData: null, | ||
36 | + ylp_img: "https://mshopimg.yolipai.net/", | ||
37 | + timer: null, | ||
38 | + iurl:o.imghost, | ||
39 | + }, | ||
40 | + ready: function() { | ||
41 | + console.log("ready"); | ||
42 | + var g_id = this.data.object.data; | ||
43 | + console.log(g_id); | ||
44 | + this.init(g_id); | ||
45 | + }, | ||
46 | + detached() { | ||
47 | + // 页面被被销毁的时候,清除定时器 | ||
48 | + clearInterval(this.data.timer); | ||
49 | + }, | ||
50 | + methods: { | ||
51 | + // 这里是一个自定义方法 | ||
52 | + customMethod: function() {}, | ||
53 | + init: function(g_id) { | ||
54 | + var th = this, | ||
55 | + app = getApp(), all_array = [], | ||
56 | + index = 0, | ||
57 | + goodsidlist=""; | ||
58 | + | ||
59 | + //--先把商品ID串起来-- | ||
60 | + g_id.forEach(function(val, ind) { | ||
61 | + var item = {}; | ||
62 | + goodsidlist+=val.goodsid+","; | ||
63 | + }) | ||
64 | + goodsidlist= goodsidlist.substr(0,goodsidlist.length-1); | ||
65 | + | ||
66 | + //--调用接口,读取拼单-- | ||
67 | + app.request.promiseGet("/api/weshop/teamlist/getGoodsList?store_id=" | ||
68 | + +os.stoid+"&goodsidlist="+goodsidlist, {}).then(res => { | ||
69 | + | ||
70 | + //如果拼单的数组为空的时候 | ||
71 | + var goodslist=res.data.data; | ||
72 | + if(goodslist.length==0) return false; | ||
73 | + | ||
74 | + /*--商品队列按照添加的顺序排列--*/ | ||
75 | + g_id.forEach(function(val, ind) { | ||
76 | + goodslist.forEach(function (vy,indy) { | ||
77 | + if(val.goodsid==vy.goods_id){ | ||
78 | + all_array.push(vy); | ||
79 | + } | ||
80 | + }) | ||
81 | + }) | ||
82 | + if(all_array.length==0){ | ||
83 | + all_array=goodslist; | ||
84 | + } | ||
85 | + | ||
86 | + var arr = new Array(); | ||
87 | + //--三个三个一组--- | ||
88 | + for(var i=0;i< all_array.length;i+=3){ | ||
89 | + arr.push(all_array.slice(i,i+3)); | ||
90 | + } | ||
91 | + /*--熏染到前台--*/ | ||
92 | + th.setData({goods_array:arr}); | ||
93 | + var newTime = ut.gettimestamp(); | ||
94 | + th.setData({ newTime: newTime }); | ||
95 | + | ||
96 | + th.data.timer = setInterval(function() { | ||
97 | + th.countDown2(th); | ||
98 | + }, 1000); | ||
99 | + }); | ||
100 | + }, | ||
101 | + //---小于10的格式化函数---- | ||
102 | + timeFormat: function(param) { | ||
103 | + return param < 10 ? '0' + param : param; | ||
104 | + }, | ||
105 | + //----拼单倒计时函数----- | ||
106 | + countDown2: function(ob) { | ||
107 | + if (ob == undefined) return false; | ||
108 | + var ee = ob; | ||
109 | + // 获取当前时间,同时得到活动结束时间数组 | ||
110 | + var newTime = ut.gettimestamp(); | ||
111 | + var List = ee.data.goods_array; | ||
112 | + if (List.length == 0) return false; | ||
113 | + for (var j = 0; j < List.length; j++) { | ||
114 | + // 对结束时间进行处理渲染到页面 | ||
115 | + var endTimeList = List[j]; | ||
116 | + for (var i = 0; i < endTimeList.length; i++) { | ||
117 | + var o = endTimeList[i]; | ||
118 | + var endTime = o.end_time; | ||
119 | + // if (o.status == 0) endTime = o.start_time; | ||
120 | + let obj = null; | ||
121 | + // 如果活动未结束,对时间进行处理 | ||
122 | + if (endTime - newTime > 0) { | ||
123 | + let time = (endTime - newTime); | ||
124 | + // 获取天、时、分、秒 | ||
125 | + let day = parseInt(time / (60 * 60 * 24)); | ||
126 | + let hou = parseInt(time % (60 * 60 * 24) / 3600); | ||
127 | + let min = parseInt(time % (60 * 60 * 24) % 3600 / 60); | ||
128 | + let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60); | ||
129 | + obj = { | ||
130 | + day: this.timeFormat(day), | ||
131 | + hou: this.timeFormat(hou), | ||
132 | + min: this.timeFormat(min), | ||
133 | + sec: this.timeFormat(sec) | ||
134 | + } | ||
135 | + } else { | ||
136 | + //活动已结束,全部设置为'00' | ||
137 | + obj = { | ||
138 | + day: '00', | ||
139 | + hou: '00', | ||
140 | + min: '00', | ||
141 | + sec: '00' | ||
142 | + } | ||
143 | + } | ||
144 | + var txt = "goods_array[" + j + "][" + i + "].djs"; | ||
145 | + ee.setData({ | ||
146 | + [txt]: obj | ||
147 | + }); | ||
148 | + } | ||
149 | + } | ||
150 | + }, | ||
151 | + //图片失败,默认图片 | ||
152 | + bind_bnerr3: function (e) { | ||
153 | + var _errImg = e.target.dataset.errorimg; | ||
154 | + var _Img = e.target.dataset.img; | ||
155 | + if (_Img != undefined) { | ||
156 | + var _errObj = {}; | ||
157 | + _errObj[_errImg] = "/public/images/default_goods_image_240.gif"; | ||
158 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | ||
159 | + } | ||
160 | + }, | ||
161 | + go_to_pindlist:function () { | ||
162 | + wx.navigateTo({ | ||
163 | + url:"/pages/activity/pind_list/pind_list" | ||
164 | + }); | ||
165 | + } | ||
166 | + }, | ||
167 | + | ||
168 | + | ||
169 | +}) | ||
0 | \ No newline at end of file | 170 | \ No newline at end of file |
components/diy_pingd_buy/diy_pingd_buy.json
0 → 100644
components/diy_pingd_buy/diy_pingd_buy.wxml
0 → 100644
1 | +<!--pages/wp/wp.wxml--> | ||
2 | +<block wx:if="goods_array.length>0"> | ||
3 | + <!--拼单--> | ||
4 | + <view class='top_p'> | ||
5 | + <view class='t_left_p'></view> | ||
6 | + <view class='t_ms_p'>拼单</view> | ||
7 | + <view class='right_p' bindtap="go_to_pindlist"> | ||
8 | + <image src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image> | ||
9 | + </view> | ||
10 | + </view> | ||
11 | + <!--商品展示--> | ||
12 | + <swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.style==1}}"> | ||
13 | + <view class='sp_p' wx:if="{{object.style==1}}"> | ||
14 | + <swiper-item class="s_it" wx:for="{{goods_array}}" > | ||
15 | + <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind" > | ||
16 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1"> | ||
17 | + <view class='one_p'> | ||
18 | + <view class='sp_top_p'> | ||
19 | + | ||
20 | + <block wx:if="{{aitem.start_time>newTime}}"> | ||
21 | + <span class='s_top_p' style="background-color: #ffe718;color: #3c3b31;font-weight: bold">即将开始</span> | ||
22 | + </block> | ||
23 | + <block wx:if="{{aitem.start_time<newTime}}"> | ||
24 | + <span class='s_top_p'>火热进行</span> | ||
25 | + </block> | ||
26 | + | ||
27 | + <!-- <span class='s_top_p'>火热进行</span> --> | ||
28 | + | ||
29 | + <view class='s_img_p'> | ||
30 | + <image src="{{iurl+aitem.original_img}}" | ||
31 | + data-errorimg="goods_array[{{index}}][{{aind}}].original_img" | ||
32 | + binderror="bind_bnerr3"></image> | ||
33 | + </view> | ||
34 | + | ||
35 | + <!--<view class='s_foot_p'>--> | ||
36 | + <!--<text>{{aitem.djs.hou}}天</text>--> | ||
37 | + <!--<text>{{aitem.djs.hou}}时</text>--> | ||
38 | + <!--<text>{{aitem.djs.min}}分</text>--> | ||
39 | + <!--<text>{{aitem.djs.sec}}秒</text>--> | ||
40 | + <!--</view>--> | ||
41 | + | ||
42 | + <view class='sp_sj_p' wx:if="{{aitem.kttype==1}}">商家</view> | ||
43 | + <view class='sp_sj_p' wx:if="{{aitem.kttype==2}}">会员</view> | ||
44 | + <view class='sp_sj_p' wx:if="{{aitem.kttype==3}}">阶梯</view> | ||
45 | + </view> | ||
46 | + | ||
47 | + <view class='sp_wz_p'> | ||
48 | + <view class='sp_wzi_p'>{{aitem.goods_name}}</view> | ||
49 | + <view class='sp_jg_p'>¥{{aitem.price}}</view> | ||
50 | + <!--<view class='sp_jgx_p'>¥{{aitem.market_price}}</view>--> | ||
51 | + | ||
52 | + <view class="tuan_set_num"> | ||
53 | + <view class="co-red2">{{aitem.ct_num}}人团</view> | ||
54 | + | ||
55 | + <view wx:if="{{aitem.kttype==1 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去参团</view> | ||
56 | + <view wx:if="{{aitem.kttype==2 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去开团</view> | ||
57 | + <view wx:if="{{aitem.kttype==3 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去开团</view> | ||
58 | + <view wx:if="{{aitem.goods_num<=aitem.buy_num }}" class="cantuan huise">已抢光</view> | ||
59 | + </view> | ||
60 | + </view> | ||
61 | + </view> | ||
62 | + </navigator> | ||
63 | + </block> | ||
64 | + </swiper-item> | ||
65 | + | ||
66 | + </view> | ||
67 | + </swiper> | ||
68 | + <view class="sp2_p" wx:if="{{object.style==2}}"> | ||
69 | + <block wx:for="{{goods_array}}" > | ||
70 | + <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind" > | ||
71 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1"> | ||
72 | + <view class='one1_p'> | ||
73 | + <block> | ||
74 | + <view class="o1_img_p"> | ||
75 | + <image src="{{iurl+aitem.original_img}}" | ||
76 | + data-errorimg="goods_array[{{index}}][{{aind}}].original_img" | ||
77 | + binderror="bind_bnerr3"></image> | ||
78 | + <view class='sp_sj1_p' wx:if="{{aitem.kttype==1}}">商家</view> | ||
79 | + <view class='sp_sj1_p' wx:if="{{aitem.kttype==2}}">会员</view> | ||
80 | + <view class='sp_sj1_p' wx:if="{{aitem.kttype==3}}">阶梯</view> | ||
81 | + </view> | ||
82 | + </block> | ||
83 | + | ||
84 | + <view class="o1_right_p"> | ||
85 | + | ||
86 | + <view class="sp_wzi_p">{{aitem.title}}</view> | ||
87 | + <view class="co-red2"> | ||
88 | + <text class="yituan_num">已团{{aitem.buy_num}}件</text> | ||
89 | + {{aitem.ct_num}}人团 | ||
90 | + </view> | ||
91 | + <view class='sp_jg_p'>¥{{aitem.price}}</view> | ||
92 | + <view class='sp_jgx_p'>¥{{aitem.market_price}}</view> | ||
93 | + | ||
94 | + <view class="o1_sj_p"> | ||
95 | + <image class="time_img" src="/public/static/images/model/time.png"></image><block wx:if="aitem.djs.day>0">{{aitem.djs.day}}天</block>{{aitem.djs.hou}}时{{aitem.djs.min}}分{{aitem.djs.sec}}秒 | ||
96 | + </view> | ||
97 | + | ||
98 | + <view wx:if="{{aitem.kttype==1 && aitem.goods_num>aitem.buy_num }}" class="wo_p">去参团</view> | ||
99 | + <view wx:if="{{aitem.kttype==2 && aitem.goods_num>aitem.buy_num }}" class="wo_p">去开团</view> | ||
100 | + <view wx:if="{{aitem.kttype==3 && aitem.goods_num>aitem.buy_num }}" class="wo_p">去参团</view> | ||
101 | + <view wx:if="{{aitem.goods_num<=aitem.buy_num }}" class="wo_p huise">已抢光</view> | ||
102 | + | ||
103 | + </view> | ||
104 | + </view> | ||
105 | + </navigator> | ||
106 | + </block> | ||
107 | + </block> | ||
108 | + </view> | ||
109 | + | ||
110 | +</block> | ||
0 | \ No newline at end of file | 111 | \ No newline at end of file |
components/diy_pingd_buy/diy_pingd_buy.wxss
0 → 100644
1 | +/* pages/wp/wp.wxss */ | ||
2 | + | ||
3 | +.top_p { | ||
4 | + width: 100%; | ||
5 | + background-color: white; | ||
6 | + height: 70rpx; | ||
7 | + line-height: 70rpx; | ||
8 | + color: #000; | ||
9 | + text-align: left; | ||
10 | + border-bottom: 2rpx solid #eee; | ||
11 | + display: flex; | ||
12 | +} | ||
13 | + | ||
14 | +.right_p { | ||
15 | + width: 30rpx; | ||
16 | + height: 100%; | ||
17 | + margin-left: 580rpx; | ||
18 | +} | ||
19 | + | ||
20 | +.right_p image { | ||
21 | + width: 30rpx; | ||
22 | + height: 30rpx; | ||
23 | +} | ||
24 | + | ||
25 | +.top_p .t_left_p { | ||
26 | + width: 10rpx; | ||
27 | + height: 38rpx; | ||
28 | + background: #c4182e; | ||
29 | + margin-top: 18rpx; | ||
30 | + margin-right: 12rpx; | ||
31 | + margin-left: 20rpx; | ||
32 | +} | ||
33 | + | ||
34 | +.sp_p { | ||
35 | + min-height: 300rpx; | ||
36 | + width: 100%; | ||
37 | + background-color: white; | ||
38 | + padding: 18rpx; | ||
39 | + display: flex; | ||
40 | +} | ||
41 | + | ||
42 | +.sp_p .sp_top_p { | ||
43 | + height: 220rpx; | ||
44 | + min-width: 30%; | ||
45 | + position: relative; | ||
46 | +} | ||
47 | + | ||
48 | +.sp_p .sp_top_p .s_img_p { | ||
49 | + width: 210rpx; | ||
50 | + height: 100%; | ||
51 | +} | ||
52 | + | ||
53 | +.sp_p .sp_top_p .s_img_p image { | ||
54 | + width: 100%; | ||
55 | + height: 100%; | ||
56 | + background-color: blueviolet; | ||
57 | + left: 0rpx; | ||
58 | + vertical-align: middle; | ||
59 | +} | ||
60 | + | ||
61 | +.sp_p .sp_top_p .s_top_p { | ||
62 | + background-color: #c4182e; | ||
63 | + font-size: 24rpx; | ||
64 | + height: 38rpx; | ||
65 | + line-height: 38rpx; | ||
66 | + left: 6rpx; | ||
67 | + padding: 0 10rpx; | ||
68 | + border-radius: 10rpx; | ||
69 | + z-index: 9; | ||
70 | + position: absolute; | ||
71 | + width: 100rpx; | ||
72 | + color: #fff; | ||
73 | + text-align: center; | ||
74 | +} | ||
75 | + | ||
76 | +.sp_p .sp_top_p .s_foot_p { | ||
77 | + font-size: 20rpx; | ||
78 | + position: relative; | ||
79 | + top: -90rpx; | ||
80 | + width: 210rpx; | ||
81 | + height: 38rpx; | ||
82 | + line-height: 38rpx; | ||
83 | + color: #fff; | ||
84 | + text-align: center; | ||
85 | + background-color: rgba(0, 0, 0, 0.5); | ||
86 | +} | ||
87 | + | ||
88 | +.s_it { | ||
89 | + width: 100%; | ||
90 | + display: flex; | ||
91 | + background-color: white; | ||
92 | +} | ||
93 | + | ||
94 | +.s1_gk_a1 { | ||
95 | + display: inline; | ||
96 | + width: auto; | ||
97 | + height: auto; | ||
98 | +} | ||
99 | + | ||
100 | +.s_prom { | ||
101 | + width: 100%; | ||
102 | + background-color: white; | ||
103 | + min-height: 200rpx; | ||
104 | +} | ||
105 | + | ||
106 | +swiper { | ||
107 | + display: block; | ||
108 | + height: 400rpx; | ||
109 | +} | ||
110 | + | ||
111 | +.sp_wz_p { | ||
112 | + width: 210rpx; | ||
113 | + min-height: 100rpx; | ||
114 | +} | ||
115 | + | ||
116 | +.sp_wz_p .sp_wzi_p { | ||
117 | + font-size: 30rpx; | ||
118 | + border-bottom: 1rpx solid #dcdcdc; | ||
119 | + width: 100%; | ||
120 | + text-align: left; | ||
121 | + padding: 4rpx 0; | ||
122 | + overflow: hidden; | ||
123 | + height: 48rpx; | ||
124 | + line-height: 48rpx; | ||
125 | + text-overflow: ellipsis; | ||
126 | + white-space: nowrap; | ||
127 | +} | ||
128 | + | ||
129 | +.sp_wz_p .sp_jg_p { | ||
130 | + color: #c4182e; | ||
131 | + font-size: 30rpx; | ||
132 | + overflow: hidden; | ||
133 | + display: inline-block; | ||
134 | + text-overflow: ellipsis; | ||
135 | + white-space: nowrap; | ||
136 | + margin-right: 10rpx; | ||
137 | +} | ||
138 | + | ||
139 | +.sp_wz_p .sp_jgx_p { | ||
140 | + color: #adadad; | ||
141 | + text-decoration: line-through; | ||
142 | + font-size: 24rpx; | ||
143 | + overflow: hidden; | ||
144 | + display: inline-block; | ||
145 | + text-overflow: ellipsis; | ||
146 | + white-space: nowrap; | ||
147 | +} | ||
148 | + | ||
149 | +.one_p { | ||
150 | + margin-left: 20rpx; | ||
151 | +} | ||
152 | + | ||
153 | +.sp_p .sp_top_p .s_top1_p { | ||
154 | + position: absolute; | ||
155 | + background-color: #c4182e; | ||
156 | + font-size: 24rpx; | ||
157 | + height: 38rpx; | ||
158 | + line-height: 38rpx; | ||
159 | + left: 265rpx; | ||
160 | + top: 160rpx; | ||
161 | + padding: 0 10rpx; | ||
162 | + color: white; | ||
163 | + border-radius: 10rpx; | ||
164 | +} | ||
165 | + | ||
166 | +.sp_p .sp_top_p .s_top2_p { | ||
167 | + position: absolute; | ||
168 | + background-color: #c4182e; | ||
169 | + font-size: 24rpx; | ||
170 | + height: 38rpx; | ||
171 | + line-height: 38rpx; | ||
172 | + right: 146rpx; | ||
173 | + top: 160rpx; | ||
174 | + padding: 0 10rpx; | ||
175 | + color: white; | ||
176 | + border-radius: 10rpx; | ||
177 | +} | ||
178 | + | ||
179 | +.sp_p .sp_top_p .s_foot1_p { | ||
180 | + font-size: 20rpx; | ||
181 | + position: absolute; | ||
182 | + top: 332rpx; | ||
183 | + width: 210rpx; | ||
184 | + height: 38rpx; | ||
185 | + line-height: 38rpx; | ||
186 | + color: #fff; | ||
187 | + text-align: center; | ||
188 | + background-color: rgba(0, 0, 0, 0.5); | ||
189 | +} | ||
190 | + | ||
191 | +.sp_p .sp_top_p .s_foot2_p { | ||
192 | + font-size: 20rpx; | ||
193 | + position: absolute; | ||
194 | + top: 332rpx; | ||
195 | + width: 210rpx; | ||
196 | + height: 38rpx; | ||
197 | + line-height: 38rpx; | ||
198 | + color: #fff; | ||
199 | + text-align: center; | ||
200 | + background-color: rgba(0, 0, 0, 0.5); | ||
201 | +} | ||
202 | + | ||
203 | +.sp2_p { | ||
204 | + width: 100%; | ||
205 | + min-height: 240rpx; | ||
206 | +} | ||
207 | + | ||
208 | +.sp2_p .one1_p { | ||
209 | + width: 100%; | ||
210 | + background-color: white; | ||
211 | + height: 252rpx; | ||
212 | + display: flex; | ||
213 | + padding: 20rpx; | ||
214 | + border-bottom: 6rpx#eee solid; | ||
215 | +} | ||
216 | + | ||
217 | +.sp2_p .one1_p .o1_img_p { | ||
218 | + width: 200rpx; | ||
219 | + height: 240rpx; | ||
220 | + margin-right: 24rpx; | ||
221 | +} | ||
222 | + | ||
223 | +.o1_right_p{position: relative; width: 485rpx;} | ||
224 | + | ||
225 | +.o1_right_p .sp_wzi_p { | ||
226 | + font-size: 36rpx; | ||
227 | + margin-bottom: 6rpx; | ||
228 | + width: 100%; | ||
229 | + text-align: left; | ||
230 | + padding: 4rpx 0; | ||
231 | + overflow: hidden; | ||
232 | + height: 48rpx; | ||
233 | + text-overflow: ellipsis; | ||
234 | +} | ||
235 | + | ||
236 | +.o1_right_p .o1_sj_p { | ||
237 | + height: 60rpx; | ||
238 | + margin-bottom: 10rpx; | ||
239 | + font-size: 28rpx; | ||
240 | + line-height: 40rpx; | ||
241 | +} | ||
242 | + | ||
243 | +.o1_right_p .o1_sj_p text { | ||
244 | + background-color: #fdcb08; | ||
245 | + text-align: center; | ||
246 | + border-radius: 10rpx; | ||
247 | + padding: 4rpx; | ||
248 | + margin-left: 6rpx; | ||
249 | +} | ||
250 | + | ||
251 | +.o1_right_p .sp_jg_p { | ||
252 | + color: #c4182e; | ||
253 | + font-size: 36rpx; | ||
254 | + overflow: hidden; | ||
255 | + display: inline-block; | ||
256 | + margin-right: 10rpx; | ||
257 | +} | ||
258 | + | ||
259 | +.o1_right_p .sp_jgx_p { | ||
260 | + color: #adadad; | ||
261 | + text-decoration: line-through; | ||
262 | + font-size: 26rpx; | ||
263 | + overflow: hidden; | ||
264 | + display: inline-block; | ||
265 | +} | ||
266 | + | ||
267 | +.o1_img_p image { | ||
268 | + width: 100%; | ||
269 | + height: 100%; | ||
270 | + background-color: blueviolet; | ||
271 | + position: relative; | ||
272 | + top: -8rpx; | ||
273 | + left: 0rpx; | ||
274 | +} | ||
275 | + | ||
276 | +.o1_right_p .wo_p { | ||
277 | + background-color: #c4182e; | ||
278 | + width: 160rpx; | ||
279 | + height: 60rpx; | ||
280 | + line-height: 60rpx; | ||
281 | + color: white; | ||
282 | + text-align: center; | ||
283 | + font-size: 26rpx; | ||
284 | + border-radius: 14rpx; | ||
285 | + position: absolute; | ||
286 | + right: 0; | ||
287 | + bottom:46rpx; | ||
288 | +} | ||
289 | + | ||
290 | +.sp_sj_p { | ||
291 | + background-color: red; | ||
292 | + color: white; | ||
293 | + font-size: 24rpx; | ||
294 | + border-radius: 50%; | ||
295 | + position: absolute; | ||
296 | + bottom: 300rpx; | ||
297 | + right: 0rpx; | ||
298 | + top: 0; | ||
299 | + width: 60rpx; | ||
300 | + height: 60rpx; | ||
301 | + text-align: center; | ||
302 | + line-height: 60rpx; | ||
303 | + | ||
304 | +} | ||
305 | + | ||
306 | +.sp_sj1_p { | ||
307 | + background-color: red; | ||
308 | + color: white; | ||
309 | + font-size: 24rpx; | ||
310 | + border-radius: 50%; | ||
311 | + position: relative; | ||
312 | + bottom: 257rpx; | ||
313 | + width: 60rpx; | ||
314 | + height: 60rpx; | ||
315 | + text-align: center; | ||
316 | + line-height: 60rpx; | ||
317 | +} | ||
318 | +.tuan_set_num{ | ||
319 | + display: flex;justify-content: space-between; font-size: 28rpx; | ||
320 | +} | ||
321 | + | ||
322 | +.tuan_set_num .co-red2{ | ||
323 | + color: #B2AEA8;font-size: 26rpx; | ||
324 | +} | ||
325 | +.tuan_set_num .cantuan{ | ||
326 | + background:#c4182e; color: #fff; padding: 4rpx 10rpx; border-radius:5rpx ; | ||
327 | +} | ||
328 | +.tuan_set_num .cantuan.huise{ | ||
329 | + background:gainsboro; color: #666; | ||
330 | +} | ||
331 | + | ||
332 | +.o1_sj_p .time_img{width: 40rpx; height: 40rpx; vertical-align: top; margin-right: 10rpx;} | ||
333 | +.o1_right_p .co-red2{font-size:30rpx; color: #999;} | ||
334 | +.o1_right_p .co-red2 .yituan_num{font-size:30rpx; margin-right: 10rpx; color: #333;} |
components/diy_richtext/diy_richtext.js
0 → 100644
1 | +Component({ | ||
2 | + properties: { | ||
3 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
4 | + | ||
5 | + nodes: { | ||
6 | + type: String, | ||
7 | + value: '<div><h3>javascript - <em>js同步编程</em>与异步编程的区别,异步有哪些优点,为什么...</h3><div><span>2016年5月20日 - </span>从编程方式来讲当然是<em>同步编程</em>的方式更为简单,但是同步有其局限性一是假如是单线程那么一旦遇到阻塞调用,会造成整个线程阻塞,导致cpu无法得到有效利用...</div><div><div></div><span ><span ></span></span> - 百度快照</div><div ><span>为您推荐:</span>js同步和异步ajax异步和同步的区别</div></div>', | ||
8 | + }, | ||
9 | + my:{ | ||
10 | + type: String, | ||
11 | + value:'' | ||
12 | + } | ||
13 | + | ||
14 | + | ||
15 | + | ||
16 | + }, | ||
17 | + data: { | ||
18 | + // 这里是一些组件内部数据 | ||
19 | + | ||
20 | + someData: {} | ||
21 | + }, | ||
22 | + | ||
23 | + pageLifetimes: { | ||
24 | + // 组件所在页面的生命周期函数 | ||
25 | + show: () => { }, | ||
26 | + hide: () => { } | ||
27 | + }, | ||
28 | + | ||
29 | + | ||
30 | + methods: { | ||
31 | + // 这里是一个自定义方法 | ||
32 | + | ||
33 | + customMethod: function () { | ||
34 | + this.setData({ | ||
35 | + my:'oooooo' | ||
36 | + }) | ||
37 | + }, | ||
38 | + } | ||
39 | +}) | ||
0 | \ No newline at end of file | 40 | \ No newline at end of file |
components/diy_richtext/diy_richtext.json
0 → 100644
components/diy_richtext/diy_richtext.wxml
0 → 100644
components/diy_richtext/diy_richtext.wxss
0 → 100644
components/diy_searchbox/diy_searchbox.js
0 → 100644
1 | +var t = getApp(), | ||
2 | + o = t.globalData.setting; | ||
3 | + | ||
4 | + | ||
5 | +Component({ | ||
6 | + properties: { | ||
7 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
8 | + | ||
9 | + object: { | ||
10 | + type: Object, | ||
11 | + value: null, | ||
12 | + }, | ||
13 | + }, | ||
14 | + data: { | ||
15 | + // 这里是一些组件内部数据 | ||
16 | + yc:false, | ||
17 | + imghost: o.imghost, | ||
18 | + someData: {} | ||
19 | + }, | ||
20 | + ready: function() { | ||
21 | + console.log("ready"); | ||
22 | + }, | ||
23 | + methods: { | ||
24 | + //智能跳转 | ||
25 | + go_url:function (e) { | ||
26 | + var url=e.currentTarget.dataset.url; | ||
27 | + getApp().goto(url); | ||
28 | + } | ||
29 | + | ||
30 | + | ||
31 | + | ||
32 | + } | ||
33 | +}) | ||
0 | \ No newline at end of file | 34 | \ No newline at end of file |
components/diy_searchbox/diy_searchbox.json
0 → 100644
components/diy_searchbox/diy_searchbox.wxml
0 → 100644
1 | +<!--pages/diy_ss/diy_ss.wxml--> | ||
2 | +<view class='ss' wx:if="{{object.style==1}}"> | ||
3 | + <view bindtap='go_url' data-url="/pages/goods/search/search" class="s1_gk_a1"> | ||
4 | + <view class='s_ge'> | ||
5 | + <image src='{{imghost}}/miniapp/images/search.png'></image> | ||
6 | + <text>在店铺内搜索</text> | ||
7 | + </view> | ||
8 | + </view> | ||
9 | +</view> | ||
10 | + | ||
11 | +<view class='ss2' wx:if='{{object.style==2}}' style='background-color:{{object.top_bgcolor}}'> | ||
12 | + <view class='s2_left'> | ||
13 | + <navigator url="/pages/index/index/index" class="s1_gk_a1"> | ||
14 | + <image src='/public/static/images/model/nav.png'></image> | ||
15 | + </navigator> | ||
16 | + </view> | ||
17 | + | ||
18 | + <view class='s2_cen' style='background-color:{{object.inner_bgcolor}}'> | ||
19 | + <navigator url="/pages/goods/search/search" class="s1_gk_a2"> | ||
20 | + <image src='/public/static/images/model/select.png'></image> | ||
21 | + <text>在店铺内搜索</text> | ||
22 | + </navigator> | ||
23 | + </view> | ||
24 | + | ||
25 | + <view class='s2_right'> | ||
26 | + <navigator url="/pages/cart/cart/cart" class="s1_gk_a1"> | ||
27 | + <image src='/public/static/images/model/car.png'></image> | ||
28 | + </navigator> | ||
29 | + </view> | ||
30 | +</view> | ||
0 | \ No newline at end of file | 31 | \ No newline at end of file |
components/diy_searchbox/diy_searchbox.wxss
0 → 100644
1 | +/* pages/diy_ss/diy_ss.wxss */ | ||
2 | + | ||
3 | +.ss{ | ||
4 | + font-size: 28rpx; | ||
5 | + text-align: center; | ||
6 | + padding: 20rpx; | ||
7 | +} | ||
8 | + | ||
9 | +.s_ge{ | ||
10 | + width: 700rpx; | ||
11 | + height: 70rpx; | ||
12 | + text-align: center; | ||
13 | + border-radius: 8rpx; | ||
14 | + color: #999; | ||
15 | + background: #fff none repeat scroll 0 0; | ||
16 | + border: 2px solid #eee; | ||
17 | + line-height: 64rpx; | ||
18 | +} | ||
19 | + | ||
20 | +.s_ge image{ | ||
21 | + width: 30rpx; | ||
22 | + height: 30rpx; | ||
23 | + margin-right: 10rpx; | ||
24 | + margin-bottom: -8rpx; | ||
25 | +} | ||
26 | + | ||
27 | +.ss2{ | ||
28 | + background-color: rgb(232, 31, 24); | ||
29 | + | ||
30 | + display: flex; | ||
31 | + width: 100%; | ||
32 | + padding: 10rpx; | ||
33 | + height: 70rpx; | ||
34 | + line-height: 70rpx; | ||
35 | +} | ||
36 | + | ||
37 | +.s2_left image{ | ||
38 | + width: 35rpx; | ||
39 | + height: 30rpx; | ||
40 | + margin-left: 10rpx; | ||
41 | +} | ||
42 | + | ||
43 | +.s2_cen{ | ||
44 | + width: 80%; | ||
45 | + height: 70rpx; | ||
46 | + color: #fff; | ||
47 | + text-align: left; | ||
48 | + font-size: 28rpx; | ||
49 | + line-height: 60rpx; | ||
50 | + background-color: rgb(207, 6, 0); | ||
51 | + margin-left: 20rpx; | ||
52 | +} | ||
53 | + | ||
54 | +.s_ge text{ | ||
55 | + margin-bottom: 10rpx; | ||
56 | +} | ||
57 | + | ||
58 | +.s2_cen image{ | ||
59 | + width: 30rpx; | ||
60 | + height: 30rpx; | ||
61 | + margin-left: 10rpx; | ||
62 | + margin-right: 4rpx; | ||
63 | + margin-bottom:-6rpx; | ||
64 | +margin-top:20rpx; | ||
65 | + | ||
66 | +} | ||
67 | + | ||
68 | +.s1_gk_a1{ | ||
69 | + display: inline; | ||
70 | + width: auto; | ||
71 | + height: auto; | ||
72 | +} | ||
73 | + | ||
74 | +.s2_right image{ | ||
75 | + width: 35rpx; | ||
76 | + height: 30rpx; | ||
77 | + margin-left: 20rpx; | ||
78 | +} | ||
0 | \ No newline at end of file | 79 | \ No newline at end of file |
components/diy_seckill/diy_seckill.js
0 → 100644
1 | +// var e = function(e) { | ||
2 | +// return e && e.__esModule ? e : { | ||
3 | +// default: e | ||
4 | +// }; | ||
5 | +// }(require("../../utils/LoadMore3.js")), | ||
6 | +// n = new e.default(), | ||
7 | +var t = getApp(), | ||
8 | + a = t.request, | ||
9 | + o = t.globalData.setting, | ||
10 | + os = o, | ||
11 | + i = require("../../utils/util.js"), | ||
12 | + ut = i, | ||
13 | + s = require("../../utils/common.js"); | ||
14 | +var regeneratorRuntime = require('../../utils/runtime.js'); | ||
15 | +Component({ | ||
16 | + properties: { | ||
17 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
18 | + object: { | ||
19 | + type: Object, | ||
20 | + value: null, | ||
21 | + }, | ||
22 | + goods_array: { | ||
23 | + type: Array, | ||
24 | + value: [] | ||
25 | + }, | ||
26 | + newTime: { | ||
27 | + type: Number, | ||
28 | + value: 0 | ||
29 | + }, | ||
30 | + }, | ||
31 | + data: { | ||
32 | + // 这里是一些组件内部数据 | ||
33 | + yc: false, | ||
34 | + someData: null, | ||
35 | + ylp_img: "https://mshopimg.yolipai.net/", | ||
36 | + imghost: os.imghost, | ||
37 | + timer: null, | ||
38 | + }, | ||
39 | + ready: function() { | ||
40 | + console.log("ready"); | ||
41 | + var g_id = this.data.object.data; | ||
42 | + console.log(g_id); | ||
43 | + this.init(g_id); | ||
44 | + }, | ||
45 | + detached() { | ||
46 | + // 页面被被销毁的时候,清除定时器 | ||
47 | + clearInterval(this.data.timer); | ||
48 | + }, | ||
49 | + methods: { | ||
50 | + // 这里是一个自定义方法 | ||
51 | + customMethod: function() {}, | ||
52 | + init: function(g_id) { | ||
53 | + var th = this, app = getApp(),all_array = [], goodsidlist=""; | ||
54 | + | ||
55 | + //--先把商品ID串起来-- | ||
56 | + g_id.forEach(function(val, ind) { | ||
57 | + var item = {}; | ||
58 | + goodsidlist+=val.goodsid+","; | ||
59 | + }) | ||
60 | + | ||
61 | + //--调用接口,读取秒杀-- | ||
62 | + app.request.promiseGet("/api/ms/flash_sale/getGoodsList?store_id=" | ||
63 | + +os.stoid+"&goodsidlist="+goodsidlist, {}).then(res => { | ||
64 | + //如果秒杀的数组为空的时候 | ||
65 | + console.log(111111111111) | ||
66 | + console.log(res.data.data) | ||
67 | + var goodslist=res.data.data; | ||
68 | + if(goodslist.length==0) return false; | ||
69 | + | ||
70 | + // 判断火热,预热 | ||
71 | + var newTime = ut.gettimestamp(); | ||
72 | + th.setData({newTime:newTime}); | ||
73 | + // for(var a=0;a< goodslist.length;a++){ | ||
74 | + // var starTime=goodslist[a].start_time; | ||
75 | + // var msStr=[]; | ||
76 | + // console.log(2222222222) | ||
77 | + // console.log(starTime+":"+newTime) | ||
78 | + // if (starTime>newTime){ | ||
79 | + // msStr.push() | ||
80 | + // //th.setData({msText:'即将开始'}); | ||
81 | + // } | ||
82 | + // if (starTime<newTime){ | ||
83 | + // th.setData({msText:'火热进行'}); | ||
84 | + // } | ||
85 | + // } | ||
86 | + /*--商品队列按照添加的顺序排列--*/ | ||
87 | + g_id.forEach(function(val, ind) { | ||
88 | + goodslist.forEach(function (vy,indy) { | ||
89 | + if(val.goodsid==vy.goods_id){ | ||
90 | + all_array.push(vy); | ||
91 | + th.setData({goods_array:arr}); | ||
92 | + } | ||
93 | + }) | ||
94 | + }) | ||
95 | + if(all_array.length==0){ | ||
96 | + all_array=goodslist; | ||
97 | + } | ||
98 | + | ||
99 | + var arr = new Array(); | ||
100 | + //--三个三个一组--- | ||
101 | + for(var i=0;i< all_array.length;i+=3){ | ||
102 | + arr.push(all_array.slice(i,i+3)); | ||
103 | + } | ||
104 | + /*--熏染到前台--*/ | ||
105 | + | ||
106 | + th.setData({goods_array:arr}); | ||
107 | + | ||
108 | + th.data.timer = setInterval(function() { | ||
109 | + th.countDown2(th); | ||
110 | + }, 1000); | ||
111 | + }); | ||
112 | + }, | ||
113 | + //---小于10的格式化函数---- | ||
114 | + timeFormat: function(param) { | ||
115 | + return param < 10 ? '0' + param : param; | ||
116 | + }, | ||
117 | + //----秒杀倒计时函数----- | ||
118 | + countDown2: function(ob) { | ||
119 | + if (ob == undefined) return false; | ||
120 | + var ee = ob; | ||
121 | + // 获取当前时间,同时得到活动结束时间数组 | ||
122 | + var newTime = ut.gettimestamp(); | ||
123 | + var List = ee.data.goods_array; | ||
124 | + if (List.length == 0) return false; | ||
125 | + for (var j = 0; j < List.length; j++) { | ||
126 | + // 对结束时间进行处理渲染到页面 | ||
127 | + var endTimeList = List[j]; | ||
128 | + for (var i = 0; i < endTimeList.length; i++) { | ||
129 | + var o = endTimeList[i]; | ||
130 | + var endTime = o.end_time; | ||
131 | + // if (o.status == 0) endTime = o.start_time; | ||
132 | + let obj = null; | ||
133 | + // 如果活动未结束,对时间进行处理 | ||
134 | + if (endTime - newTime > 0) { | ||
135 | + let time = (endTime - newTime); | ||
136 | + // 获取天、时、分、秒 | ||
137 | + let day = parseInt(time / (60 * 60 * 24)); | ||
138 | + let hou = parseInt(time % (60 * 60 * 24) / 3600); | ||
139 | + let min = parseInt(time % (60 * 60 * 24) % 3600 / 60); | ||
140 | + let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60); | ||
141 | + obj = { | ||
142 | + day: this.timeFormat(day), | ||
143 | + hou: this.timeFormat(hou), | ||
144 | + min: this.timeFormat(min), | ||
145 | + sec: this.timeFormat(sec) | ||
146 | + } | ||
147 | + } else { | ||
148 | + //活动已结束,全部设置为'00' | ||
149 | + obj = { | ||
150 | + day: '00', | ||
151 | + hou: '00', | ||
152 | + min: '00', | ||
153 | + sec: '00' | ||
154 | + } | ||
155 | + } | ||
156 | + var txt = "goods_array[" + j + "][" + i + "].djs"; | ||
157 | + ee.setData({ | ||
158 | + [txt]: obj | ||
159 | + }); | ||
160 | + } | ||
161 | + } | ||
162 | + }, | ||
163 | + //图片失败,默认图片 | ||
164 | + bind_bnerr3: function (e) { | ||
165 | + var _errImg = e.target.dataset.errorimg; | ||
166 | + var _errObj = {}; | ||
167 | + _errObj[_errImg] = "/public/images/default_goods_image_240.gif"; | ||
168 | + this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ; | ||
169 | + }, | ||
170 | + | ||
171 | + go_to_skill:function () { | ||
172 | + wx.navigateTo({ | ||
173 | + url:"/pages/activity/seckill_list/seckill_list" | ||
174 | + }); | ||
175 | + } | ||
176 | + }, | ||
177 | + | ||
178 | + | ||
179 | +}) | ||
0 | \ No newline at end of file | 180 | \ No newline at end of file |
components/diy_seckill/diy_seckill.json
0 → 100644
components/diy_seckill/diy_seckill.wxml
0 → 100644
1 | +<block wx:if="goods_array.length>0"> | ||
2 | + <!--秒杀--> | ||
3 | + <view class='top'> | ||
4 | + <view class='t_left'></view> | ||
5 | + <view class='t_ms'>秒杀</view> | ||
6 | + <view class='right_k' bindtap="go_to_skill"> | ||
7 | + <image src="{{imghost}}/miniapp/images/icon-arrowdown.png"></image> | ||
8 | + </view> | ||
9 | + </view> | ||
10 | + | ||
11 | + <!--商品展示--> | ||
12 | + <swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.style==1}}"> | ||
13 | + <view class='sp' wx:if="{{object.style==1}}"> | ||
14 | + <swiper-item class="s_it" wx:for="{{goods_array}}" > | ||
15 | + <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind"> | ||
16 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1"> | ||
17 | + <view class='one'> | ||
18 | + <view class='sp_top'> | ||
19 | + <view class='po'></view> | ||
20 | + <block wx:if="{{aitem.start_time>newTime}}"> | ||
21 | + <span class='s_top_kill' style="background-color: #ffe718;color: #3c3b31;font-weight: bold">即将开始</span> | ||
22 | + </block> | ||
23 | + <block wx:if="{{aitem.start_time<newTime}}"> | ||
24 | + <span class='s_top_kill'>火热进行</span> | ||
25 | + </block> | ||
26 | + <view class='clear'></view> | ||
27 | + | ||
28 | + <view class='s_img'> | ||
29 | + <image src="{{imghost+aitem.original_img}}" | ||
30 | + data-errorimg="goods_array[{{index}}][{{aind}}].original_img" | ||
31 | + binderror="bind_bnerr3"></image> | ||
32 | + </view> | ||
33 | + | ||
34 | + <view class='s_foot_kill'> | ||
35 | + <text>{{aitem.djs.day}}天</text> | ||
36 | + <text>{{aitem.djs.hou}}时</text> | ||
37 | + <text>{{aitem.djs.min}}分</text> | ||
38 | + <text>{{aitem.djs.sec}}秒</text> | ||
39 | + </view> | ||
40 | + <view class='clear'></view> | ||
41 | + | ||
42 | + </view> | ||
43 | + | ||
44 | + <view class='sp_wz'> | ||
45 | + <view class='sp_wzi'>{{aitem.goods_name}}</view> | ||
46 | + <view class='sp_jg'>¥{{aitem.price}}</view> | ||
47 | + <view class='sp_jgx'>¥{{aitem.market_price}}</view> | ||
48 | + </view> | ||
49 | + | ||
50 | + </view> | ||
51 | + </navigator> | ||
52 | + </block> | ||
53 | + </swiper-item> | ||
54 | + </view> | ||
55 | + </swiper> | ||
56 | + | ||
57 | + <view class="sp2" wx:if="{{object.style==2}}"> | ||
58 | + <block wx:for="{{goods_array}}" > | ||
59 | + <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind" > | ||
60 | + <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1"> | ||
61 | + <view class='one1'> | ||
62 | + | ||
63 | + <view class="o1_img"> | ||
64 | + <image src="{{imghost+aitem.original_img}}" | ||
65 | + data-errorimg="goods_array[{{index}}][{{aind}}].original_img" | ||
66 | + binderror="bind_bnerr3"></image> | ||
67 | + </view> | ||
68 | + | ||
69 | + <view class="o1_right"> | ||
70 | + <view class="sp_wzi">{{aitem.goods_name}}</view> | ||
71 | + <view class="o1_sj_kill"> | ||
72 | + <text>{{aitem.djs.day}}</text> | ||
73 | + 天 | ||
74 | + <text>{{aitem.djs.hou}}</text> | ||
75 | + : | ||
76 | + <text>{{aitem.djs.min}}</text> | ||
77 | + : | ||
78 | + <text>{{aitem.djs.sec}}</text> | ||
79 | + | ||
80 | + </view> | ||
81 | + <view class='sp_jg'>¥{{aitem.price}}</view> | ||
82 | + <view class='sp_jgx'>¥{{aitem.market_price}}</view> | ||
83 | + <block wx:if="{{aitem.start_time>newTime}}"> | ||
84 | + <view class="wo" style="background-color: #adadad">正在预热</view> | ||
85 | + </block> | ||
86 | + <block wx:if="{{aitem.start_time<newTime}}"> | ||
87 | + <view class="wo">我要抢</view> | ||
88 | + </block> | ||
89 | + | ||
90 | + | ||
91 | + </view> | ||
92 | + </view> | ||
93 | + </navigator> | ||
94 | + </block> | ||
95 | + </block> | ||
96 | + | ||
97 | + </view> | ||
98 | + <view class='clear'></view> | ||
99 | + | ||
100 | +</block> | ||
0 | \ No newline at end of file | 101 | \ No newline at end of file |
components/diy_seckill/diy_seckill.wxss
0 → 100644
1 | + | ||
2 | +.top{ | ||
3 | + width: 100%; | ||
4 | + background-color: white; | ||
5 | + height: 70rpx; | ||
6 | + line-height: 70rpx; | ||
7 | + color: #000; | ||
8 | + text-align: left; | ||
9 | + border-bottom: 2rpx solid #eee; | ||
10 | + display: flex; | ||
11 | +} | ||
12 | + | ||
13 | + | ||
14 | +.s_it{ | ||
15 | + width: 100%; | ||
16 | + display: flex; | ||
17 | + background-color: white; | ||
18 | +} | ||
19 | + | ||
20 | +.s_prom{ | ||
21 | + width: 100%; | ||
22 | + background-color: white; | ||
23 | + min-height: 200rpx; | ||
24 | +} | ||
25 | + | ||
26 | +swiper { | ||
27 | + display:block; | ||
28 | + height:400rpx; | ||
29 | + | ||
30 | +} | ||
31 | + | ||
32 | +.right_k{ | ||
33 | + width: 30rpx; | ||
34 | + height: 100%; | ||
35 | + margin-left: 580rpx; | ||
36 | +} | ||
37 | +.right_k image{ width: 30rpx; height: 30rpx} | ||
38 | + | ||
39 | + | ||
40 | +.top .t_left{ | ||
41 | + width: 10rpx; | ||
42 | + height: 38rpx; | ||
43 | + background: #C4182E; | ||
44 | + margin-top:18rpx; | ||
45 | +margin-right:12rpx; | ||
46 | +margin-left:20rpx; | ||
47 | +} | ||
48 | + | ||
49 | + | ||
50 | +.sp{ | ||
51 | + min-height: 300rpx; | ||
52 | + width: 100%; | ||
53 | + background-color: white; | ||
54 | + padding:18rpx; | ||
55 | +display: flex; | ||
56 | +} | ||
57 | + | ||
58 | +.sp .sp_top{ | ||
59 | + height: 220rpx; | ||
60 | + min-width: 30%; | ||
61 | + | ||
62 | + | ||
63 | +} | ||
64 | + | ||
65 | +.sp .sp_top .s_img{ | ||
66 | + width: 210rpx; | ||
67 | + height: 100%; | ||
68 | +} | ||
69 | + | ||
70 | +.sp .sp_top .s_img image{ | ||
71 | + width: 210rpx; | ||
72 | + height: 100%; | ||
73 | + | ||
74 | + position: relative; | ||
75 | + top: -74rpx; | ||
76 | + left:0rpx; | ||
77 | + | ||
78 | +} | ||
79 | + | ||
80 | +.sp .sp_top .s_top_kill | ||
81 | + | ||
82 | +{ | ||
83 | + | ||
84 | +background-color:#C4182E; | ||
85 | +font-size:24rpx; | ||
86 | +height:38rpx; | ||
87 | +line-height:38rpx; | ||
88 | +left:6rpx; | ||
89 | + | ||
90 | +padding:4rpx 10rpx; | ||
91 | + | ||
92 | +border-radius:10rpx; | ||
93 | + | ||
94 | + | ||
95 | +z-index: 999; | ||
96 | + position: relative; | ||
97 | + top:-6rpx; | ||
98 | + width: 210rpx; | ||
99 | + | ||
100 | + | ||
101 | + color: #fff; | ||
102 | + text-align: center; | ||
103 | + | ||
104 | + | ||
105 | +} | ||
106 | + | ||
107 | +.po{ | ||
108 | + position: absolute; | ||
109 | +} | ||
110 | + | ||
111 | +.sp .sp_top .s_foot_kill{ | ||
112 | + font-size: 20rpx; | ||
113 | + position: relative; | ||
114 | + top:-90rpx; | ||
115 | + width: 210rpx; | ||
116 | + height: 38rpx; | ||
117 | + line-height: 38rpx; | ||
118 | + color: #fff; | ||
119 | + text-align: center; | ||
120 | + background-color: rgba(0, 0, 0, 0.5); | ||
121 | +} | ||
122 | + | ||
123 | + | ||
124 | + | ||
125 | +.sp_wz{ | ||
126 | +width: 210rpx; | ||
127 | + min-height:100rpx; | ||
128 | + | ||
129 | +} | ||
130 | + | ||
131 | +.sp_wz .sp_wzi{ | ||
132 | + font-size: 30rpx; | ||
133 | + border-bottom: 2rpx solid #dcdcdc; | ||
134 | + width: 100%; | ||
135 | + text-align: left; | ||
136 | + padding: 4rpx 0; | ||
137 | + overflow: hidden; | ||
138 | + height: 48rpx; | ||
139 | + text-overflow: ellipsis; | ||
140 | + white-space: nowrap; | ||
141 | + line-height: 48rpx; | ||
142 | +} | ||
143 | + | ||
144 | +.sp_wz .sp_jg{ | ||
145 | + color: #C4182E; | ||
146 | + font-size: 30rpx; | ||
147 | + overflow: hidden; | ||
148 | + display: inline-block; | ||
149 | + text-overflow: ellipsis; | ||
150 | + white-space: nowrap; | ||
151 | + margin-right: 10rpx; | ||
152 | +} | ||
153 | + | ||
154 | +.sp_wz .sp_jgx{ | ||
155 | + color: #adadad; | ||
156 | + text-decoration: line-through; | ||
157 | + font-size: 24rpx; | ||
158 | + | ||
159 | + overflow: hidden; | ||
160 | + display: inline-block; | ||
161 | + text-overflow: ellipsis; | ||
162 | + white-space: nowrap; | ||
163 | + | ||
164 | +} | ||
165 | + | ||
166 | +.one{ | ||
167 | + margin-left: 14rpx; | ||
168 | + | ||
169 | +} | ||
170 | + | ||
171 | + | ||
172 | +.sp .sp_top .s_top1_kill{ | ||
173 | + position: absolute; | ||
174 | +background-color:#C4182E; | ||
175 | +font-size:24rpx; | ||
176 | +height:38rpx; | ||
177 | +line-height:38rpx; | ||
178 | +left:265rpx; | ||
179 | +top:100rpx; | ||
180 | +padding:0 10rpx; | ||
181 | +color:white; | ||
182 | +border-radius:10rpx; | ||
183 | + | ||
184 | +} | ||
185 | + | ||
186 | +.sp .sp_top .s_top2_kill{ | ||
187 | + position: absolute; | ||
188 | +background-color:#C4182E; | ||
189 | +font-size:24rpx; | ||
190 | +height:38rpx; | ||
191 | +line-height:38rpx; | ||
192 | +right:146rpx; | ||
193 | +top:100rpx; | ||
194 | +padding:0 10rpx; | ||
195 | +color:white; | ||
196 | +border-radius:10rpx; | ||
197 | + | ||
198 | +} | ||
199 | + | ||
200 | + | ||
201 | + | ||
202 | +.sp .sp_top .s_foot1_kill{ | ||
203 | + font-size: 20rpx; | ||
204 | + position: absolute; | ||
205 | + top:270rpx; | ||
206 | + width: 210rpx; | ||
207 | + height: 38rpx; | ||
208 | + line-height: 38rpx; | ||
209 | + color: #fff; | ||
210 | + text-align: center; | ||
211 | + background-color: rgba(0, 0, 0, 0.5); | ||
212 | +} | ||
213 | + | ||
214 | +.po1{ | ||
215 | + position: absolute; | ||
216 | +} | ||
217 | + | ||
218 | + | ||
219 | +.sp .sp_top .s_foot2_kill{ | ||
220 | + font-size: 20rpx; | ||
221 | + position: absolute; | ||
222 | + top:270rpx; | ||
223 | + width: 210rpx; | ||
224 | + height: 38rpx; | ||
225 | + line-height: 38rpx; | ||
226 | + color: #fff; | ||
227 | + text-align: center; | ||
228 | + background-color: rgba(0, 0, 0, 0.5); | ||
229 | +} | ||
230 | + | ||
231 | + | ||
232 | + | ||
233 | + | ||
234 | + | ||
235 | + | ||
236 | + | ||
237 | +.sp2{ | ||
238 | + width: 100%; | ||
239 | + min-height: 240rpx; | ||
240 | + | ||
241 | +} | ||
242 | + | ||
243 | +.sp2 .one1{ | ||
244 | + width: 100%; | ||
245 | + background-color: white; | ||
246 | + height: 252rpx; | ||
247 | + display: flex; | ||
248 | + padding: 20rpx; | ||
249 | + border-bottom:6rpx#eee solid; | ||
250 | + | ||
251 | +} | ||
252 | + | ||
253 | +.sp2 .one1 .o1_img{ | ||
254 | + width: 200rpx; | ||
255 | + height: 240rpx; | ||
256 | + | ||
257 | + margin-right: 24rpx; | ||
258 | +} | ||
259 | + | ||
260 | +.o1_right .sp_wzi{ | ||
261 | + font-size: 36rpx; | ||
262 | + margin-bottom:6rpx; | ||
263 | + | ||
264 | + width: 100%; | ||
265 | + text-align: left; | ||
266 | + padding: 4rpx 0; | ||
267 | + overflow: hidden; | ||
268 | + height: 48rpx; | ||
269 | + text-overflow: ellipsis; | ||
270 | + white-space: nowrap | ||
271 | +} | ||
272 | + | ||
273 | +.o1_right .o1_sj_kill{ | ||
274 | + height: 60rpx; | ||
275 | + | ||
276 | + margin-bottom: 10rpx; | ||
277 | +} | ||
278 | + | ||
279 | +.o1_right .o1_sj_kill text{ | ||
280 | + background-color: #fdcb08; | ||
281 | + text-align: center; | ||
282 | + border-radius: 10rpx; | ||
283 | + padding:4rpx; | ||
284 | +margin-left:6rpx; | ||
285 | + | ||
286 | +} | ||
287 | + | ||
288 | + | ||
289 | + | ||
290 | +.o1_right .sp_jg{ | ||
291 | + color: #C4182E; | ||
292 | + font-size: 36rpx; | ||
293 | + | ||
294 | + overflow: hidden; | ||
295 | + display: inline-block; | ||
296 | + margin-right: 10rpx; | ||
297 | +} | ||
298 | + | ||
299 | +.o1_right .sp_jgx{ | ||
300 | + color: #dcdcdc; | ||
301 | + text-decoration: line-through; | ||
302 | + font-size: 26rpx; | ||
303 | + | ||
304 | + overflow: hidden; | ||
305 | + display: inline-block; | ||
306 | +} | ||
307 | + | ||
308 | + | ||
309 | +.o1_img image{ | ||
310 | + width: 100%; | ||
311 | + height: 100%; | ||
312 | + | ||
313 | + position:relative; | ||
314 | +top:-23rpx; | ||
315 | +left:0rpx; | ||
316 | + | ||
317 | +} | ||
318 | + | ||
319 | +.o1_right .wo{ | ||
320 | + background-color: #C4182E; | ||
321 | + width: 160rpx; | ||
322 | + height: 60rpx; | ||
323 | + line-height: 60rpx; | ||
324 | + color: white; | ||
325 | + text-align: center; | ||
326 | + font-size: 38rpx; | ||
327 | + margin-left:298rpx; | ||
328 | +border-radius:14rpx; | ||
329 | +padding-left: 10rpx; | ||
330 | +padding-right: 10rpx; | ||
331 | +} | ||
332 | + | ||
333 | + | ||
334 | + |
components/diy_shopname/diy_shopname.js
0 → 100644
1 | +var t = getApp(), | ||
2 | + o = t.globalData.setting; | ||
3 | + | ||
4 | +Component({ | ||
5 | + properties: { | ||
6 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
7 | + object: { | ||
8 | + type: Object, | ||
9 | + value: null, | ||
10 | + }, | ||
11 | + }, | ||
12 | + data: { | ||
13 | + // 这里是一些组件内部数据 | ||
14 | + yc:false, | ||
15 | + imghost: o.imghost, | ||
16 | + stoid:o.stoid, | ||
17 | + sto:null, | ||
18 | + store_name:'', | ||
19 | + someData: {}, | ||
20 | + total:0, | ||
21 | + new_total:0, | ||
22 | + }, | ||
23 | + | ||
24 | + ready: function() { | ||
25 | + var th=this; | ||
26 | + this.init(); | ||
27 | + //--所有商品-- | ||
28 | + getApp().request.promiseGet("/api/weshop/goods/page/", | ||
29 | + {data:{ isonsale: 1, store_id: o.stoid,page:1,pageSize:1}}).then(res => { | ||
30 | + var total=res.data.data.total; | ||
31 | + th.setData({total:total}) | ||
32 | + }) | ||
33 | + | ||
34 | + //--所有新品-- | ||
35 | + getApp().request.promiseGet("/api/weshop/goods/page/", | ||
36 | + {data:{is_new:1,isonsale: 1, store_id: o.stoid,page:1,pageSize:1}}).then(res => { | ||
37 | + var total=res.data.data.total; | ||
38 | + th.setData({new_total:total}) | ||
39 | + }) | ||
40 | + | ||
41 | + }, | ||
42 | + methods: { | ||
43 | + // 这里是一个自定义方法 | ||
44 | + init:function(){ | ||
45 | + var app=getApp(); | ||
46 | + app.request.promiseGet("/api/weshop/store/get/"+o.stoid,{ | ||
47 | + data:{} | ||
48 | + }).then(res=>{ | ||
49 | + var logo=o.imghost+res.data.data.store_logo; | ||
50 | + var name=res.data.data.store_name; | ||
51 | + this.setData({ | ||
52 | + sto:logo,store_name:name | ||
53 | + }) | ||
54 | + }) | ||
55 | + }, | ||
56 | + customMethod: function () {}, | ||
57 | + go_user:function () { | ||
58 | + var url="/pages/user/index/index"; | ||
59 | + getApp().goto(url); | ||
60 | + }, | ||
61 | + go_all_wares:function () { | ||
62 | + var url="/pages/goods/goodsList/goodsList"; | ||
63 | + getApp().goto(url); | ||
64 | + }, | ||
65 | + go_new_wares:function () { | ||
66 | + var url="/pages/goods/goodsList/goodsList?is_new=1"; | ||
67 | + getApp().goto(url); | ||
68 | + } | ||
69 | + | ||
70 | + } | ||
71 | +}) | ||
0 | \ No newline at end of file | 72 | \ No newline at end of file |
components/diy_shopname/diy_shopname.json
0 → 100644
components/diy_shopname/diy_shopname.wxml
0 → 100644
1 | +<view class='wai_zwp'> | ||
2 | + | ||
3 | + <view class="big"> | ||
4 | + | ||
5 | + <view class="big_picture_border"> | ||
6 | + <image class="big_picture" src='{{object.srcimg}}'></image> | ||
7 | + </view> | ||
8 | + <block wx:if="{{object.style==1}}"> | ||
9 | + | ||
10 | + <view class="big_border"> | ||
11 | + <view class="circle"> | ||
12 | + <view class="border"> | ||
13 | + <image class="wxd_ww" src='{{sto}}' bindtap="go_user"></image> | ||
14 | + </view> | ||
15 | + </view> | ||
16 | + <view class="font">{{store_name}}</view> | ||
17 | + </view> | ||
18 | + | ||
19 | + <view class="all_view"> | ||
20 | + <view class="v_item" bindtap="go_all_wares"> | ||
21 | + <view>{{total}}</view> | ||
22 | + <view class="shopname_title_size">全部商品</view> | ||
23 | + </view> | ||
24 | + | ||
25 | + <view class="v_item" bindtap="go_new_wares"> | ||
26 | + <view>{{new_total}}</view> | ||
27 | + <view class="shopname_title_size">上新商品</view> | ||
28 | + </view> | ||
29 | + | ||
30 | + <view class="v_item" bindtap="go_user"> | ||
31 | + <view> | ||
32 | + <image class="user_pictrue" src='{{imghost}}/miniapp/images/numb.png'></image> | ||
33 | + </view> | ||
34 | + <view class="shopname_title_size">个人中心</view> | ||
35 | + </view> | ||
36 | + </view> | ||
37 | + </block> | ||
38 | + | ||
39 | + | ||
40 | + <block wx:else="{{object.style==2}}"> | ||
41 | + <view class="big_border_two"> | ||
42 | + <view class="circle_tow"> | ||
43 | + <view class="border"> | ||
44 | + <image class="wxd_ww" src='{{sto}}' bindtap="go_user"></image> | ||
45 | + </view> | ||
46 | + </view> | ||
47 | + <view class="title_center"> | ||
48 | + <view class="fonts">派派通001</view> | ||
49 | + </view> | ||
50 | + </view> | ||
51 | + <view class="base_font"> | ||
52 | + <view class="arrange"> | ||
53 | + <view class="base_font_one"> | ||
54 | + <navigator url="/pages/goods/goodsList/goodsList" class="navi"> | ||
55 | + <view>{{total}}</view> | ||
56 | + <view>全部商品</view> | ||
57 | + </navigator> | ||
58 | + </view> | ||
59 | + | ||
60 | + <view class="base_font_one"> | ||
61 | + <view class="shuxian">|</view> | ||
62 | + <navigator url="/pages/goods/goodsList/goodsList?is_new=1" class="navi"> | ||
63 | + <view>{{new_total}}</view> | ||
64 | + <view>上新商品</view> | ||
65 | + </navigator> | ||
66 | + </view> | ||
67 | + | ||
68 | + <view class="base_font_one" bindtap="go_user"> | ||
69 | + <view class="shuxian">|</view> | ||
70 | + <view class="navi"> | ||
71 | + <view > | ||
72 | + <image class="user_pictrue_two" src='{{imghost}}/miniapp/images/numb.png'></image> | ||
73 | + </view> | ||
74 | + <view>个人中心</view> | ||
75 | + </view> | ||
76 | + </view> | ||
77 | + </view> | ||
78 | + </view> | ||
79 | + </block> | ||
80 | + </view> | ||
81 | +</view> | ||
82 | + |
components/diy_shopname/diy_shopname.wxss
0 → 100644
1 | +/* 最外层的view */ | ||
2 | +.big{ | ||
3 | + font-family: Arial,"宋体"; | ||
4 | + text-align:center; | ||
5 | + margin:0 auto; | ||
6 | + position: relative; | ||
7 | + height: 500rpx; | ||
8 | +} | ||
9 | + | ||
10 | +.s1_gk_a1{ | ||
11 | + display: inline; | ||
12 | + width: auto; | ||
13 | + height: auto; | ||
14 | +} | ||
15 | + | ||
16 | +/* 圆形小图片 */ | ||
17 | +.wxd_ww { | ||
18 | + width: 126rpx; | ||
19 | + height: 126rpx; | ||
20 | + /* justify-content: center; */ | ||
21 | + margin-top: 20rpx; | ||
22 | + margin-left: 6rpx; | ||
23 | +} | ||
24 | + | ||
25 | +/* 小图片圆边框 */ | ||
26 | + | ||
27 | +.circle { | ||
28 | + /* 设置背景色 */ | ||
29 | + background: #f8f8f8; | ||
30 | + /* 设置圆 */ | ||
31 | + border-radius: 50%; | ||
32 | + width: 163rpx; | ||
33 | + height: 163rpx; | ||
34 | + /* 给边框加颜色要设置边框 */ | ||
35 | + border: 2rpx solid #f7e9e2; | ||
36 | + /* display: flex加justify-content: center是居中对齐 */ | ||
37 | + display: flex; | ||
38 | + justify-content: center; | ||
39 | + /* 超出边框则隐藏 */ | ||
40 | + overflow: hidden; | ||
41 | +} | ||
42 | + | ||
43 | +/* 设置小图片外面的view的宽高 */ | ||
44 | + | ||
45 | +.circle_tow .border { | ||
46 | + width: 140rpx; | ||
47 | + height: 140rpx; | ||
48 | +} | ||
49 | + | ||
50 | +/* 小图片最大外边框 */ | ||
51 | + | ||
52 | +.big_border { | ||
53 | + width: 192rpx; | ||
54 | + height: 214rpx; | ||
55 | + position: relative; | ||
56 | + top: -82rpx; | ||
57 | + left: 10px; | ||
58 | +} | ||
59 | + | ||
60 | +.font { | ||
61 | + margin-top: 10rpx; | ||
62 | + overflow:hidden; | ||
63 | + text-overflow:ellipsis; | ||
64 | + white-space:nowrap; | ||
65 | + font-size: 36rpx; | ||
66 | +} | ||
67 | + | ||
68 | +/* 最大图片的外层view */ | ||
69 | + | ||
70 | +.big_picture_border { | ||
71 | + width: 100%; | ||
72 | + height: 320rpx; | ||
73 | +} | ||
74 | + | ||
75 | + | ||
76 | +.jj{ | ||
77 | + position: relative; | ||
78 | + top: 26rpx; | ||
79 | + left: -128rpx; | ||
80 | +} | ||
81 | + | ||
82 | +.jj_2{ | ||
83 | + position: relative; | ||
84 | + top:26rpx; | ||
85 | +left:-116rpx; | ||
86 | + | ||
87 | +} | ||
88 | + | ||
89 | +.big_picture { | ||
90 | + width: 100%; | ||
91 | + height: 100%; | ||
92 | +} | ||
93 | + | ||
94 | +/* 全部商品样式 */ | ||
95 | + | ||
96 | +.all_goods_sum { | ||
97 | + width: 174rpx; | ||
98 | + height: 94rpx; | ||
99 | + margin-left: 230rpx; | ||
100 | + text-align: center; | ||
101 | + margin-top: 15rpx; | ||
102 | + position: relative; | ||
103 | + top: -196rpx; | ||
104 | +} | ||
105 | + | ||
106 | +/* 新上商品 */ | ||
107 | +.new_goods { | ||
108 | + width: 174rpx; | ||
109 | + height: 94rpx; | ||
110 | + margin-left: 400rpx; | ||
111 | + /* 居中 */ | ||
112 | + text-align: center; | ||
113 | + margin-top: -90rpx; | ||
114 | + position: relative; | ||
115 | + top: -198rpx; | ||
116 | +} | ||
117 | + | ||
118 | +/* 个人中心 */ | ||
119 | + | ||
120 | +.personal_center { | ||
121 | + width: 174rpx; | ||
122 | + height: 94rpx; | ||
123 | + margin-left: 570rpx; | ||
124 | + /* 居中 */ | ||
125 | + text-align: center; | ||
126 | + margin-top: -90rpx; | ||
127 | + position: relative; | ||
128 | + top: -200rpx; | ||
129 | +} | ||
130 | + | ||
131 | +/* 个人中心图像 */ | ||
132 | + | ||
133 | +.user_pictrue { | ||
134 | + width: 36rpx; | ||
135 | + height: 32rpx; | ||
136 | + margin-right: 0rpx; | ||
137 | +} | ||
138 | + | ||
139 | +/* 图像的第二个 */ | ||
140 | +.big_border_two { | ||
141 | + width: 100%; | ||
142 | + height: 260rpx; | ||
143 | + position: relative; | ||
144 | + top: -274rpx; | ||
145 | + text-align: center; | ||
146 | +} | ||
147 | + | ||
148 | +/* 小图片2圆边框 */ | ||
149 | + | ||
150 | +.circle_tow { | ||
151 | + /* 设置背景色 */ | ||
152 | + background: #fff; | ||
153 | + /* 设置圆 */ | ||
154 | + border-radius: 50%; | ||
155 | + width: 172rpx; | ||
156 | + height: 172rpx; | ||
157 | + /* 给边框加颜色要设置边框 */ | ||
158 | + border: 1rpx solid #f7e9e2; | ||
159 | + /* display: flex加justify-content: center是居中对齐 */ | ||
160 | + display: flex; | ||
161 | + justify-content: center; | ||
162 | + /* 超出边框则隐藏 */ | ||
163 | + overflow: hidden; | ||
164 | + position: relative; | ||
165 | + margin-left: 50%; | ||
166 | + left:-86rpx; | ||
167 | +} | ||
168 | + | ||
169 | +.fonts { | ||
170 | + width: 186rpx; | ||
171 | + height: 70rpx; | ||
172 | + /* 倒角 */ | ||
173 | + border-radius: 25rpx; | ||
174 | + background-color: rgba(255, 255, 255, 0.7); | ||
175 | + border: 1rpx solid rgba(255, 255, 255, 0.7); | ||
176 | + font-size: 36rpx; | ||
177 | + /* 水平居中 */ | ||
178 | + text-align: center; | ||
179 | + /* 垂直居中 */ | ||
180 | + line-height: 70rpx; | ||
181 | + position: relative; | ||
182 | + top: 20rpx; | ||
183 | + left: 0rpx; | ||
184 | + /* background-color: rgba(255, 255, 255, 0.7); */ | ||
185 | +} | ||
186 | + | ||
187 | +/* 底层文字 */ | ||
188 | +.base_font { | ||
189 | + width: 100%; | ||
190 | + height: 120rpx; | ||
191 | + position: relative; | ||
192 | + top: -250rpx; | ||
193 | +} | ||
194 | +/* 使里面的view纵向排列 */ | ||
195 | +.arrange{ | ||
196 | + /* 弹性布局 */ | ||
197 | + display: flex; | ||
198 | + margin-top: 20rpx; | ||
199 | +} | ||
200 | +/* 底层文字 */ | ||
201 | +.base_font_one { | ||
202 | + width: 33%; | ||
203 | + height: 120rpx; | ||
204 | + /* 水平居中 */ | ||
205 | + text-align: center; | ||
206 | + display: flex; | ||
207 | +} | ||
208 | + | ||
209 | +.base_font_one .navi{ | ||
210 | + width: 100%; | ||
211 | +} | ||
212 | + | ||
213 | +.base_font_one .shuxian{ | ||
214 | + margin-top: 15rpx; | ||
215 | +} | ||
216 | + | ||
217 | + | ||
218 | +.base_font_one .navi view{ | ||
219 | + width: 100%; | ||
220 | +} | ||
221 | +.base_font_one .navi view .user_pictrue_two{ | ||
222 | + width: 32rpx;height: 35rpx; | ||
223 | +} | ||
224 | +.wai_zwp{ | ||
225 | + background-color: white; | ||
226 | + height: 500rpx; | ||
227 | +} | ||
228 | + | ||
229 | +.shopname_title_size{ font-size: 34rpx} | ||
230 | +.big .all_view{display: flex; width: 500rpx; position:absolute; bottom:90rpx;right: 0 } | ||
231 | +.big .all_view .v_item{width:33%; } | ||
232 | + | ||
233 | +.big_border_two .title_center{ display: flex; justify-content: center;} | ||
234 | + |
components/diy_title/diy_title.js
0 → 100644
1 | +Component({ | ||
2 | + properties: { | ||
3 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
4 | + object:{ | ||
5 | + type: Object, | ||
6 | + value:null | ||
7 | + }, | ||
8 | + | ||
9 | + }, | ||
10 | + data: { | ||
11 | + // 这里是一些组件内部数据 | ||
12 | + someData: {} | ||
13 | + }, | ||
14 | + methods: { | ||
15 | + //--智能跳转-- | ||
16 | + go_url:function (e) { | ||
17 | + var url=e.currentTarget.dataset.url; | ||
18 | + getApp().goto(url); | ||
19 | + } | ||
20 | + } | ||
21 | +}) | ||
0 | \ No newline at end of file | 22 | \ No newline at end of file |
components/diy_title/diy_title.json
0 → 100644
components/diy_title/diy_title.wxml
0 → 100644
1 | +<view class="big_rim"> | ||
2 | + <view class="rim"> | ||
3 | + <image class="image_one" src="{{object.title_img}}"></image> | ||
4 | + </view> | ||
5 | + <view data-url="{{object.wxapp_url}}" bindtap="go_url"> | ||
6 | + <view class="txet_rim"> | ||
7 | + <view class="text" style='color:{{object.title_namecolor}}'>{{object.title_name}}</view></view> | ||
8 | + </view> | ||
9 | + <block wx:if="{{object.title_right!= ''}}"> | ||
10 | + <view bindtap="go_url" data-url='{{object.wxapp_url}}'> | ||
11 | + <view class="right_rim"> | ||
12 | + <view class="font_right_rim"> | ||
13 | + <view class="caption" style='color:{{object.title_rightcolor}}'>{{object.title_right}}</view> | ||
14 | + </view> | ||
15 | + <view class="aa">></view> | ||
16 | + </view> | ||
17 | + </view> | ||
18 | + </block> | ||
19 | +</view> | ||
0 | \ No newline at end of file | 20 | \ No newline at end of file |
components/diy_title/diy_title.wxss
0 → 100644
1 | +/* 大边框 */ | ||
2 | + | ||
3 | +.big_rim { | ||
4 | + width: 100%; | ||
5 | + height: auto; | ||
6 | + display: flex; | ||
7 | + padding: 10rpx 0; | ||
8 | +} | ||
9 | + | ||
10 | +/* 图片边框 */ | ||
11 | + | ||
12 | +.rim { | ||
13 | + margin-left: 20rpx; | ||
14 | + margin-top: 15rpx; | ||
15 | +} | ||
16 | + | ||
17 | +/* 图片 */ | ||
18 | +.image_one { | ||
19 | + width: 48rpx; | ||
20 | + height: 48rpx; | ||
21 | +} | ||
22 | + | ||
23 | +/* 标题的边框 */ | ||
24 | +.txet_rim { | ||
25 | + margin-left: 10rpx; | ||
26 | + margin-top: 20rpx; | ||
27 | + min-width: 300rpx; | ||
28 | + width: auto; | ||
29 | + height: auto; | ||
30 | + word-break: break-all; | ||
31 | + word-wrap: break-word; | ||
32 | + | ||
33 | +} | ||
34 | + | ||
35 | +/* 标题名 */ | ||
36 | +.text { | ||
37 | + font-weight: bold; | ||
38 | + font-family: "SimSun"; | ||
39 | +} | ||
40 | + | ||
41 | +/* 右侧边框 */ | ||
42 | + | ||
43 | +.right_rim { | ||
44 | + min-width: 200rpx; | ||
45 | + width: auto; | ||
46 | + display: inline-block; | ||
47 | +} | ||
48 | + | ||
49 | +/* 右侧文字边框 */ | ||
50 | +.font_right_rim { | ||
51 | + display: inline-block; | ||
52 | + min-width: 300rpx; | ||
53 | + text-align:right; | ||
54 | + margin-left: 20rpx; | ||
55 | + vertical-align: top; | ||
56 | +} | ||
57 | + | ||
58 | +/* 标题 */ | ||
59 | + | ||
60 | +.caption { | ||
61 | + display: inline-block; | ||
62 | + color: #777; | ||
63 | + min-width: 300rpx; | ||
64 | + width: auto; | ||
65 | + height: auto; | ||
66 | + margin-top: 20rpx | ||
67 | +} | ||
68 | + | ||
69 | +.aa { | ||
70 | + display: inline-block; | ||
71 | + color: #777; | ||
72 | + width: 50rpx; | ||
73 | + font-size: 50rpx; | ||
74 | + font-weight: bold; | ||
75 | + vertical-align: top; | ||
76 | + margin-top: 12rpx | ||
77 | +} |
components/diy_video/diy_video.js
0 → 100644
1 | +Component({ | ||
2 | + properties: { | ||
3 | + object: { | ||
4 | + type: Object, | ||
5 | + value: null | ||
6 | + }, | ||
7 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
8 | + | ||
9 | + }, | ||
10 | + data: { | ||
11 | + // 这里是一些组件内部数据 | ||
12 | + someData: {}, | ||
13 | + videoUrl: "", | ||
14 | + }, | ||
15 | + | ||
16 | + ready: function () { | ||
17 | + this.create_url(); | ||
18 | + }, | ||
19 | + methods: { | ||
20 | + // 这里是一个自定义方法 | ||
21 | + create_url: function () { | ||
22 | + console.log('create_url'); | ||
23 | + var that = this; | ||
24 | + /*获取文本框中的值*/ | ||
25 | + var text = this.properties.object.wxapp_code; | ||
26 | + /*console.log("整个的地址"+text);*/ | ||
27 | + var arr = new Array(), arrs = new Array(); | ||
28 | + arr = text.split('vid='); | ||
29 | + /*console.log("截取vid后面的"+arr[1]);*/ | ||
30 | + arrs = arr[1].split('"'); | ||
31 | + /* console.log("截取&前面的的"+arrs[0]);*/ | ||
32 | + var vipid = arrs[0]; | ||
33 | + | ||
34 | + var url = "https://vv.video.qq.com/getinfo?vid=" + vipid + "&platform=101001&charge=0&otype=json"; | ||
35 | + wx.request({ | ||
36 | + url: url, | ||
37 | + success: function (res) { | ||
38 | + var dataJson = res.data.replace(/QZOutputJson=/, '') + "qwe"; | ||
39 | + var dataJson1 = dataJson.replace(/;qwe/, ''); | ||
40 | + var data = JSON.parse(dataJson1); | ||
41 | + if (data.vl != undefined) { | ||
42 | + var host = data['vl']['vi'][0]['ul']['ui'][2]['url'] | ||
43 | + var fn = data.vl.vi[0].fn; | ||
44 | + var fvkey = data.vl.vi[0].fvkey; | ||
45 | + /* console.log("有参数吗"+fn+"有参数吗"+fvkey);*/ | ||
46 | + var wxapp_url = host + fn + '?vkey=' + fvkey; | ||
47 | + that.setData({ | ||
48 | + videoUrl: wxapp_url | ||
49 | + }); | ||
50 | + } | ||
51 | + } | ||
52 | + }) | ||
53 | + | ||
54 | + } | ||
55 | + } | ||
56 | +}) | ||
0 | \ No newline at end of file | 57 | \ No newline at end of file |
components/diy_video/diy_video.json
0 → 100644
components/diy_video/diy_video.wxml
0 → 100644
components/diy_video/diy_video.wxss
0 → 100644
components/diy_video/video.json
0 → 100644
components/diy_voice/diy_voice.js
0 → 100644
1 | +const app = getApp() | ||
2 | +const innerAudioContext = wx.createInnerAudioContext(); | ||
3 | +var t = getApp(), | ||
4 | + o = t.globalData.setting; | ||
5 | +Component({ | ||
6 | + properties: { | ||
7 | + | ||
8 | + object: { | ||
9 | + type: Object, | ||
10 | + value: null, | ||
11 | + }, | ||
12 | + audiosrc:{ | ||
13 | + type: String, | ||
14 | + value: null, | ||
15 | + }, | ||
16 | + | ||
17 | + | ||
18 | + | ||
19 | + }, | ||
20 | + data: { | ||
21 | + yc:false, | ||
22 | + isPlayAudio: false, | ||
23 | + audioSeek: 0, | ||
24 | + audioDuration: 0, | ||
25 | + showTime1: '00:00', | ||
26 | + showTime2: '00:00', | ||
27 | + audioTime: 0, | ||
28 | + voice_logo:null, | ||
29 | + imghost: o.imghost, | ||
30 | + }, | ||
31 | + | ||
32 | + ready: function() { | ||
33 | + console.log("ready"); | ||
34 | + var music = this.data.object.music; | ||
35 | + var vo = this.data.object; | ||
36 | + this.setData({ | ||
37 | + audiosrc:music, | ||
38 | + // logo:"http://jmh.xinda100.cn"+logo | ||
39 | + }) | ||
40 | + this.Initialization(); | ||
41 | + this.loadaudio(); | ||
42 | + console.log("logo"); | ||
43 | + console.log(vo); | ||
44 | + this.logo(vo); | ||
45 | + | ||
46 | + }, | ||
47 | + | ||
48 | + methods: { | ||
49 | + | ||
50 | + logo(vo){ | ||
51 | + console.log(111111); | ||
52 | + console.log(vo.logo); | ||
53 | + var v_logo=vo.logo; | ||
54 | + if (!(vo.logo.indexOf("/public/static/images/model/logo.png"))){ | ||
55 | + this.setData({ | ||
56 | + voice_logo:"https://mshopimg.yolipai.net/miniapp/images/logo.png" | ||
57 | + }) | ||
58 | + }else{ | ||
59 | + this.setData({ | ||
60 | + voice_logo:v_logo | ||
61 | + }) | ||
62 | + } | ||
63 | + }, | ||
64 | + | ||
65 | + // 这里是一个自定义方法 | ||
66 | + //初始化播放器,获取duration | ||
67 | + Initialization() { | ||
68 | + var t = this; | ||
69 | + if (this.properties.audiosrc.length != 0) { | ||
70 | + //设置src | ||
71 | + innerAudioContext.src = this.properties.audiosrc; | ||
72 | + //运行一次 | ||
73 | + innerAudioContext.play(); | ||
74 | + innerAudioContext.pause(); | ||
75 | + innerAudioContext.onCanplay(() => { | ||
76 | + //初始化duration | ||
77 | + innerAudioContext.duration | ||
78 | + setTimeout(function () { | ||
79 | + //延时获取音频真正的duration | ||
80 | + var duration = innerAudioContext.duration; | ||
81 | + var min = parseInt(duration / 60); | ||
82 | + var sec = parseInt(duration % 60); | ||
83 | + if (min.toString().length == 1) { | ||
84 | + min = `0${min}`; | ||
85 | + } | ||
86 | + if (sec.toString().length == 1) { | ||
87 | + sec = `0${sec}`; | ||
88 | + } | ||
89 | + t.setData({ | ||
90 | + audioDuration: innerAudioContext.duration, | ||
91 | + showTime2: `${min}:${sec}` | ||
92 | + }); | ||
93 | + }, 1000) | ||
94 | + }) | ||
95 | + } | ||
96 | + }, | ||
97 | + //拖动进度条事件 | ||
98 | + sliderChange(e) { | ||
99 | + var that = this; | ||
100 | + innerAudioContext.src = this.properties.audiosrc; | ||
101 | + //获取进度条百分比 | ||
102 | + var value = e.detail.value; | ||
103 | + this.setData({ | ||
104 | + audioTime: value | ||
105 | + }); | ||
106 | + var duration = this.properties.audioDuration; | ||
107 | + //根据进度条百分比及歌曲总时间,计算拖动位置的时间 | ||
108 | + value = parseInt(value * duration / 100); | ||
109 | + //更改状态 | ||
110 | + this.setData({ | ||
111 | + audioSeek: value, | ||
112 | + isPlayAudio: true | ||
113 | + }); | ||
114 | + //调用seek方法跳转歌曲时间 | ||
115 | + innerAudioContext.seek(value); | ||
116 | + //播放歌曲 | ||
117 | + innerAudioContext.play(); | ||
118 | + }, | ||
119 | + //播放、暂停按钮 | ||
120 | + playAudio() { | ||
121 | + //获取播放状态和当前播放时间 | ||
122 | + var isPlayAudio = this.data.isPlayAudio; | ||
123 | + var seek = this.properties.audioSeek; | ||
124 | + innerAudioContext.pause(); | ||
125 | + //更改播放状态 | ||
126 | + this.setData({ | ||
127 | + isPlayAudio: !isPlayAudio | ||
128 | + }) | ||
129 | + if (isPlayAudio) { | ||
130 | + //如果在播放则记录播放的时间seek,暂停 | ||
131 | + this.setData({ | ||
132 | + audioSeek: innerAudioContext.currentTime | ||
133 | + }); | ||
134 | + } else { | ||
135 | + //如果在暂停,获取播放时间并继续播放 | ||
136 | + innerAudioContext.src = this.properties.audiosrc; | ||
137 | + if (innerAudioContext.duration != 0) { | ||
138 | + this.setData({ | ||
139 | + audioDuration: innerAudioContext.duration | ||
140 | + }); | ||
141 | + } | ||
142 | + //跳转到指定时间播放 | ||
143 | + innerAudioContext.seek(seek); | ||
144 | + innerAudioContext.play(); | ||
145 | + } | ||
146 | + }, | ||
147 | + loadaudio() { | ||
148 | + var that = this; | ||
149 | + //设置一个计步器 | ||
150 | + this.properties.durationIntval = setInterval(function () { | ||
151 | + //当歌曲在播放时执行 | ||
152 | + if (that.data.isPlayAudio == true) { | ||
153 | + //获取歌曲的播放时间,进度百分比 | ||
154 | + var seek = that.properties.audioSeek; | ||
155 | + var duration = innerAudioContext.duration; | ||
156 | + var time = that.properties.audioTime; | ||
157 | + time = parseInt(100 * seek / duration); | ||
158 | + //当歌曲在播放时,每隔一秒歌曲播放时间+1,并计算分钟数与秒数 | ||
159 | + var min = parseInt((seek + 1) / 60); | ||
160 | + var sec = parseInt((seek + 1) % 60); | ||
161 | + //填充字符串,使3:1这种呈现出 03:01 的样式 | ||
162 | + if (min.toString().length == 1) { | ||
163 | + min = `0${min}`; | ||
164 | + } | ||
165 | + if (sec.toString().length == 1) { | ||
166 | + sec = `0${sec}`; | ||
167 | + } | ||
168 | + var min1 = parseInt(duration / 60); | ||
169 | + var sec1 = parseInt(duration % 60); | ||
170 | + if (min1.toString().length == 1) { | ||
171 | + min1 = `0${min1}`; | ||
172 | + } | ||
173 | + if (sec1.toString().length == 1) { | ||
174 | + sec1 = `0${sec1}`; | ||
175 | + } | ||
176 | + //当进度条完成,停止播放,并重设播放时间和进度条 | ||
177 | + if (time >= 100) { | ||
178 | + innerAudioContext.stop(); | ||
179 | + that.setData({ | ||
180 | + audioSeek: 0, | ||
181 | + audioTime: 0, | ||
182 | + audioDuration: duration, | ||
183 | + isPlayAudio: false, | ||
184 | + showTime1: `00:00` | ||
185 | + }); | ||
186 | + return false; | ||
187 | + } | ||
188 | + //正常播放,更改进度信息,更改播放时间信息 | ||
189 | + that.setData({ | ||
190 | + audioSeek: seek + 1, | ||
191 | + audioTime: time, | ||
192 | + audioDuration: duration, | ||
193 | + showTime1: `${min}:${sec}`, | ||
194 | + showTime2: `${min1}:${sec1}` | ||
195 | + }); | ||
196 | + } | ||
197 | + }, 1000); | ||
198 | + }, | ||
199 | + onUnload: function () { | ||
200 | + //卸载页面,清除计步器 | ||
201 | + clearInterval(this.properties.durationIntval); | ||
202 | + }, | ||
203 | + customMethod: function () { } | ||
204 | + } | ||
205 | +}) | ||
0 | \ No newline at end of file | 206 | \ No newline at end of file |
components/diy_voice/diy_voice.json
0 → 100644
components/diy_voice/diy_voice.wxml
0 → 100644
1 | +<!--pages/diy_jd/diy_jd.wxml--> | ||
2 | +<!-- ================== 带滚动条的播放器--> | ||
3 | +<view class='mod_voice' wx:if="{{object.style=='2'}}"> | ||
4 | +<block wx:if="{{object.bubble==1}}"> | ||
5 | + <block wx:if='{{object.play==1}}'> | ||
6 | + <view class='mod_border'> | ||
7 | + <view class='mod_p' catchtap='playAudio'> | ||
8 | + <view wx:if="{{isPlayAudio}}"> | ||
9 | + <image src='{{imghost}}/miniapp/images/pause.png' bindtap="audioPlay" mode='widthFix'></image> | ||
10 | + <text class='diy_title'>111</text> | ||
11 | + </view> | ||
12 | + <view wx:else> | ||
13 | + <image src='{{imghost}}/miniapp/images/voice_play_green.png' mode='widthFix'></image> | ||
14 | + <text class='diy_title'>111</text> | ||
15 | + </view> | ||
16 | + </view> | ||
17 | + <!-- 滚动条 --> | ||
18 | + <view class='mod_g'> | ||
19 | + <view class='slider'> | ||
20 | + <slider bindchange='sliderChange' activeColor='red' block-size="12" value='{{audioTime}}' /> | ||
21 | + </view> | ||
22 | + <view class='time'> | ||
23 | + {{showTime1}}/{{showTime2}} | ||
24 | + </view> | ||
25 | + </view> | ||
26 | + </view> | ||
27 | + </block> | ||
28 | + </block> | ||
29 | +</view> | ||
30 | + | ||
31 | +<!-- -------------------2--------------- --> | ||
32 | +<!-- 左边播放器 --> | ||
33 | +<view class='ad' wx:if='{{object.style==1}}'> | ||
34 | +<block wx:if="{{object.bubble==1}}"> | ||
35 | + <block wx:if="{{object.play==1}}"> | ||
36 | + <view class='ad_tp'> | ||
37 | + <image src='{{voice_logo}}' mode='widthFix'></image> | ||
38 | + </view> | ||
39 | + <view class='ad_audio' catchtap='playAudio'> | ||
40 | + <view class='tt'> | ||
41 | + <image bindtap="audioPlay" src='{{imghost}}/miniapp/images/voice_lw.png' mode='widthFix'></image> | ||
42 | + </view> | ||
43 | + </view> | ||
44 | + </block> | ||
45 | + </block> | ||
46 | +</view> | ||
47 | +<!-- 右边播放器 --> | ||
48 | +<view class='ad2' wx:if='{{object.style==1}}'> | ||
49 | +<block wx:if="{{object.bubble==2}}"> | ||
50 | + <block wx:if="{{object.play==1}}"> | ||
51 | + <view class='ad_tp2'> | ||
52 | + <image src='{{voice_logo}}' mode='widthFix'></image> | ||
53 | + </view> | ||
54 | + <view class='ad_audio2' catchtap='playAudio'> | ||
55 | + <view class='tt2'> | ||
56 | + <image bindtap="audioPlay" src='{{imghost}}/miniapp/images/voice_rg.png' mode='widthFix'></image> | ||
57 | + <audio class="audio" poster="{{poster}}" src="{{src}}" id="myAd"></audio> | ||
58 | + </view> | ||
59 | + </view> | ||
60 | + </block> | ||
61 | + </block> | ||
62 | +</view> | ||
0 | \ No newline at end of file | 63 | \ No newline at end of file |
components/diy_voice/diy_voice.wxss
0 → 100644
1 | +.flex { | ||
2 | + display: flex; | ||
3 | +} | ||
4 | + | ||
5 | +.audioPlayer { | ||
6 | + width: 100%; | ||
7 | + height: 400rpx; | ||
8 | + margin-bottom: 30rpx; | ||
9 | + box-sizing: border-box; | ||
10 | + padding: 20rpx 30rpx; | ||
11 | +} | ||
12 | + | ||
13 | +.player { | ||
14 | + width: 100%; | ||
15 | + height: 100%; | ||
16 | + position: relative; | ||
17 | +} | ||
18 | + | ||
19 | +.audioBack { | ||
20 | + width: 100%; | ||
21 | + height: 100%; | ||
22 | +} | ||
23 | + | ||
24 | +.audioControls { | ||
25 | + width: 100%; | ||
26 | + height: 80rpx; | ||
27 | + background: black; | ||
28 | + opacity: 0.8; | ||
29 | + position: absolute; | ||
30 | + bottom: 0; | ||
31 | + color: white; | ||
32 | + font-size: 6pt; | ||
33 | + line-height: 80rpx; | ||
34 | + text-align: center; | ||
35 | +} | ||
36 | + | ||
37 | +.audioControls .bottom { | ||
38 | + width: 60rpx; | ||
39 | + height: 100%; | ||
40 | +} | ||
41 | + | ||
42 | +.audioControls .bottom image { | ||
43 | + margin-top: 30%; | ||
44 | + margin-left: 30%; | ||
45 | + width: 40rpx; | ||
46 | + height: 40rpx; | ||
47 | +} | ||
48 | + | ||
49 | +.audioControls .slider { | ||
50 | + width: 520rpx; | ||
51 | + height: 100%; | ||
52 | +} | ||
53 | + | ||
54 | +.slider slider { | ||
55 | + width: 95%; | ||
56 | + margin-left: 4%; | ||
57 | + margin-right: 0; | ||
58 | +} | ||
59 | + | ||
60 | +.audioControls .time { | ||
61 | + width: 120rpx; | ||
62 | + height: 100%; | ||
63 | +} | ||
64 | + | ||
65 | +/* 音频end */ | ||
66 | + | ||
67 | +.mod_voice { | ||
68 | + /* width: 100%; */ | ||
69 | + /* min-height: 100rpx; */ | ||
70 | + background-color: white; | ||
71 | + margin:10px 10rpx; | ||
72 | +} | ||
73 | + | ||
74 | +.mod_p { | ||
75 | + width: 100%; | ||
76 | + height: 70rpx; | ||
77 | + display: flex; | ||
78 | + line-height: 50rpx; | ||
79 | +} | ||
80 | + | ||
81 | +.mod_p image { | ||
82 | + width: 30rpx; | ||
83 | + height: 30rpx; | ||
84 | + margin-left: 10rpx; | ||
85 | + margin-right: 10rpx; | ||
86 | +} | ||
87 | + | ||
88 | +.mod_g image { | ||
89 | + width: 92rpx; | ||
90 | + height: 40rpx; | ||
91 | +} | ||
92 | + | ||
93 | +.mod_g { | ||
94 | + border: 2rpx #ddd solid; | ||
95 | + height: 96rpx; | ||
96 | + border-bottom: 0rpx; | ||
97 | + border-right: 0rpx; | ||
98 | + border-left: 0rpx; | ||
99 | + display: flex; | ||
100 | + flex-flow: row; | ||
101 | +} | ||
102 | + | ||
103 | +.mod_border { | ||
104 | + border: 2rpx #ddd solid; | ||
105 | +} | ||
106 | + | ||
107 | +.ad_audio1 { | ||
108 | + background-size: cover; | ||
109 | + width: 100%; | ||
110 | + height: 80rpx; | ||
111 | +} | ||
112 | + | ||
113 | +.time { | ||
114 | + width: 20%; | ||
115 | + height: 96rpx; | ||
116 | + | ||
117 | + line-height:80rpx; | ||
118 | +color:#999; | ||
119 | +font-size:36rpx; | ||
120 | +margin-left:16rpx; | ||
121 | + | ||
122 | +} | ||
123 | + | ||
124 | +.slider { | ||
125 | + width: 68%; | ||
126 | +} | ||
127 | + | ||
128 | +/* --------------------语音 */ | ||
129 | + | ||
130 | +.btn { | ||
131 | + margin-top: 15rpx; | ||
132 | +} | ||
133 | + | ||
134 | +.audio { | ||
135 | + margin-left: 65rpx; | ||
136 | +} | ||
137 | + | ||
138 | +.o1 { | ||
139 | + background-color: red; | ||
140 | + width: 100%; | ||
141 | + padding: 20rpx; | ||
142 | +} | ||
143 | + | ||
144 | +.ad { | ||
145 | + display: flex; | ||
146 | + width: 100%; | ||
147 | + /* background-color: white; */ | ||
148 | + text-align: left; | ||
149 | + margin-top: 10rpx; | ||
150 | + padding: 0 10rpx; | ||
151 | +margin-bottom:20rpx; | ||
152 | + | ||
153 | +} | ||
154 | + | ||
155 | +.ad_tp { | ||
156 | + width: 80rpx; | ||
157 | + height: 80rpx; | ||
158 | + /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); */ | ||
159 | +} | ||
160 | + | ||
161 | +.ad_tp image { | ||
162 | + width: 100%; | ||
163 | + height: 100%; | ||
164 | + position:relative; | ||
165 | + left:0rpx; | ||
166 | +} | ||
167 | + | ||
168 | +.ad_audio { | ||
169 | + background-size: cover; | ||
170 | + width: 100%; | ||
171 | + height: 80rpx; | ||
172 | +} | ||
173 | + | ||
174 | +.tt { | ||
175 | + width: 356rpx; | ||
176 | + height: 81rpx; | ||
177 | + background: url(https://mshopimg.yolipai.net/miniapp/images/voice_left.png) no-repeat; | ||
178 | + background-size: cover; | ||
179 | + margin-left: 10rpx; | ||
180 | +} | ||
181 | + | ||
182 | +.tt image { | ||
183 | + width: 36rpx; | ||
184 | + height: 45rpx; | ||
185 | + margin-left: 28rpx; | ||
186 | + margin-top: 19rpx; | ||
187 | +} | ||
188 | + | ||
189 | +.ad_tp { | ||
190 | + /* background-color: white; */ | ||
191 | +} | ||
192 | + | ||
193 | +.ad2 { | ||
194 | + | ||
195 | + width: 100%; | ||
196 | + /* background-color: white; */ | ||
197 | + text-align: right; | ||
198 | + margin-top: -10rpx; | ||
199 | + margin-bottom: 30rpx; | ||
200 | +} | ||
201 | + | ||
202 | +.ad_tp2 { | ||
203 | + width: 80rpx; | ||
204 | + height: 80rpx; | ||
205 | + /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); */ | ||
206 | + float: right; | ||
207 | + margin-right: 20rpx; | ||
208 | +} | ||
209 | + | ||
210 | +.ad_tp2 image { | ||
211 | + width: 100%; | ||
212 | + height: 100%; | ||
213 | + display: inline-block; | ||
214 | + position:relative; | ||
215 | +top:2rpx; | ||
216 | +left:0rpx; | ||
217 | + | ||
218 | +} | ||
219 | + | ||
220 | +.ad_audio2 { | ||
221 | + display: inline-block; | ||
222 | + background-size: cover; | ||
223 | + height: 80rpx; | ||
224 | +} | ||
225 | + | ||
226 | +.tt2 { | ||
227 | + width: 356rpx; | ||
228 | + height: 80rpx; | ||
229 | + background: url(https://mshopimg.yolipai.net/miniapp/images/voice_right.png) no-repeat; | ||
230 | + background-size: cover; | ||
231 | + margin-right: 10rpx; | ||
232 | + display: inline-block; | ||
233 | +} | ||
234 | + | ||
235 | +.tt2 image { | ||
236 | + width: 36rpx; | ||
237 | + height: 45rpx; | ||
238 | + margin-left: 28rpx; | ||
239 | + margin-top: 19rpx; | ||
240 | + /* display: inline-block; */ | ||
241 | +} | ||
242 | + | ||
243 | +.ad_tp2 { | ||
244 | + /* background-color: white; */ | ||
245 | + display: inline-block; | ||
246 | +} |
components/long_warn/long_warn.js
0 → 100644
1 | +var t = getApp(); | ||
2 | +Component({ | ||
3 | + /** | ||
4 | + * 页面的初始数据 | ||
5 | + */ | ||
6 | + data: { | ||
7 | + val:"212121", | ||
8 | + is_show:0, | ||
9 | + type:0, //0 提示,失败 1成功 | ||
10 | + iurl:t.globalData.setting.imghost, | ||
11 | + }, | ||
12 | + | ||
13 | + methods: { | ||
14 | + open:function (e,type) { | ||
15 | + var that=this; | ||
16 | + this.setData({is_show:1,val:e,type:type}); | ||
17 | + setTimeout(function () { | ||
18 | + that.setData({is_show:0}); | ||
19 | + },2000); | ||
20 | + } | ||
21 | + } | ||
22 | + | ||
23 | +}) | ||
0 | \ No newline at end of file | 24 | \ No newline at end of file |
components/long_warn/long_warn.json
0 → 100644
components/long_warn/long_warn.wxml
0 → 100644
1 | +<view class="rim" wx:if="{{is_show}}"> | ||
2 | + <view class="content flex-center"> | ||
3 | + <view class="con_view"> | ||
4 | + <view class="con_view_img"> | ||
5 | + <image wx:if="{{type}}" src="{{iurl}}/miniapp/images/sucess_g.png"></image><!-- 成功 --> | ||
6 | + <image wx:else src="{{iurl}}/miniapp/images/gt.png"></image> <!-- 失败 --> | ||
7 | + </view> | ||
8 | + <view class="msg">{{val}}</view> | ||
9 | + </view> | ||
10 | + </view> | ||
11 | +</view> |
components/long_warn/long_warn.wxss
0 → 100644
1 | +.cover-layer { | ||
2 | + position: fixed; | ||
3 | + left: 0; | ||
4 | + top: 0; | ||
5 | + right: 0; | ||
6 | + bottom: 0; | ||
7 | + z-index: 11; | ||
8 | + background: rgba(0,0,0,0.4); | ||
9 | + width: 100%; | ||
10 | + height: 100%; | ||
11 | +} | ||
12 | +/* 水平垂直 */ | ||
13 | +.flex-center{ | ||
14 | + display:flex; | ||
15 | + justify-content:center; | ||
16 | + align-items:center; | ||
17 | +} | ||
18 | +.content{ | ||
19 | + position: fixed; width: 100%; height: 100%;top: 0; left: 0;z-index: 99999999999999999; | ||
20 | +} | ||
21 | +.con_view{ | ||
22 | + min-width:180rpx; max-width: 720rpx; width: auto; padding: 40rpx 30rpx; background-color: #000; border-radius:22rpx; text-align: center; | ||
23 | +} | ||
24 | +.con_view .con_view_img{ height: 120rpx;} | ||
25 | +.con_view image{ width: 84rpx; height: 84rpx;} | ||
26 | +.msg{ | ||
27 | + color:#fff; font-size: 32rpx | ||
28 | +} |
components/nav_box/nav_box.js
0 → 100644
1 | +var t = getApp(),os =t.globalData.setting; | ||
2 | +Component({ | ||
3 | + properties: { | ||
4 | + }, | ||
5 | + data: { | ||
6 | + isopen:0, | ||
7 | + iurl:os.imghost, | ||
8 | + }, | ||
9 | + | ||
10 | + ready: function() { | ||
11 | + }, | ||
12 | + methods: { | ||
13 | + //--点击打开事件-- | ||
14 | + open_box:function () { | ||
15 | + this.setData({isopen:1}); | ||
16 | + }, | ||
17 | + //--关闭事件-- | ||
18 | + close_box:function(){ | ||
19 | + this.setData({isopen:0}); | ||
20 | + }, | ||
21 | + //--跳转-- | ||
22 | + goto:function (e) { | ||
23 | + var url=e.currentTarget.dataset.url; | ||
24 | + getApp().goto(url); | ||
25 | + } | ||
26 | + | ||
27 | + } | ||
28 | + | ||
29 | +}) | ||
0 | \ No newline at end of file | 30 | \ No newline at end of file |
components/nav_box/nav_box.json
0 → 100644
components/nav_box/nav_box.wxml
0 → 100644
1 | + | ||
2 | +<view class="box_main {{isopen==1?'box_isopen':''}}" > | ||
3 | + <view class="dian" bindtap="open_box"> | ||
4 | + <image src="{{iurl}}/miniapp/images/sheng_lue.png" ></image> | ||
5 | + </view> | ||
6 | + <view class="cl_list"> | ||
7 | + <view class="item" data-url="/pages/index/index/index" bindtap="goto">首页</view> | ||
8 | + <view class="item" data-url="/pages/goods/categoryList/categoryList" bindtap="goto">分类</view> | ||
9 | + <view class="item" data-url="/pages/user/index/index" bindtap="goto">我的</view> | ||
10 | + <view class="item big" bindtap="close_box">×</view> | ||
11 | + </view> | ||
12 | +</view> | ||
13 | + |
components/nav_box/nav_box.wxss
0 → 100644
1 | +.box_main{ | ||
2 | + width:100rpx; | ||
3 | + height:100rpx; | ||
4 | + background:#272636; | ||
5 | + transition:width 0.8s; | ||
6 | + -moz-transition:width 0.8s; /* Firefox 4 */ | ||
7 | + -webkit-transition:width 0.8s; /* Safari and Chrome */ | ||
8 | + -o-transition:width 0.8s; /* Opera */ | ||
9 | + border-radius:50rpx ; | ||
10 | + position: fixed; | ||
11 | + right: 10rpx; | ||
12 | + bottom:300rpx; | ||
13 | + overflow: hidden; | ||
14 | +} | ||
15 | + | ||
16 | +.box_isopen{ | ||
17 | + width: 420rpx; | ||
18 | +} | ||
19 | + | ||
20 | +.box_main .dian{ | ||
21 | + text-align: center; | ||
22 | + width:100rpx; | ||
23 | + height:100rpx; | ||
24 | + color: #ffff; | ||
25 | + font-size: 70rpx; | ||
26 | + background: none; | ||
27 | +} | ||
28 | + | ||
29 | +.box_main .dian image{ | ||
30 | + width:75rpx; height:30rpx;margin-top:36rpx; | ||
31 | +} | ||
32 | + | ||
33 | +.box_main.box_isopen .dian{ | ||
34 | + display: none; | ||
35 | +} | ||
36 | + | ||
37 | +.box_main .cl_list{ | ||
38 | + display: none; | ||
39 | +} | ||
40 | + | ||
41 | +.box_main.box_isopen .cl_list{ | ||
42 | + display: block; | ||
43 | + margin-left: 20rpx; | ||
44 | +} | ||
45 | + | ||
46 | +.box_main .cl_list .item{ | ||
47 | + display: inline-block; | ||
48 | + width:100rpx; | ||
49 | + height:100rpx; | ||
50 | + text-align: center; | ||
51 | + line-height: 100rpx; | ||
52 | + color: #fff; | ||
53 | + vertical-align: top; | ||
54 | +} | ||
55 | + | ||
56 | +.box_main .cl_list .item.big{ | ||
57 | + font-size: 70rpx;line-height: 90rpx; | ||
58 | +} | ||
59 | + |
components/qr_code/qr_code.js
0 → 100644
1 | +// pages/user/yhq/qr_code/qr_code.js | ||
2 | +const { | ||
3 | + barcode, | ||
4 | + qrcode | ||
5 | +} = require('../../utils/index.js') | ||
6 | + | ||
7 | +Component({ | ||
8 | + data: { | ||
9 | + q_show:0, | ||
10 | + object:null, | ||
11 | + index:0, | ||
12 | + is_fw:0, | ||
13 | + | ||
14 | + barcode_canvas:null, | ||
15 | + qrcode_canvas:null, | ||
16 | + }, | ||
17 | + properties: { | ||
18 | + // 这里定义了innerText属性,属性值可以在组件使用时指定 | ||
19 | + }, | ||
20 | + ready: function () { | ||
21 | + }, | ||
22 | + | ||
23 | + methods: { | ||
24 | + //关闭 | ||
25 | + close: function (e) { | ||
26 | + this.setData({q_show: 0,barcode_canvas:null,qrcode_canvas:null }); | ||
27 | + }, | ||
28 | + | ||
29 | + //打开 | ||
30 | + open:function (e) { | ||
31 | + this.data.index++; | ||
32 | + var list=[{index:this.data.index }]; | ||
33 | + | ||
34 | + this.setData({q_show: 1,object:e,barcode_canvas:list,qrcode_canvas:list,is_fw:e.is_fw }); | ||
35 | + var val=e.val; | ||
36 | + | ||
37 | + barcode('barcode'+this.data.index,val, 620, 160,this); | ||
38 | + qrcode('qrcode'+this.data.index, val, 520, 520,this); | ||
39 | + } | ||
40 | + } | ||
41 | + | ||
42 | + | ||
43 | +}) | ||
0 | \ No newline at end of file | 44 | \ No newline at end of file |
components/qr_code/qr_code.json
0 → 100644
components/qr_code/qr_code.wxml
0 → 100644
1 | +<view class="xc-pop-up" wx:if="{{q_show}}"> | ||
2 | + <view class="xc-obscuration" bindtap='close'></view> | ||
3 | + <view> | ||
4 | + <view class="xc-qr-frame"> | ||
5 | + <view class="barqrcode"> | ||
6 | + <view class="barcode" wx:if="{{!is_fw}}"> | ||
7 | + <canvas canvas-id="barcode{{item.index}}" wx:for="{{barcode_canvas}}" /> | ||
8 | + <view class="q_code">{{object.val}}</view> | ||
9 | + </view> | ||
10 | + <view class="qrcode_rim {{is_fw==1?'mt':''}}"> | ||
11 | + <canvas class="qrcode" canvas-id="qrcode{{item.index}}" wx:for="{{barcode_canvas}}" /> | ||
12 | + <view class="r-code">{{object.content}}</view> | ||
13 | + <view class="r-code flex" wx:if="{{object.is_quan}}">有效时间:{{object.now}} 至 <view>{{object.validay}}</view></view> | ||
14 | + <block wx:if="{{object.is_quan}}"> | ||
15 | + <view class="r-code" wx:if="{{object.name}}">使用说明: 仅{{object.name}}使用</view> | ||
16 | + <view class="r-code" wx:else>使用说明: 全场通用</view> | ||
17 | + </block> | ||
18 | + <view></view> | ||
19 | + </view> | ||
20 | + </view> | ||
21 | + </view> | ||
22 | + <view class="shut" bindtap="close">ⅹ</view> | ||
23 | +</view> | ||
24 | +</view> | ||
0 | \ No newline at end of file | 25 | \ No newline at end of file |
components/qr_code/qr_code.wxss
0 → 100644
1 | +.xc-pop-up{ | ||
2 | + width: 100%; | ||
3 | + height: 100%; | ||
4 | + position:fixed; | ||
5 | + z-index:5; | ||
6 | + display:flex; | ||
7 | +justify-content:center; | ||
8 | +align-items:center; | ||
9 | +} | ||
10 | + | ||
11 | +.xc-obscuration{ | ||
12 | + position: fixed; | ||
13 | + left: 0; | ||
14 | + top: 0; | ||
15 | + right: 0; | ||
16 | + bottom: 0; | ||
17 | + z-index: 11; | ||
18 | + background: rgba(0,0,0,0.4); | ||
19 | + width: 100%; | ||
20 | + height: 100%; | ||
21 | + | ||
22 | + | ||
23 | + | ||
24 | +} | ||
25 | + | ||
26 | +.xc-qr-frame{ | ||
27 | + width:90%; | ||
28 | + min-height: 696rpx; | ||
29 | + background: #fff; | ||
30 | + z-index: 55; | ||
31 | + position: fixed; | ||
32 | + top:180rpx; | ||
33 | + height: auto; | ||
34 | + padding-bottom:20rpx; | ||
35 | + left:35rpx; | ||
36 | + | ||
37 | +} | ||
38 | + | ||
39 | +/* 二维码和条形码的边框 */ | ||
40 | +.barqrcode{ | ||
41 | + width: 100%; | ||
42 | + height: auto; | ||
43 | + margin-top:30rpx; | ||
44 | + | ||
45 | +} | ||
46 | +/* 点击条形 */ | ||
47 | +.barcode { | ||
48 | + height:150rpx; | ||
49 | + width: 620rpx; | ||
50 | + padding-left:30rpx; | ||
51 | + text-align:center; | ||
52 | +} | ||
53 | +canvas{ | ||
54 | + width:100%; | ||
55 | +height:55px; | ||
56 | +display:block; | ||
57 | +position:relative; | ||
58 | +} | ||
59 | +.q_code{ | ||
60 | + font-size:28rpx; | ||
61 | +letter-spacing:6rpx; | ||
62 | + | ||
63 | +} | ||
64 | + | ||
65 | + | ||
66 | +/* 二维码边框*/ | ||
67 | +.qrcode_rim { | ||
68 | + width: 550rpx; | ||
69 | + height:580rpx; | ||
70 | +display:flex; | ||
71 | +flex-direction:column; | ||
72 | +margin-left:74rpx; | ||
73 | + | ||
74 | + | ||
75 | +} | ||
76 | +.qrcode{ | ||
77 | + width:520rpx; | ||
78 | + height:520rpx; | ||
79 | + margin-top:-20rpx | ||
80 | + | ||
81 | + | ||
82 | +} | ||
83 | +.r-code{ | ||
84 | + font-size:28rpx; | ||
85 | + text-align: center | ||
86 | +} | ||
87 | + | ||
88 | +.shut{ | ||
89 | + display: block; | ||
90 | + width: 54rpx; | ||
91 | + height: 54rpx; | ||
92 | + border: 2rpx solid #fff; | ||
93 | + font-size: 50rpx; | ||
94 | + z-index:55; | ||
95 | + line-height:47rpx; | ||
96 | + margin-top: 45rpx; | ||
97 | + border-radius: 50%; | ||
98 | + -moz-border-radius: 50%; | ||
99 | + -webkit-border-radius: 50%; | ||
100 | + color: #fff; | ||
101 | + text-align: center; | ||
102 | + position: fixed; | ||
103 | + top:940rpx; | ||
104 | + left:345rpx; | ||
105 | + | ||
106 | + | ||
107 | +} | ||
108 | + | ||
109 | +.mt{ margin-top: 70rpx} | ||
110 | +.flex{ | ||
111 | + display: flex; | ||
112 | + justify-content:center; | ||
113 | +} | ||
0 | \ No newline at end of file | 114 | \ No newline at end of file |
components/timePicker/timePicker.js
0 → 100644
1 | + | ||
2 | +Component({ | ||
3 | + /** | ||
4 | + * 组件的属性列表 | ||
5 | + */ | ||
6 | + properties: { | ||
7 | + pickerShow: { | ||
8 | + type: Boolean, | ||
9 | + observer:function(val){ //弹出动画 | ||
10 | + // console.log(this.data); | ||
11 | + if(val){ | ||
12 | + let animation = wx.createAnimation({ | ||
13 | + duration: 500, | ||
14 | + timingFunction: "ease" | ||
15 | + }); | ||
16 | + let animationOpacity = wx.createAnimation({ | ||
17 | + duration: 500, | ||
18 | + timingFunction: "ease" | ||
19 | + }); | ||
20 | + setTimeout(() => { | ||
21 | + animation.bottom(0).step(); | ||
22 | + animationOpacity.opacity(0.7).step(); | ||
23 | + this.setData({ | ||
24 | + animationOpacity: animationOpacity.export(), | ||
25 | + animationData: animation.export() | ||
26 | + }) | ||
27 | + }, 0); | ||
28 | + }else{ | ||
29 | + let animation = wx.createAnimation({ | ||
30 | + duration: 100, | ||
31 | + timingFunction: "ease" | ||
32 | + }); | ||
33 | + let animationOpacity = wx.createAnimation({ | ||
34 | + duration: 500, | ||
35 | + timingFunction: "ease" | ||
36 | + }); | ||
37 | + animation.bottom(-320).step(); | ||
38 | + animationOpacity.opacity(0).step(); | ||
39 | + this.setData({ | ||
40 | + animationOpacity: animationOpacity.export(), | ||
41 | + animationData: animation.export() | ||
42 | + }); | ||
43 | + } | ||
44 | + | ||
45 | + // 在picker滚动未停止前点确定,会使startValue数组各项归零,发生错误,这里判断并重新初始化 | ||
46 | + // 微信新增了picker滚动的回调函数,已进行兼容 | ||
47 | + if(this.data.startValue&&this.data.endValue){ | ||
48 | + let s = 0, e = 0; | ||
49 | + let conf = this.data.config; | ||
50 | + | ||
51 | + this.data.startValue.map(val => { | ||
52 | + if (val == 0) { | ||
53 | + s++ | ||
54 | + } | ||
55 | + }) | ||
56 | + this.data.endValue.map(val => { | ||
57 | + if (val == 0) { | ||
58 | + e++; | ||
59 | + } | ||
60 | + }); | ||
61 | + let tmp={ | ||
62 | + hour:4, | ||
63 | + minute:5, | ||
64 | + second:6 | ||
65 | + } | ||
66 | + let n = tmp[conf.column]; | ||
67 | + if (s>=n || e>=n) { | ||
68 | + this.initPick(this.data.config); | ||
69 | + this.setData({ | ||
70 | + startValue: this.data.startValue, | ||
71 | + endValue: this.data.endValue, | ||
72 | + }); | ||
73 | + } | ||
74 | + } | ||
75 | + | ||
76 | + | ||
77 | + } | ||
78 | + }, | ||
79 | + config: Object | ||
80 | + }, | ||
81 | + | ||
82 | + /** | ||
83 | + * 组件的初始数据 | ||
84 | + */ | ||
85 | + data: { | ||
86 | + // pickerShow:true | ||
87 | + // limitStartTime: new Date().getTime()-1000*60*60*24*30, | ||
88 | + // limitEndTime: new Date().getTime(), | ||
89 | + // yearStart:2000, | ||
90 | + // yearEnd:2100 | ||
91 | + }, | ||
92 | + detached: function() { | ||
93 | + console.log("dele"); | ||
94 | + }, | ||
95 | + attached: function() {}, | ||
96 | + ready: function() { | ||
97 | + this.readConfig(); | ||
98 | + this.initPick(this.data.config || null); | ||
99 | + this.setData({ | ||
100 | + startValue: this.data.startValue, | ||
101 | + endValue: this.data.endValue, | ||
102 | + }); | ||
103 | + | ||
104 | + | ||
105 | + | ||
106 | + | ||
107 | + }, | ||
108 | + /** | ||
109 | + * 组件的方法列表 | ||
110 | + */ | ||
111 | + methods: { | ||
112 | + //读取配置项 | ||
113 | + readConfig() { | ||
114 | + let limitEndTime = new Date().getTime(); | ||
115 | + let limitStartTime = new Date().getTime() - 1000 * 60 * 60 * 24 * 30; | ||
116 | + if (this.data.config) { | ||
117 | + let conf = this.data.config; | ||
118 | + | ||
119 | + if (typeof conf.dateLimit == "number") { | ||
120 | + limitStartTime = | ||
121 | + new Date().getTime() - 1000 * 60 * 60 * 24 * conf.dateLimit; | ||
122 | + } | ||
123 | + if(conf.limitStartTime){ | ||
124 | + | ||
125 | + limitStartTime = new Date(conf.limitStartTime.replace(/-/g,'/')).getTime(); | ||
126 | + } | ||
127 | + | ||
128 | + if (conf.limitEndTime) { | ||
129 | + limitEndTime = new Date(conf.limitEndTime.replace(/-/g, '/')).getTime(); | ||
130 | + } | ||
131 | + | ||
132 | + this.setData({ | ||
133 | + yearStart: conf.yearStart || 2000, | ||
134 | + yearEnd: conf.yearEnd || 2100, | ||
135 | + endDate: conf.endDate || false, | ||
136 | + dateLimit: conf.dateLimit || false, | ||
137 | + hourColumn: | ||
138 | + conf.column == "hour" || | ||
139 | + conf.column == "minute" || | ||
140 | + conf.column == "second", | ||
141 | + minColumn: conf.column == "minute" || conf.column == "second", | ||
142 | + secColumn: conf.column == "second" | ||
143 | + }); | ||
144 | + } | ||
145 | + | ||
146 | + let limitStartTimeArr = formatTime(limitStartTime); | ||
147 | + let limitEndTimeArr = formatTime(limitEndTime); | ||
148 | + | ||
149 | + this.setData({ | ||
150 | + limitStartTime, | ||
151 | + limitStartTimeArr, | ||
152 | + limitEndTime, | ||
153 | + limitEndTimeArr | ||
154 | + }); | ||
155 | + }, | ||
156 | + //滚动开始 | ||
157 | + handlePickStart:function(e){ | ||
158 | + this.setData({ | ||
159 | + isPicking:true | ||
160 | + }) | ||
161 | + }, | ||
162 | + //滚动结束 | ||
163 | + handlePickEnd:function(e){ | ||
164 | + this.setData({ | ||
165 | + isPicking:false | ||
166 | + }) | ||
167 | + }, | ||
168 | + onConfirm: function() { | ||
169 | + | ||
170 | + //滚动未结束时不能确认 | ||
171 | + if(this.data.isPicking){return} | ||
172 | + let startTime = new Date(this.data.startPickTime.replace(/-/g, "/")); | ||
173 | + let endTime = new Date(this.data.endPickTime.replace(/-/g, "/")); | ||
174 | + if (startTime <= endTime || !this.data.endDate) { | ||
175 | + this.setData({ | ||
176 | + startTime, | ||
177 | + endTime | ||
178 | + }); | ||
179 | + let startArr = formatTime(startTime).arr; | ||
180 | + let endArr = formatTime(endTime).arr; | ||
181 | + let format0 = function(num){ | ||
182 | + return num<10?'0'+num:num | ||
183 | + } | ||
184 | + | ||
185 | + let startTimeBack = | ||
186 | + startArr[0] + | ||
187 | + "-" + | ||
188 | + format0(startArr[1]) + | ||
189 | + "-" + | ||
190 | + format0(startArr[2]) + | ||
191 | + " " + | ||
192 | + (this.data.hourColumn ? format0(startArr[3]) : "00") + | ||
193 | + ":" + | ||
194 | + (this.data.minColumn ? format0(startArr[4]) : "00") + | ||
195 | + ":" + | ||
196 | + (this.data.secColumn ? format0(startArr[5]) : "00"); | ||
197 | + | ||
198 | + let endTimeBack = | ||
199 | + endArr[0] + | ||
200 | + "-" + | ||
201 | + format0(endArr[1]) + | ||
202 | + "-" + | ||
203 | + format0(endArr[2]) + | ||
204 | + " " + | ||
205 | + (this.data.hourColumn ? format0(endArr[3]) : "00") + | ||
206 | + ":" + | ||
207 | + (this.data.minColumn ? format0(endArr[4]) : "00") + | ||
208 | + ":" + | ||
209 | + (this.data.secColumn ? format0(endArr[5]) : "00"); | ||
210 | + | ||
211 | + let time = { | ||
212 | + startTime: startTimeBack, | ||
213 | + endTime: endTimeBack | ||
214 | + }; | ||
215 | + | ||
216 | + //触发自定义事件 | ||
217 | + this.triggerEvent("setPickerTime", time); | ||
218 | + this.triggerEvent("hidePicker", {}); | ||
219 | + } else { | ||
220 | + wx.showToast({ | ||
221 | + icon: "none", | ||
222 | + title: "时间不合理" | ||
223 | + }); | ||
224 | + } | ||
225 | + }, | ||
226 | + hideModal: function() { | ||
227 | + | ||
228 | + | ||
229 | + this.triggerEvent("hidePicker", {}); | ||
230 | + }, | ||
231 | + changeStartDateTime: function(e) { | ||
232 | + let val = e.detail.value; | ||
233 | + | ||
234 | + this.compareTime(val, "start"); | ||
235 | + }, | ||
236 | + | ||
237 | + changeEndDateTime: function(e) { | ||
238 | + let val = e.detail.value; | ||
239 | + this.compareTime(val, "end"); | ||
240 | + }, | ||
241 | + //比较时间是否在范围内 | ||
242 | + compareTime(val, type) { | ||
243 | + let h = val[3] ? this.data.HourList[val[3]] : "00"; | ||
244 | + let m = val[4] ? this.data.MinuteList[val[4]] : "00"; | ||
245 | + let s = val[5] ? this.data.SecondList[val[5]] : "00"; | ||
246 | + let time = | ||
247 | + this.data.YearList[val[0]] + | ||
248 | + "-" + | ||
249 | + this.data.MonthList[val[1]] + | ||
250 | + "-" + | ||
251 | + this.data.DayList[val[2]] + | ||
252 | + " " + | ||
253 | + h + | ||
254 | + ":" + | ||
255 | + m + | ||
256 | + ":" + | ||
257 | + s; | ||
258 | + | ||
259 | + let start = this.data.limitStartTime; | ||
260 | + let end = this.data.limitEndTime; | ||
261 | + let timeNum = new Date(time.replace(/-/g, '/')).getTime(); | ||
262 | + let year, month, day, hour, min, sec, limitDate; | ||
263 | + let tempArr = [] | ||
264 | + | ||
265 | + if (!this.data.dateLimit){ | ||
266 | + limitDate = [ | ||
267 | + this.data.YearList[val[0]], | ||
268 | + this.data.MonthList[val[1]], | ||
269 | + this.data.DayList[val[2]], | ||
270 | + this.data.HourList[val[3]], | ||
271 | + this.data.MinuteList[val[4]], | ||
272 | + this.data.SecondList[val[5]]] | ||
273 | + } else if (type == "start" && timeNum > new Date(this.data.endPickTime.replace(/-/g, '/')) && this.data.config.endDate) { | ||
274 | + limitDate = formatTime(this.data.endPickTime).arr; | ||
275 | + | ||
276 | + } else if (type == "end" && timeNum < new Date(this.data.startPickTime.replace(/-/g, '/'))) { | ||
277 | + limitDate = formatTime(this.data.startPickTime).arr; | ||
278 | + | ||
279 | + } else if (timeNum < start) { | ||
280 | + limitDate = this.data.limitStartTimeArr.arr; | ||
281 | + | ||
282 | + } else if (timeNum > end) { | ||
283 | + limitDate = this.data.limitEndTimeArr.arr; | ||
284 | + | ||
285 | + } else { | ||
286 | + limitDate = [ | ||
287 | + this.data.YearList[val[0]], | ||
288 | + this.data.MonthList[val[1]], | ||
289 | + this.data.DayList[val[2]], | ||
290 | + this.data.HourList[val[3]], | ||
291 | + this.data.MinuteList[val[4]], | ||
292 | + this.data.SecondList[val[5]] | ||
293 | + ] | ||
294 | + | ||
295 | + } | ||
296 | + | ||
297 | + year = limitDate[0]; | ||
298 | + month = limitDate[1]; | ||
299 | + day = limitDate[2]; | ||
300 | + hour = limitDate[3]; | ||
301 | + min = limitDate[4]; | ||
302 | + sec = limitDate[5]; | ||
303 | + | ||
304 | + if (type == "start") { | ||
305 | + this.setStartDate(year, month, day, hour, min, sec); | ||
306 | + } else if (type == "end") { | ||
307 | + this.setEndDate(year, month, day, hour, min, sec); | ||
308 | + } | ||
309 | + }, | ||
310 | + getDays: function(year, month) { | ||
311 | + let daysInMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; | ||
312 | + if (month === 2) { | ||
313 | + return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0 | ||
314 | + ? 29 | ||
315 | + : 28; | ||
316 | + } else { | ||
317 | + return daysInMonth[month - 1]; | ||
318 | + } | ||
319 | + }, | ||
320 | + initPick: function(initData) { | ||
321 | + const date = initData.initStartTime ? new Date(initData.initStartTime.replace(/-/g, '/')): new Date(); | ||
322 | + const endDate = initData.initEndTime ? new Date(initData.initEndTime.replace(/-/g, '/')) : new Date(); | ||
323 | + // const startDate = new Date(date.getTime() - 1000 * 60 * 60 * 24); | ||
324 | + const startDate = date; | ||
325 | + const startYear = date.getFullYear(); | ||
326 | + const startMonth = date.getMonth() + 1; | ||
327 | + const startDay = date.getDate(); | ||
328 | + const startHour = date.getHours(); | ||
329 | + const startMinute = date.getMinutes(); | ||
330 | + const startSecond = date.getSeconds(); | ||
331 | + | ||
332 | + const endYear = endDate.getFullYear(); | ||
333 | + const endMonth = endDate.getMonth() + 1; | ||
334 | + const endDay = endDate.getDate(); | ||
335 | + const endHour = endDate.getHours(); | ||
336 | + const endMinute = endDate.getMinutes(); | ||
337 | + const endSecond = endDate.getSeconds(); | ||
338 | + | ||
339 | + let YearList = []; | ||
340 | + let MonthList = []; | ||
341 | + let DayList = []; | ||
342 | + let HourList = []; | ||
343 | + let MinuteList = []; | ||
344 | + let SecondList = []; | ||
345 | + | ||
346 | + //设置年份列表 | ||
347 | + for (let i = this.data.yearStart; i <= this.data.yearEnd; i++) { | ||
348 | + YearList.push(i); | ||
349 | + } | ||
350 | + | ||
351 | + // 设置月份列表 | ||
352 | + for (let i = 1; i <= 12; i++) { | ||
353 | + MonthList.push(i); | ||
354 | + } | ||
355 | + // 设置日期列表 | ||
356 | + for (let i = 1; i <= 31; i++) { | ||
357 | + DayList.push(i); | ||
358 | + } | ||
359 | + // 设置时列表 | ||
360 | + for (let i = 0; i <= 23; i++) { | ||
361 | + if (0 <= i && i < 10) { | ||
362 | + i = "0" + i; | ||
363 | + } | ||
364 | + HourList.push(i); | ||
365 | + } | ||
366 | + // 分|秒 | ||
367 | + for (let i = 0; i <= 59; i++) { | ||
368 | + if (0 <= i && i < 10) { | ||
369 | + i = "0" + i; | ||
370 | + } | ||
371 | + MinuteList.push(i); | ||
372 | + SecondList.push(i); | ||
373 | + } | ||
374 | + | ||
375 | + this.setData({ | ||
376 | + YearList, | ||
377 | + MonthList, | ||
378 | + DayList, | ||
379 | + HourList, | ||
380 | + MinuteList, | ||
381 | + SecondList | ||
382 | + }); | ||
383 | + | ||
384 | + this.setStartDate(startYear, startMonth, startDay, startHour, startMinute, startSecond); | ||
385 | + this.setEndDate(endYear, endMonth, endDay, endHour, endMinute, endSecond); | ||
386 | + | ||
387 | + //!!! | ||
388 | + // setTimeout(() => { | ||
389 | + // this.setStartDate(nowYear, nowMonth, nowDay, nowHour, nowMinute) | ||
390 | + // this.setEndDate(nowYear, nowMonth, nowDay, nowHour, nowMinute) | ||
391 | + // }, 0); | ||
392 | + }, | ||
393 | + setPickerDateArr(type, year, month, day, hour, minute, second) { | ||
394 | + let yearIdx = 0; | ||
395 | + let monthIdx = 0; | ||
396 | + let dayIdx = 0; | ||
397 | + let hourIdx = 0; | ||
398 | + let minuteIdx = 0; | ||
399 | + let secondIdx = 0; | ||
400 | + | ||
401 | + this.data.YearList.map((v, idx) => { | ||
402 | + if (parseInt(v) === year) { | ||
403 | + yearIdx = idx; | ||
404 | + } | ||
405 | + }); | ||
406 | + | ||
407 | + this.data.MonthList.map((v, idx) => { | ||
408 | + if (parseInt(v) === month) { | ||
409 | + monthIdx = idx; | ||
410 | + } | ||
411 | + }); | ||
412 | + | ||
413 | + // 重新设置日期列表 | ||
414 | + let DayList = []; | ||
415 | + for (let i = 1; i <= this.getDays(year, month); i++) { | ||
416 | + DayList.push(i); | ||
417 | + } | ||
418 | + | ||
419 | + DayList.map((v, idx) => { | ||
420 | + if (parseInt(v) === day) { | ||
421 | + dayIdx = idx; | ||
422 | + } | ||
423 | + }); | ||
424 | + if (type == "start") { | ||
425 | + this.setData({ startDayList: DayList }); | ||
426 | + } else if (type == "end") { | ||
427 | + this.setData({ endDayList: DayList }); | ||
428 | + } | ||
429 | + | ||
430 | + this.data.HourList.map((v, idx) => { | ||
431 | + if (parseInt(v) === parseInt(hour)) { | ||
432 | + hourIdx = idx; | ||
433 | + } | ||
434 | + }); | ||
435 | + | ||
436 | + this.data.MinuteList.map((v, idx) => { | ||
437 | + if (parseInt(v) === parseInt(minute)) { | ||
438 | + minuteIdx = idx; | ||
439 | + } | ||
440 | + }); | ||
441 | + this.data.SecondList.map((v, idx) => { | ||
442 | + if (parseInt(v) === parseInt(second)) { | ||
443 | + secondIdx = idx; | ||
444 | + } | ||
445 | + }); | ||
446 | + | ||
447 | + return { | ||
448 | + yearIdx, | ||
449 | + monthIdx, | ||
450 | + dayIdx, | ||
451 | + hourIdx, | ||
452 | + minuteIdx, | ||
453 | + secondIdx | ||
454 | + }; | ||
455 | + }, | ||
456 | + setStartDate: function(year, month, day, hour, minute, second) { | ||
457 | + let pickerDateArr = this.setPickerDateArr( | ||
458 | + "start", | ||
459 | + year, | ||
460 | + month, | ||
461 | + day, | ||
462 | + hour, | ||
463 | + minute, | ||
464 | + second | ||
465 | + ); | ||
466 | + this.setData({ | ||
467 | + startYearList: this.data.YearList, | ||
468 | + startMonthList: this.data.MonthList, | ||
469 | + // startDayList: this.data.DayList, | ||
470 | + startHourList: this.data.HourList, | ||
471 | + startMinuteList: this.data.MinuteList, | ||
472 | + startSecondList: this.data.SecondList, | ||
473 | + startValue: [ | ||
474 | + pickerDateArr.yearIdx, | ||
475 | + pickerDateArr.monthIdx, | ||
476 | + pickerDateArr.dayIdx, | ||
477 | + pickerDateArr.hourIdx, | ||
478 | + pickerDateArr.minuteIdx, | ||
479 | + pickerDateArr.secondIdx | ||
480 | + ], | ||
481 | + startPickTime: | ||
482 | + this.data.YearList[pickerDateArr.yearIdx] + | ||
483 | + "-" + | ||
484 | + this.data.MonthList[pickerDateArr.monthIdx] + | ||
485 | + "-" + | ||
486 | + this.data.DayList[pickerDateArr.dayIdx] + | ||
487 | + " " + | ||
488 | + this.data.HourList[pickerDateArr.hourIdx] + | ||
489 | + ":" + | ||
490 | + this.data.MinuteList[pickerDateArr.minuteIdx] + | ||
491 | + ":" + | ||
492 | + this.data.SecondList[pickerDateArr.secondIdx] | ||
493 | + }); | ||
494 | + }, | ||
495 | + setEndDate: function(year, month, day, hour, minute, second) { | ||
496 | + let pickerDateArr = this.setPickerDateArr( | ||
497 | + "end", | ||
498 | + year, | ||
499 | + month, | ||
500 | + day, | ||
501 | + hour, | ||
502 | + minute, | ||
503 | + second | ||
504 | + ); | ||
505 | + | ||
506 | + this.setData({ | ||
507 | + endYearList: this.data.YearList, | ||
508 | + endMonthList: this.data.MonthList, | ||
509 | + // endDayList: this.data.DayList, | ||
510 | + endHourList: this.data.HourList, | ||
511 | + endMinuteList: this.data.MinuteList, | ||
512 | + endSecondList: this.data.SecondList, | ||
513 | + endValue: [ | ||
514 | + pickerDateArr.yearIdx, | ||
515 | + pickerDateArr.monthIdx, | ||
516 | + pickerDateArr.dayIdx, | ||
517 | + pickerDateArr.hourIdx, | ||
518 | + pickerDateArr.minuteIdx, | ||
519 | + pickerDateArr.secondIdx | ||
520 | + ], | ||
521 | + endPickTime: | ||
522 | + this.data.YearList[pickerDateArr.yearIdx] + | ||
523 | + "-" + | ||
524 | + this.data.MonthList[pickerDateArr.monthIdx] + | ||
525 | + "-" + | ||
526 | + this.data.DayList[pickerDateArr.dayIdx] + | ||
527 | + " " + | ||
528 | + this.data.HourList[pickerDateArr.hourIdx] + | ||
529 | + ":" + | ||
530 | + this.data.MinuteList[pickerDateArr.minuteIdx] + | ||
531 | + ":" + | ||
532 | + this.data.SecondList[pickerDateArr.secondIdx] | ||
533 | + }); | ||
534 | + }, | ||
535 | + } | ||
536 | +}); | ||
537 | + | ||
538 | + | ||
539 | +function formatTime(date) { | ||
540 | + | ||
541 | + if (typeof date == 'string' || 'number') { | ||
542 | + try { | ||
543 | + date = date.replace(/-/g, '/')//兼容ios | ||
544 | + } catch (error) { | ||
545 | + } | ||
546 | + date = new Date(date) | ||
547 | + } | ||
548 | + | ||
549 | + const year = date.getFullYear() | ||
550 | + const month = date.getMonth() + 1 | ||
551 | + const day = date.getDate() | ||
552 | + const hour = date.getHours() | ||
553 | + const minute = date.getMinutes() | ||
554 | + const second = date.getSeconds() | ||
555 | + | ||
556 | + return { | ||
557 | + str: [year, month, day].map(formatNumber).join('-') + ' ' + [hour, minute, second].map(formatNumber).join(':'), | ||
558 | + arr: [year, month, day, hour, minute, second] | ||
559 | + } | ||
560 | +} | ||
561 | +function formatNumber(n) { | ||
562 | + n = n.toString() | ||
563 | + return n[1] ? n : '0' + n | ||
564 | +} |
components/timePicker/timePicker.json
0 → 100644
components/timePicker/timePicker.wxml
0 → 100644
1 | +<!--components/timePicker/timePicker.wxml--> | ||
2 | +<!-- 自定义时间筛选器 --> | ||
3 | +<view hidden="{{!pickerShow}}"> | ||
4 | + <view class="picker-container {{pickerShow?'show_picker':'hide_picker'}}" animation="{{animationData}}"> | ||
5 | + | ||
6 | + <view class="btn-box"> | ||
7 | + <view class="pick_btn" bindtap="hideModal">取消</view> | ||
8 | + <view class='pick_btn' style="color: #19f" bindtap="onConfirm">确定</view> | ||
9 | + </view> | ||
10 | + | ||
11 | + <view class="flex m_auto"> | ||
12 | + <view style="margin-left:10rpx"> | ||
13 | + <view class="w_class">开始日期:</view> | ||
14 | + <picker-view class='sensorTypePicker' indicator-style='height: 35px;' bindchange="changeStartDateTime" | ||
15 | + value="{{startValue}}" style="height: {{endDate?'120px':'250px'}};" bindpickstart="handlePickStart" bindpickend="handlePickEnd"> | ||
16 | + <picker-view-column style="min-width: 70px;flex-shrink: 0"> | ||
17 | + <view class='picker-item' wx:for="{{startYearList}}" wx:key='*this'>{{item}}</view> | ||
18 | + </picker-view-column> | ||
19 | + <picker-view-column> | ||
20 | + <view class='picker-item' wx:for="{{startMonthList}}" wx:key='*this'>{{item}}</view> | ||
21 | + </picker-view-column> | ||
22 | + <picker-view-column> | ||
23 | + <view class='picker-item' wx:for="{{startDayList}}" wx:key='*this'>{{item}}</view> | ||
24 | + </picker-view-column> | ||
25 | + <picker-view-column hidden="{{!hourColumn}}"> | ||
26 | + <view class='picker-item' wx:for="{{startHourList}}" wx:key='*this'>{{item}}</view> | ||
27 | + </picker-view-column> | ||
28 | + <picker-view-column hidden="{{!minColumn}}"> | ||
29 | + <view class='picker-item' wx:for="{{startMinuteList}}" wx:key='*this'>{{item}}</view> | ||
30 | + </picker-view-column> | ||
31 | + <picker-view-column hidden="{{!secColumn}}"> | ||
32 | + <view class='picker-item' wx:for="{{startSecondList}}" wx:key='*this'>{{item}}</view> | ||
33 | + </picker-view-column> | ||
34 | + </picker-view> | ||
35 | + </view> | ||
36 | + | ||
37 | + <view class="line"></view> | ||
38 | + | ||
39 | + <view wx:if="{{endDate}}" style="margin-left:20rpx"> | ||
40 | + <view class="w_class">结束日期:</view> | ||
41 | + <picker-view class='sensorTypePicker' indicator-style='height: 35px;' bindchange="changeEndDateTime" bindpickstart="handlePickStart" bindpickend="handlePickEnd" | ||
42 | + value="{{endValue}}"> | ||
43 | + <picker-view-column style="min-width: 70px;flex-shrink: 0"> | ||
44 | + <view class='picker-item' wx:for="{{endYearList}}" wx:key='*this' style="min-width: 70px;">{{item}}</view> | ||
45 | + </picker-view-column> | ||
46 | + <picker-view-column> | ||
47 | + <view class='picker-item' wx:for="{{endMonthList}}" wx:key='*this'>{{item}}</view> | ||
48 | + </picker-view-column> | ||
49 | + <picker-view-column> | ||
50 | + <view class='picker-item' wx:for="{{endDayList}}" wx:key='*this'>{{item}}</view> | ||
51 | + </picker-view-column> | ||
52 | + <picker-view-column hidden="{{!hourColumn}}" > | ||
53 | + <view class='picker-item' wx:for="{{endHourList}}" wx:key='*this'>{{item}}</view> | ||
54 | + </picker-view-column> | ||
55 | + <picker-view-column hidden="{{!minColumn}}"> | ||
56 | + <view class='picker-item' wx:for="{{endMinuteList}}" wx:key='*this'>{{item}}</view> | ||
57 | + </picker-view-column> | ||
58 | + <picker-view-column hidden="{{!secColumn}}"> | ||
59 | + <view class='picker-item' wx:for="{{startSecondList}}" wx:key='*this'>{{item}}</view> | ||
60 | + </picker-view-column> | ||
61 | + | ||
62 | + | ||
63 | + </picker-view> | ||
64 | + </view> | ||
65 | + </view> | ||
66 | + | ||
67 | + | ||
68 | + <!-- <view class='sure' bindtap="onConfirm">确定</view> --> | ||
69 | + | ||
70 | + </view> | ||
71 | + <!-- 遮罩 --> | ||
72 | + <view class="sensorType-screen" bindtap="hideModal" animation="{{animationOpacity}}"/> | ||
73 | +</view> |
components/timePicker/timePicker.wxss
0 → 100644
1 | +/* components/timePicker/timePicker.wxss */ | ||
2 | + | ||
3 | +.picker-item{ | ||
4 | + line-height: 50px; | ||
5 | + display: flex; | ||
6 | + justify-content: center; | ||
7 | + align-items: center; | ||
8 | +} | ||
9 | + | ||
10 | +/* 自定义时间 */ | ||
11 | +.picker-container { | ||
12 | + display: flex; | ||
13 | + flex-direction: column; | ||
14 | + /* justify-content: center; */ | ||
15 | + align-items: center; | ||
16 | + | ||
17 | + width: 100%; | ||
18 | + overflow: hidden; | ||
19 | + position: fixed; | ||
20 | + left: 0; | ||
21 | + /* height: 0; */ | ||
22 | + transition: height 0.5s; | ||
23 | + z-index: 2000; | ||
24 | + background: white; | ||
25 | + border-top: 1px solid #EFEFF4; | ||
26 | + height: 460rpx | ||
27 | +} | ||
28 | +.sensorType-screen{ | ||
29 | + width: 100vw; | ||
30 | + /* height:400rpx; */ | ||
31 | + position: fixed; | ||
32 | + top: 0; | ||
33 | + right: 0; | ||
34 | + bottom: 0; | ||
35 | + left: 0; | ||
36 | + background: #000; | ||
37 | + opacity: 0; | ||
38 | + overflow: hidden; | ||
39 | + z-index: 1999; | ||
40 | + color: #fff; | ||
41 | +} | ||
42 | +.sensorTypePicker{ | ||
43 | + width: 330rpx; | ||
44 | + height: 120px; | ||
45 | + /* padding: 45px 0; */ | ||
46 | +} | ||
47 | +.picker-item{ | ||
48 | + line-height: 50px; | ||
49 | + display: flex; | ||
50 | + justify-content: center; | ||
51 | + align-items: center; | ||
52 | + font-size: 16px; | ||
53 | + /* overflow: hidden; */ | ||
54 | +} | ||
55 | +.box{ | ||
56 | + padding: 0 10px; | ||
57 | +} | ||
58 | + | ||
59 | +/* 至 */ | ||
60 | +.to{ | ||
61 | + width:100%; | ||
62 | + display: flex; | ||
63 | + justify-content: center;align-items: center; | ||
64 | + color:rgb(138,138,138); | ||
65 | + /* font-size:30rpx; */ | ||
66 | +} | ||
67 | + | ||
68 | +/* 确定 */ | ||
69 | +.sure{ | ||
70 | + width:100%; | ||
71 | + height:45px; | ||
72 | + border-top: 1px solid #EFEFF4; | ||
73 | + display: flex;justify-content: center;align-items: center; | ||
74 | + color: rgb(36,123,255); | ||
75 | + font-size:16px; | ||
76 | +} | ||
77 | + | ||
78 | +.btn-box{ | ||
79 | + width: 100%; | ||
80 | + display: flex; | ||
81 | + justify-content: space-between; | ||
82 | + align-items: center; | ||
83 | + border-bottom: 1px solid #eee; | ||
84 | +} | ||
85 | +.pick_btn{ | ||
86 | + padding: 7px 15px; | ||
87 | + color: #ccc; | ||
88 | + /* background-color: #159; */ | ||
89 | +} | ||
90 | + | ||
91 | +.flex{display: flex} | ||
92 | +.picker-container .m_auto{ margin: 20rpx auto; width: 730rpx; } | ||
93 | +.picker-container .w_class{color: #999; margin-left: 30rpx; margin-top:30rpx; | ||
94 | +font-size: 34rpx; position: relative; top:3rpx} | ||
95 | + .picker-container .line{ height: 280rpx; width: 1rpx; border-right:1rpx solid #eee; margin-left: 26rpx; margin-top: 26rpx } |
components/userqy_pop_up/filter.wxs
0 → 100644
components/userqy_pop_up/userqy_pop_up.js
0 → 100644
1 | +// components/userqy_pop_up/userqy_pop_up.js | ||
2 | +Component({ | ||
3 | + /** | ||
4 | + * 页面的初始数据 | ||
5 | + */ | ||
6 | + data: { | ||
7 | + control: 1 | ||
8 | + }, | ||
9 | + | ||
10 | + properties: { | ||
11 | + | ||
12 | + }, | ||
13 | + ready: function () { | ||
14 | + | ||
15 | + }, | ||
16 | + | ||
17 | + methods: { | ||
18 | + | ||
19 | + // 打开主键 | ||
20 | + open: function (e) { | ||
21 | + var contents = e.content; | ||
22 | + this.setData({ control: 2, title: e.title, content: contents }); | ||
23 | + | ||
24 | + }, | ||
25 | + //关闭 | ||
26 | + close: function () { | ||
27 | + this.setData({ control: 0 }); | ||
28 | + }, | ||
29 | + | ||
30 | + }, | ||
31 | + | ||
32 | + | ||
33 | + | ||
34 | + | ||
35 | + | ||
36 | +}) | ||
0 | \ No newline at end of file | 37 | \ No newline at end of file |
components/userqy_pop_up/userqy_pop_up.json
0 → 100644
components/userqy_pop_up/userqy_pop_up.wxml
0 → 100644
1 | +<wxs src="filter.wxs" module="util"></wxs> | ||
2 | +<view class="xc-pop-up" wx:if="{{control==2}}"> | ||
3 | + <view class="div" bindtap="close"></view> | ||
4 | + <view class="con_div flex_c"> | ||
5 | + <view class="pop-up rel"> | ||
6 | + <!-- 标题 --> | ||
7 | + <view class="xc-title ellipsis-1">{{title}}</view> | ||
8 | + <!-- 内容 --> | ||
9 | + <view class="xc-content"> | ||
10 | + <text>{{util.format(content)}}</text> | ||
11 | + </view> | ||
12 | + | ||
13 | + <view class="shut abs" bindtap="close">ⅹ</view> | ||
14 | + </view> | ||
15 | + | ||
16 | + </view> | ||
17 | +</view> | ||
0 | \ No newline at end of file | 18 | \ No newline at end of file |
components/userqy_pop_up/userqy_pop_up.wxss
0 → 100644
1 | + | ||
2 | +.xc-pop-up .div{ | ||
3 | + width: 100%; | ||
4 | + height: 100%; | ||
5 | + position: fixed; | ||
6 | + left: 0; | ||
7 | + top: 0; | ||
8 | + right: 0; | ||
9 | + bottom: 0; | ||
10 | + z-index: 11; | ||
11 | + background: rgba(0,0,0,0.4); | ||
12 | + | ||
13 | +} | ||
14 | + | ||
15 | +.con_div{ | ||
16 | + width: 100%; | ||
17 | + height: 100%; | ||
18 | + position: fixed; | ||
19 | + left: 0; | ||
20 | + top: 0; | ||
21 | +} | ||
22 | + | ||
23 | +.xc-pop-up .pop-up{ | ||
24 | + border-radius: 15rpx; | ||
25 | + width: 640rpx; | ||
26 | + min-height:400rpx; | ||
27 | + height: auto; | ||
28 | + background: #fff; | ||
29 | + border: 4rpx solid #8faecd; | ||
30 | + z-index: 55; | ||
31 | +} | ||
32 | +.xc-pop-up .shut{ | ||
33 | + width: 54rpx; | ||
34 | + height: 54rpx; | ||
35 | + border: 2rpx solid #fff; | ||
36 | + font-size: 50rpx; | ||
37 | + z-index:55; | ||
38 | + line-height:40rpx; | ||
39 | + border-radius: 50%; | ||
40 | + color: #fff; | ||
41 | + text-align: center; | ||
42 | + bottom: -100rpx; | ||
43 | + left:280rpx | ||
44 | +} | ||
45 | + | ||
46 | + | ||
47 | +.xc-title{ | ||
48 | + height:110rpx; | ||
49 | +line-height:121rpx; | ||
50 | + text-align: center; | ||
51 | +width:100%; | ||
52 | + overflow: hidden; | ||
53 | + white-space: nowrap; | ||
54 | + text-overflow: ellipsis; | ||
55 | + | ||
56 | +} | ||
57 | +.xc-content{ | ||
58 | + width: 80%; | ||
59 | + overflow-y: auto; | ||
60 | + margin:0 auto; | ||
61 | + color:#9f9f9f; | ||
62 | + font-size:30rpx; | ||
63 | + margin-bottom:20rpx; | ||
64 | + padding-bottom: 10rpx; | ||
65 | + max-height: 400rpx | ||
66 | +} | ||
67 | + | ||
68 | +.con_div{ | ||
69 | + z-index:55; position: fixed;top:0; left: 0; height: 100%; width: 100%; | ||
70 | +} | ||
71 | +.xc-layer-title{ | ||
72 | + width:80%; | ||
73 | +margin:0 auto; | ||
74 | + | ||
75 | +} | ||
76 | + | ||
77 | +.rel{ position: relative} | ||
78 | +.abs{position: absolute} | ||
79 | +.flex_c{display: flex; justify-content: center; align-items: center} | ||
0 | \ No newline at end of file | 80 | \ No newline at end of file |
images/bar/car.png
0 → 100644
3.43 KB
images/bar/car_on.png
0 → 100644
17.7 KB
images/bar/fl.png
0 → 100644
3.86 KB
images/bar/fl_on.png
0 → 100644
18 KB
images/bar/fx.png
0 → 100644
3.88 KB
images/bar/fx_on.png
0 → 100644
17.8 KB
images/bar/index.png
0 → 100644
3.79 KB
images/bar/index_on.png
0 → 100644
17.8 KB
images/bar/user.png
0 → 100644
4.08 KB
images/bar/user_on.png
0 → 100644
17.9 KB
images/gt.png
0 → 100644
1.72 KB
images/share/ct_num.png
0 → 100644
3.63 KB
images/share/default_g_img.gif
0 → 100644
7.54 KB