正在显示
16 个修改的文件
包含
2331 行增加
和
2213 行删除
| @@ -44,6 +44,10 @@ App({ | @@ -44,6 +44,10 @@ App({ | ||
| 44 | } | 44 | } |
| 45 | }) | 45 | }) |
| 46 | } | 46 | } |
| 47 | + let token = wx.getStorageSync('token') | ||
| 48 | + if (token) { | ||
| 49 | + this.getCommon() | ||
| 50 | + } | ||
| 47 | }, | 51 | }, |
| 48 | onShow: function (res) { | 52 | onShow: function (res) { |
| 49 | console.log(res); | 53 | console.log(res); |
| @@ -117,6 +121,28 @@ App({ | @@ -117,6 +121,28 @@ App({ | ||
| 117 | }) | 121 | }) |
| 118 | return | 122 | return |
| 119 | }, | 123 | }, |
| 124 | + async getCommon() { | ||
| 125 | + let that = this | ||
| 126 | + wx.login({ | ||
| 127 | + success(res) { | ||
| 128 | + console.log(res); | ||
| 129 | + request({ | ||
| 130 | + url: 'api/common/getUnionid', | ||
| 131 | + method: "POST", | ||
| 132 | + data: { | ||
| 133 | + code: res.code | ||
| 134 | + } | ||
| 135 | + }) | ||
| 136 | + .then(res => { | ||
| 137 | + console.log(res, 'api/common/getUnionid'); | ||
| 138 | + console.log('新出的接口', res); | ||
| 139 | + }).catch(err => { | ||
| 140 | + console.log(err); | ||
| 141 | + console.log('新出的接口出错', err); | ||
| 142 | + }) | ||
| 143 | + } | ||
| 144 | + }) | ||
| 145 | + }, | ||
| 120 | tipsFun(item) { | 146 | tipsFun(item) { |
| 121 | wx.showToast({ | 147 | wx.showToast({ |
| 122 | title: item, | 148 | title: item, |
| @@ -112,7 +112,8 @@ | @@ -112,7 +112,8 @@ | ||
| 112 | "pages/VSpikeMall/VSpikeMall", | 112 | "pages/VSpikeMall/VSpikeMall", |
| 113 | "pages/VtuanOrderDetail/VtuanOrderDetail", | 113 | "pages/VtuanOrderDetail/VtuanOrderDetail", |
| 114 | "pages/Vnew4Sstore/Vnew4Sstore", | 114 | "pages/Vnew4Sstore/Vnew4Sstore", |
| 115 | - "pages/carDetails/carDetails" | 115 | + "pages/carDetails/carDetails", |
| 116 | + "pages/webview/webview" | ||
| 116 | ], | 117 | ], |
| 117 | "window": { | 118 | "window": { |
| 118 | "backgroundTextStyle": "dark", | 119 | "backgroundTextStyle": "dark", |
| @@ -121,7 +122,6 @@ | @@ -121,7 +122,6 @@ | ||
| 121 | "navigationBarTextStyle": "black", | 122 | "navigationBarTextStyle": "black", |
| 122 | "enablePullDownRefresh": false | 123 | "enablePullDownRefresh": false |
| 123 | }, | 124 | }, |
| 124 | - | ||
| 125 | "tabBar": { | 125 | "tabBar": { |
| 126 | "color": "#8C9198", | 126 | "color": "#8C9198", |
| 127 | "backgroundColor": "#fff", | 127 | "backgroundColor": "#fff", |
| @@ -159,12 +159,11 @@ | @@ -159,12 +159,11 @@ | ||
| 159 | } | 159 | } |
| 160 | ] | 160 | ] |
| 161 | }, | 161 | }, |
| 162 | - | ||
| 163 | "style": "v2", | 162 | "style": "v2", |
| 164 | "sitemapLocation": "sitemap.json", | 163 | "sitemapLocation": "sitemap.json", |
| 165 | - "permission":{ | ||
| 166 | - "scope.userLocation" :{ | ||
| 167 | - "desc":"车唛优选小程序请求获取您的位置信息" | ||
| 168 | - } | ||
| 169 | - } | 164 | + "permission": { |
| 165 | + "scope.userLocation": { | ||
| 166 | + "desc": "车唛优选小程序请求获取您的位置信息" | ||
| 167 | + } | ||
| 168 | + } | ||
| 170 | } | 169 | } |
| @@ -30,6 +30,29 @@ Page({ | @@ -30,6 +30,29 @@ Page({ | ||
| 30 | goback() { | 30 | goback() { |
| 31 | wx.navigateBack() | 31 | wx.navigateBack() |
| 32 | }, | 32 | }, |
| 33 | + async common() { | ||
| 34 | + let that = this | ||
| 35 | + try { | ||
| 36 | + const { | ||
| 37 | + data: { | ||
| 38 | + data | ||
| 39 | + } | ||
| 40 | + } = await request({ | ||
| 41 | + url: 'api/my2/myGuan', | ||
| 42 | + method: 'POST', // | ||
| 43 | + data: { | ||
| 44 | + id: that.data.id | ||
| 45 | + } | ||
| 46 | + }) | ||
| 47 | + console.log(data); | ||
| 48 | + that.setData({ | ||
| 49 | + commonList: data, | ||
| 50 | + }) | ||
| 51 | + } catch (err) { | ||
| 52 | + console.log(err); | ||
| 53 | + that.popTest(err.msg) | ||
| 54 | + } | ||
| 55 | + }, | ||
| 33 | async getmoreList() { //获取 | 56 | async getmoreList() { //获取 |
| 34 | let that = this | 57 | let that = this |
| 35 | try { | 58 | try { |
| 1 | -import { | ||
| 2 | - request | ||
| 3 | -} from "../../request/index.js"; | ||
| 4 | -var QQMapWX = require('../../qqmap/qqmap-wx-jssdk.min.js'); | ||
| 5 | -var qqmapsdk; | ||
| 6 | -const a = getApp() | ||
| 7 | -Page({ | ||
| 8 | - data: { | ||
| 9 | - baseUrl: a.globalData.baseUrl, | ||
| 10 | - statusTop: a.globalData.statusHeight, | ||
| 11 | - imagesUrl: a.globalData.imagesUrl, | ||
| 12 | - four: 4, | ||
| 13 | - six: 6, | ||
| 14 | - msg: '', | ||
| 15 | - autoplay: true, | ||
| 16 | - interval: 3000, | ||
| 17 | - indicatorDots: true, | ||
| 18 | - indicator: '#F9F9F9', | ||
| 19 | - indicatorActive: '#E8370F', | ||
| 20 | - bind_car: 1, | ||
| 21 | - time: 30 * 60 * 60 * 1000, | ||
| 22 | - timeData: {}, | ||
| 23 | - pin_id: '1', | ||
| 24 | - rest: false, | ||
| 25 | - groom: [], // 推荐 | ||
| 26 | - homeInfo: [], | ||
| 27 | - homeChe: {}, | ||
| 28 | - homeGouDay: {}, | ||
| 29 | - homeLoop: [], | ||
| 30 | - S4Info: '', | ||
| 31 | - id: '', | ||
| 32 | - nobindCar: false, | ||
| 33 | - goodDetal: {}, | ||
| 34 | - index4S: [], | ||
| 35 | - city_id: '', | ||
| 36 | - }, | ||
| 37 | - onLoad: function (options) { | ||
| 38 | - let that = this | ||
| 39 | - console.log(options); | ||
| 40 | - qqmapsdk = new QQMapWX({ | ||
| 41 | - key: 'B4MBZ-3VICV-THBPQ-UCLHB-SLCEK-B7FIK' | ||
| 42 | - }); | ||
| 43 | - }, | ||
| 44 | - onShow: function () { | ||
| 45 | - let that = this | ||
| 46 | - that.gethomeIndex() | ||
| 47 | - that.gethomeLoop() | ||
| 48 | - that.getS4Info() | ||
| 49 | - that.getindexUser() | ||
| 50 | - that.getCitied() | ||
| 51 | - }, | ||
| 52 | - | ||
| 53 | - gohome() { | ||
| 54 | - wx.switchTab({ | ||
| 55 | - url: '/pages/home/home' | ||
| 56 | - }) | ||
| 57 | - }, | ||
| 58 | - onChange(e) { | ||
| 59 | - this.setData({ | ||
| 60 | - timeData: e.detail, | ||
| 61 | - }); | ||
| 62 | - }, | ||
| 63 | - more4SList() { | ||
| 64 | - wx.navigateTo({ | ||
| 65 | - url: '/pages/Vmore4SList/Vmore4SList' | ||
| 66 | - }) | ||
| 67 | - }, | ||
| 68 | - goSearch() { | ||
| 69 | - wx.navigateTo({ | ||
| 70 | - url: '/pages/Vmore4SList/Vmore4SList?home=1' | ||
| 71 | - }) | ||
| 72 | - }, | ||
| 73 | - addLoveCared() { // 去添加车辆 | ||
| 74 | - let that = this | ||
| 75 | - let token = wx.getStorageSync("token") | ||
| 76 | - if (token) { | ||
| 77 | - if (that.data.nobindCar) { | ||
| 78 | - wx.navigateTo({ | ||
| 79 | - url: '/pages/addcars/addcars' | ||
| 80 | - }) | ||
| 81 | - } else { | ||
| 82 | - wx.navigateTo({ | ||
| 83 | - url: '/pages/addcar/addcar' | ||
| 84 | - }) | ||
| 85 | - } | ||
| 86 | - } else { | ||
| 87 | - that.goLogin() | ||
| 88 | - } | ||
| 89 | - }, | ||
| 90 | - async gethomeIndex() { // 获取首页 | ||
| 91 | - let that = this | ||
| 92 | - try { | ||
| 93 | - const { | ||
| 94 | - data: { | ||
| 95 | - data | ||
| 96 | - } | ||
| 97 | - } = await request({ | ||
| 98 | - url: 'api/index2/index', | ||
| 99 | - }) | ||
| 100 | - console.log(data); | ||
| 101 | - that.setData({ | ||
| 102 | - homeChe: data.che, | ||
| 103 | - homeInfo: data.info, | ||
| 104 | - homeGouDay: data.gou_day | ||
| 105 | - }) | ||
| 106 | - | ||
| 107 | - } catch (err) { | ||
| 108 | - console.log(err); | ||
| 109 | - that.setData({ | ||
| 110 | - msg: err.msg | ||
| 111 | - }) | ||
| 112 | - that.popTest() | ||
| 113 | - } | ||
| 114 | - | ||
| 115 | - }, | ||
| 116 | - async gethomeLoop() { // 获取轮播 | ||
| 117 | - let that = this | ||
| 118 | - try { | ||
| 119 | - const { | ||
| 120 | - data: { | ||
| 121 | - data | ||
| 122 | - } | ||
| 123 | - } = await request({ | ||
| 124 | - url: 'api/index2/img', | ||
| 125 | - }) | ||
| 126 | - console.log(data); | ||
| 127 | - that.setData({ | ||
| 128 | - homeLoop: data, | ||
| 129 | - }) | ||
| 130 | - | ||
| 131 | - } catch (err) { | ||
| 132 | - console.log(err); | ||
| 133 | - that.setData({ | ||
| 134 | - msg: err.msg | ||
| 135 | - }) | ||
| 136 | - that.popTest() | ||
| 137 | - } | ||
| 138 | - | ||
| 139 | - }, | ||
| 140 | - async getS4Info() { // 获取4s店数据 | ||
| 141 | - let that = this | ||
| 142 | - try { | ||
| 143 | - const { | ||
| 144 | - data | ||
| 145 | - } = await request({ | ||
| 146 | - url: 'api/index2/s4Info', | ||
| 147 | - }) | ||
| 148 | - console.log(data); | ||
| 149 | - if (data.code == 1) { | ||
| 150 | - that.setData({ | ||
| 151 | - S4Info: data.data.name, | ||
| 152 | - id: data.data.id, | ||
| 153 | - bind_car: 1 | ||
| 154 | - }) | ||
| 155 | - } else { | ||
| 156 | - //code为0的话，说明没绑定4s店 | ||
| 157 | - that.setData({ | ||
| 158 | - msg: data.msg, | ||
| 159 | - bind_car: 0, | ||
| 160 | - }) | ||
| 161 | - that.popTest() | ||
| 162 | - } | ||
| 163 | - } catch (err) { | ||
| 164 | - console.log(err); | ||
| 165 | - that.setData({ | ||
| 166 | - msg: err.msg | ||
| 167 | - }) | ||
| 168 | - // that.popTest() | ||
| 169 | - if (err.code == 0) { | ||
| 170 | - that.setData({ | ||
| 171 | - bind_car: 0, | ||
| 172 | - }) | ||
| 173 | - } | ||
| 174 | - } | ||
| 175 | - | ||
| 176 | - }, | ||
| 177 | - async getindexUser() { // 获取 4s关注数据 | ||
| 178 | - let that = this | ||
| 179 | - try { | ||
| 180 | - const { | ||
| 181 | - data: { | ||
| 182 | - data | ||
| 183 | - } | ||
| 184 | - } = await request({ | ||
| 185 | - url: 'api/index2/indexUnder', | ||
| 186 | - }) | ||
| 187 | - console.log(data, "4SD店列表"); | ||
| 188 | - if (data.length == 0) { // 如果是空数组，你调用的是【推荐4s店】这个接口 | ||
| 189 | - that.getCitied() | ||
| 190 | - } | ||
| 191 | - that.setData({ | ||
| 192 | - index4S: data | ||
| 193 | - }) | ||
| 194 | - } catch (err) { | ||
| 195 | - console.log(err); | ||
| 196 | - a.popTest(err.msg) | ||
| 197 | - } | ||
| 198 | - | ||
| 199 | - }, | ||
| 200 | - getCitied() { // 获取城市信息 | ||
| 201 | - let that = this | ||
| 202 | - wx.getLocation({ | ||
| 203 | - type: 'wgs84', //默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标 | ||
| 204 | - success: function (res) { | ||
| 205 | - qqmapsdk.reverseGeocoder({ | ||
| 206 | - //位置坐标，默认获取当前位置，非必须参数 | ||
| 207 | - //Object格式 | ||
| 208 | - location: { | ||
| 209 | - latitude: res.latitude, | ||
| 210 | - longitude: res.longitude | ||
| 211 | - }, | ||
| 212 | - success: function (res) { //成功后的回调 | ||
| 213 | - console.log(res); | ||
| 214 | - var res = res.result; | ||
| 215 | - let city = res.ad_info.city | ||
| 216 | - that.saveCity(city) | ||
| 217 | - }, | ||
| 218 | - fail: function (error) { | ||
| 219 | - console.error(error); | ||
| 220 | - }, | ||
| 221 | - complete: function (res) { | ||
| 222 | - // console.log(res); | ||
| 223 | - } | ||
| 224 | - }) | ||
| 225 | - }, | ||
| 226 | - fail: res => {} | ||
| 227 | - }) | ||
| 228 | - return | ||
| 229 | - }, | ||
| 230 | - async saveCity(city) { | ||
| 231 | - let that = this | ||
| 232 | - try { | ||
| 233 | - const { | ||
| 234 | - data: { | ||
| 235 | - data | ||
| 236 | - } | ||
| 237 | - } = await request({ | ||
| 238 | - url: 'api/citys/getCity', | ||
| 239 | - data: { | ||
| 240 | - city: city | ||
| 241 | - } | ||
| 242 | - }) | ||
| 243 | - console.log(data, "首页全局城市定位"); | ||
| 244 | - that.setData({ | ||
| 245 | - city_id: data.city_id | ||
| 246 | - }) | ||
| 247 | - if (that.data.index4S.length == 0) { | ||
| 248 | - that.getSuccessPage() | ||
| 249 | - } | ||
| 250 | - } catch (err) { | ||
| 251 | - console.log(err); | ||
| 252 | - a.popTest(err.msg) | ||
| 253 | - } | ||
| 254 | - }, | ||
| 255 | - async getSuccessPage() { // 获取推荐 | ||
| 256 | - let that = this | ||
| 257 | - try { | ||
| 258 | - const { | ||
| 259 | - data: { | ||
| 260 | - data | ||
| 261 | - } | ||
| 262 | - } = await request({ | ||
| 263 | - url: 'api/index2/tuiList2', | ||
| 264 | - data: { | ||
| 265 | - city_id: that.data.city_id | ||
| 266 | - } | ||
| 267 | - }) | ||
| 268 | - console.log(data); | ||
| 269 | - that.setData({ | ||
| 270 | - groom: data | ||
| 271 | - }) | ||
| 272 | - } catch (err) { | ||
| 273 | - console.log(err); | ||
| 274 | - that.setData({ | ||
| 275 | - msg: err.msg | ||
| 276 | - }) | ||
| 277 | - that.popTest() | ||
| 278 | - } | ||
| 279 | - | ||
| 280 | - }, | ||
| 281 | - async clickAttention(e) { // 点击关注 | ||
| 282 | - let that = this | ||
| 283 | - let id = e.currentTarget.dataset.id | ||
| 284 | - let token = wx.getStorageSync('token') | ||
| 285 | - if (token) { | ||
| 286 | - try { | ||
| 287 | - const { | ||
| 288 | - data | ||
| 289 | - } = await request({ | ||
| 290 | - url: 'api/index2/guan', | ||
| 291 | - data: { | ||
| 292 | - id: id | ||
| 293 | - } | ||
| 294 | - }) | ||
| 295 | - console.log(data); | ||
| 296 | - if (data.code == 1) { | ||
| 297 | - a.popSuccessTest(data.msg) | ||
| 298 | - } | ||
| 299 | - setTimeout(() => { // 一旦有关注的店，就不显示推荐好店 | ||
| 300 | - // that.getSuccessPage() | ||
| 301 | - that.getindexUser() | ||
| 302 | - }, 500); | ||
| 303 | - } catch (err) { | ||
| 304 | - console.log(err); | ||
| 305 | - a.popTest(err.msg) | ||
| 306 | - } | ||
| 307 | - } else { | ||
| 308 | - that.goLogin() | ||
| 309 | - } | ||
| 310 | - }, | ||
| 311 | - goToAccess(e) { | ||
| 312 | - let id = e.currentTarget.dataset.id | ||
| 313 | - console.log(e); | ||
| 314 | - wx.navigateTo({ | ||
| 315 | - url: '/pages/goAccessoriesDetailIMG/goAccessoriesDetailIMG?id=' + id | ||
| 316 | - }) | ||
| 317 | - }, | ||
| 318 | - gobind4S() { // 立即绑定4S店 | ||
| 319 | - let that = this | ||
| 320 | - let pin_id = that.data.pin_id | ||
| 321 | - wx.navigateTo({ | ||
| 322 | - url: '/pages/my4S/my4S?pin_id=' + pin_id, | ||
| 323 | - }) | ||
| 324 | - | ||
| 325 | - }, | ||
| 326 | - goViolationQuery() { // | ||
| 327 | - let that = this | ||
| 328 | - let token = wx.getStorageSync('token') | ||
| 329 | - if (token) { | ||
| 330 | - wx.navigateTo({ | ||
| 331 | - url: '/pages/ViolationQuery/ViolationQuery' | ||
| 332 | - }) | ||
| 333 | - } else { | ||
| 334 | - that.goLogin() | ||
| 335 | - } | ||
| 336 | - }, | ||
| 337 | - goAccessoriesDetailIMG(e) { //进入配件详情 | ||
| 338 | - let that = this | ||
| 339 | - let token = wx.getStorageSync('token') | ||
| 340 | - let goodDetal = that.data.goodDetal | ||
| 341 | - let tir = e.currentTarget.dataset.tir | ||
| 342 | - if (token) { | ||
| 343 | - if (tir == 1) { | ||
| 344 | - wx.navigateTo({ | ||
| 345 | - url: '/pages/productdetailsImg/productdetailsImg?id=' + goodDetal.good1_id | ||
| 346 | - }) | ||
| 347 | - } else if (tir == 2) { | ||
| 348 | - wx.navigateTo({ | ||
| 349 | - url: '/pages/productdetailsImg/productdetailsImg?id=' + goodDetal.good2_id | ||
| 350 | - }) | ||
| 351 | - } else { | ||
| 352 | - wx.navigateTo({ | ||
| 353 | - url: '/pages/productdetailsImg/productdetailsImg?id=' + goodDetal.good3_id | ||
| 354 | - }) | ||
| 355 | - } | ||
| 356 | - | ||
| 357 | - } else { | ||
| 358 | - that.goLogin() | ||
| 359 | - } | ||
| 360 | - }, | ||
| 361 | - goV4Sstores(e) { // 进入我的4s店 | ||
| 362 | - let that = this | ||
| 363 | - console.log(e); | ||
| 364 | - let s4_id = e.currentTarget.dataset.id | ||
| 365 | - let token = wx.getStorageSync('token') | ||
| 366 | - // a.globalData.stores_id = s4_id | ||
| 367 | - console.log(s4_id); | ||
| 368 | - if (token) { | ||
| 369 | - wx.navigateTo({ | ||
| 370 | - // url: '/pages/4Sstore/4Sstore' | ||
| 371 | - url: '/pages/Vnew4Sstore/Vnew4Sstore?s4_id=' + s4_id | ||
| 372 | - | ||
| 373 | - }) | ||
| 374 | - } else { | ||
| 375 | - that.goLogin() | ||
| 376 | - } | ||
| 377 | - }, | ||
| 378 | - ToV4Sstores(e) { | ||
| 379 | - let that = this | ||
| 380 | - let id = e.currentTarget.dataset.id | ||
| 381 | - let token = wx.getStorageSync('token') | ||
| 382 | - if (token) { | ||
| 383 | - wx.navigateTo({ | ||
| 384 | - url: '/pages/Vnew4Sstore/Vnew4Sstore?s4_id=' + id | ||
| 385 | - }) | ||
| 386 | - } else { | ||
| 387 | - that.goLogin() | ||
| 388 | - } | ||
| 389 | - }, | ||
| 390 | - goUpkeepimg() { // 保养预约 | ||
| 391 | - let that = this | ||
| 392 | - let token = wx.getStorageSync('token') | ||
| 393 | - let id = that.data.id | ||
| 394 | - let homeChe = that.data.homeChe | ||
| 395 | - if (token) { | ||
| 396 | - if (id == '') { | ||
| 397 | - that.setData({ | ||
| 398 | - msg: '您尚未绑定4S店' | ||
| 399 | - }) | ||
| 400 | - that.popTest() | ||
| 401 | - } | ||
| 402 | - if (homeChe.length == 0) { | ||
| 403 | - that.setData({ | ||
| 404 | - msg: '请先绑定爱车' | ||
| 405 | - }) | ||
| 406 | - that.popTest() | ||
| 407 | - } | ||
| 408 | - if (homeChe.length != 0 && id != '') { | ||
| 409 | - wx.navigateTo({ | ||
| 410 | - url: '/pages/upkeepImg/upkeepImg?id=' + id | ||
| 411 | - }) | ||
| 412 | - } | ||
| 413 | - } else { | ||
| 414 | - that.goLogin() | ||
| 415 | - } | ||
| 416 | - }, | ||
| 417 | - toMyGarage() { // 我的车库 | ||
| 418 | - let token = wx.getStorageSync("token") | ||
| 419 | - if (token) { | ||
| 420 | - wx.navigateTo({ | ||
| 421 | - url: '/pages/MyGarage/MyGarage?tdTap=1' | ||
| 422 | - }) | ||
| 423 | - } else { | ||
| 424 | - this.goLogin() | ||
| 425 | - } | ||
| 426 | - | ||
| 427 | - }, | ||
| 428 | - goVopenPolicy() { | ||
| 429 | - let that = this | ||
| 430 | - let token = wx.getStorageSync('token') | ||
| 431 | - let id = that.data.id | ||
| 432 | - let homeChe = that.data.homeChe | ||
| 433 | - console.log(homeChe); | ||
| 434 | - if (token) { | ||
| 435 | - if (id == '') { | ||
| 436 | - that.setData({ | ||
| 437 | - msg: '您尚未绑定4S店' | ||
| 438 | - }) | ||
| 439 | - that.popTest() | ||
| 440 | - | ||
| 441 | - } | ||
| 442 | - if (homeChe == null) { | ||
| 443 | - that.setData({ | ||
| 444 | - msg: '请先绑定爱车' | ||
| 445 | - }) | ||
| 446 | - that.popTest() | ||
| 447 | - | ||
| 448 | - } | ||
| 449 | - if (homeChe != null && id != '') { | ||
| 450 | - wx.navigateTo({ | ||
| 451 | - url: '/pages/VopenPolicy/VopenPolicy?che_id=' + homeChe.id | ||
| 452 | - }) | ||
| 453 | - } | ||
| 454 | - | ||
| 455 | - } else { | ||
| 456 | - that.goLogin() | ||
| 457 | - } | ||
| 458 | - }, | ||
| 459 | - goVopenPolicyB() { | ||
| 460 | - let that = this | ||
| 461 | - let token = wx.getStorageSync('token') | ||
| 462 | - let id = that.data.id | ||
| 463 | - let homeChe = that.data.homeChe | ||
| 464 | - if (token) { | ||
| 465 | - if (id == '') { | ||
| 466 | - that.setData({ | ||
| 467 | - msg: '您尚未绑定4S店' | ||
| 468 | - }) | ||
| 469 | - that.popTest() | ||
| 470 | - | ||
| 471 | - } | ||
| 472 | - if (homeChe == null) { | ||
| 473 | - that.setData({ | ||
| 474 | - msg: '请先绑定爱车' | ||
| 475 | - }) | ||
| 476 | - that.popTest() | ||
| 477 | - | ||
| 478 | - } | ||
| 479 | - if (homeChe != null && id != '') { | ||
| 480 | - wx.navigateTo({ | ||
| 481 | - url: '/pages/VopenPolicyB/VopenPolicyB?che_id=' + homeChe.id | ||
| 482 | - }) | ||
| 483 | - } | ||
| 484 | - | ||
| 485 | - } else { | ||
| 486 | - that.goLogin() | ||
| 487 | - } | ||
| 488 | - }, | ||
| 489 | - goVopenPolicyC() { | ||
| 490 | - let that = this | ||
| 491 | - let token = wx.getStorageSync('token') | ||
| 492 | - let id = that.data.id | ||
| 493 | - let homeChe = that.data.homeChe | ||
| 494 | - if (token) { | ||
| 495 | - if (id == '') { | ||
| 496 | - that.setData({ | ||
| 497 | - msg: '您尚未绑定4S店' | ||
| 498 | - }) | ||
| 499 | - that.popTest() | ||
| 500 | - } | ||
| 501 | - if (homeChe == null) { | ||
| 502 | - that.setData({ | ||
| 503 | - msg: '请先绑定爱车' | ||
| 504 | - }) | ||
| 505 | - that.popTest() | ||
| 506 | - } | ||
| 507 | - if (homeChe != null && id != '') { | ||
| 508 | - wx.navigateTo({ | ||
| 509 | - url: '/pages/VopenPolicyC/VopenPolicyC?che_id=' + homeChe.id | ||
| 510 | - }) | ||
| 511 | - } | ||
| 512 | - } else { | ||
| 513 | - that.goLogin() | ||
| 514 | - } | ||
| 515 | - }, | ||
| 516 | - gobindChe() { | ||
| 517 | - let that = this | ||
| 518 | - wx.showModal({ | ||
| 519 | - title: '提示', | ||
| 520 | - content: that.data.msg, | ||
| 521 | - success: function (res) { | ||
| 522 | - if (res.confirm) { | ||
| 523 | - wx.navigateTo({ | ||
| 524 | - url: '/pages/MyGarage/MyGarage?tdTap=1' | ||
| 525 | - }) | ||
| 526 | - | ||
| 527 | - } else { | ||
| 528 | - | ||
| 529 | - } | ||
| 530 | - } | ||
| 531 | - }) | ||
| 532 | - }, | ||
| 533 | - onShareAppMessage(options) { | ||
| 534 | - var that = this; | ||
| 535 | - var shareObj = { | ||
| 536 | - title: "汽车互联网4S店", | ||
| 537 | - path: '/pages/home/home', | ||
| 538 | - imageUrl: '', | ||
| 539 | - }; | ||
| 540 | - return shareObj; | ||
| 541 | - | ||
| 542 | - }, | ||
| 543 | - toGoDetailA(e) { | ||
| 544 | - let that = this | ||
| 545 | - let idata = e.currentTarget.dataset.idata | ||
| 546 | - let jump = idata.jump_type | ||
| 547 | - let good_type = Number(idata.good_type1) | ||
| 548 | - let good_id = idata.good1_id | ||
| 549 | - that.publicDetails(jump, good_type, good_id) | ||
| 550 | - }, | ||
| 551 | - toGoDetailB(e) { | ||
| 552 | - let that = this | ||
| 553 | - let idata = e.currentTarget.dataset.idata | ||
| 554 | - let jump = idata.jump_type | ||
| 555 | - let good_type = Number(idata.good_type2) | ||
| 556 | - let good_id = idata.good2_id | ||
| 557 | - that.publicDetails(jump, good_type, good_id) | ||
| 558 | - }, | ||
| 559 | - toGoDetailC(e) { | ||
| 560 | - let that = this | ||
| 561 | - let idata = e.currentTarget.dataset.idata | ||
| 562 | - let jump = idata.jump_type | ||
| 563 | - let good_type = Number(idata.good_type3) | ||
| 564 | - let good_id = idata.good3_id | ||
| 565 | - that.publicDetails(jump, good_type, good_id) | ||
| 566 | - }, | ||
| 567 | - publicDetails(jump, good_type, good_id) { | ||
| 568 | - if (jump == 1) { //可以跳转 | ||
| 569 | - switch (good_type) { | ||
| 570 | - case 1: // 人气好物 | ||
| 571 | - wx.navigateTo({ | ||
| 572 | - url: '/pages/detail/detail?id=' + good_id | ||
| 573 | - }) | ||
| 574 | - break; | ||
| 575 | - case 2: // 精选推荐 | ||
| 576 | - wx.navigateTo({ | ||
| 577 | - url: '/pages/productdetailsImg/productdetailsImg?id=' + good_id | ||
| 578 | - }) | ||
| 579 | - break; | ||
| 580 | - case 3: // 团购热卖 | ||
| 581 | - wx.navigateTo({ | ||
| 582 | - url: '/pages/VtuanDetail/VtuanDetail?id=' + good_id | ||
| 583 | - }) | ||
| 584 | - break; | ||
| 585 | - case 4: //限时抢购 | ||
| 586 | - wx.navigateTo({ | ||
| 587 | - url: '/pages/VSpikeMallDetail/VSpikeMallDetail?id=' + good_id | ||
| 588 | - }) | ||
| 589 | - break; | ||
| 590 | - case 5: //车型商品 | ||
| 591 | - wx.navigateTo({ | ||
| 592 | - url: '/pages/carDetails/carDetails?id=' + good_id | ||
| 593 | - }) | ||
| 594 | - break; | ||
| 595 | - case -1: //推广活动详情 | ||
| 596 | - wx.navigateTo({ | ||
| 597 | - url: '/pages/activityDetails/activityDetails?id=' + good_id + '&type=1' + '&tap=0' | ||
| 598 | - }) | ||
| 599 | - break; | ||
| 600 | - case -2: //限时活动详情 | ||
| 601 | - wx.navigateTo({ | ||
| 602 | - url: '/pages/details/details?id=' + good_id + '&type=2' | ||
| 603 | - }) | ||
| 604 | - break; | ||
| 605 | - default: | ||
| 606 | - break; | ||
| 607 | - } | ||
| 608 | - } else { | ||
| 609 | - a.popTest('该4s店暂未运营') | ||
| 610 | - } | ||
| 611 | - }, | ||
| 612 | - | ||
| 613 | - | ||
| 614 | - | ||
| 615 | - | ||
| 616 | - | ||
| 617 | - | ||
| 618 | - | ||
| 619 | - | ||
| 620 | - | ||
| 621 | - | ||
| 622 | - | ||
| 623 | - | ||
| 624 | - | ||
| 625 | - | ||
| 626 | - | ||
| 627 | - | ||
| 628 | - | ||
| 629 | - | ||
| 630 | - | ||
| 631 | - async public() { | ||
| 632 | - let that = this | ||
| 633 | - try { | ||
| 634 | - const { | ||
| 635 | - data: { | ||
| 636 | - data | ||
| 637 | - } | ||
| 638 | - } = await request({ | ||
| 639 | - url: '', | ||
| 640 | - data: { | ||
| 641 | - goods_id: that.data.goods_id | ||
| 642 | - } | ||
| 643 | - }) | ||
| 644 | - console.log(data); | ||
| 645 | - that.setData({ | ||
| 646 | - public: data | ||
| 647 | - }) | ||
| 648 | - } catch (err) { | ||
| 649 | - console.log(err); | ||
| 650 | - that.setData({ | ||
| 651 | - msg: err.msg | ||
| 652 | - }) | ||
| 653 | - that.popTest() | ||
| 654 | - } | ||
| 655 | - }, | ||
| 656 | - popTest() { | ||
| 657 | - wx.showToast({ | ||
| 658 | - title: this.data.msg, | ||
| 659 | - icon: 'none', //如果要纯文本，不要icon，将值设为'none' | ||
| 660 | - duration: 1300 | ||
| 661 | - }) | ||
| 662 | - }, | ||
| 663 | - goLogin() { | ||
| 664 | - wx.showModal({ | ||
| 665 | - title: '提示', | ||
| 666 | - content: '您尚未登录，前往登录', | ||
| 667 | - success: function (res) { | ||
| 668 | - if (res.confirm) { | ||
| 669 | - wx.navigateTo({ | ||
| 670 | - url: '/pages/authorization/authorization?num=1' | ||
| 671 | - }) | ||
| 672 | - | ||
| 673 | - } else { | ||
| 674 | - // wx.switchTab({ | ||
| 675 | - // url: '/pages/home/home' | ||
| 676 | - // }) | ||
| 677 | - } | ||
| 678 | - } | ||
| 679 | - }) | ||
| 680 | - }, | ||
| 681 | - popSuccessTest() { | ||
| 682 | - wx.showToast({ | ||
| 683 | - title: this.data.msg, | ||
| 684 | - icon: '', //默认值是success,就算没有icon这个值，就算有其他值最终也显示success | ||
| 685 | - duration: 1300, //停留时间 | ||
| 686 | - }) | ||
| 687 | - }, | ||
| 688 | - | 1 | +import { |
| 2 | + request | ||
| 3 | +} from "../../request/index.js"; | ||
| 4 | +var QQMapWX = require('../../qqmap/qqmap-wx-jssdk.min.js'); | ||
| 5 | +var qqmapsdk; | ||
| 6 | +const a = getApp() | ||
| 7 | +Page({ | ||
| 8 | + data: { | ||
| 9 | + baseUrl: a.globalData.baseUrl, | ||
| 10 | + statusTop: a.globalData.statusHeight, | ||
| 11 | + imagesUrl: a.globalData.imagesUrl, | ||
| 12 | + four: 4, | ||
| 13 | + six: 6, | ||
| 14 | + msg: '', | ||
| 15 | + autoplay: true, | ||
| 16 | + interval: 3000, | ||
| 17 | + indicatorDots: true, | ||
| 18 | + indicator: '#F9F9F9', | ||
| 19 | + indicatorActive: '#E8370F', | ||
| 20 | + bind_car: 1, | ||
| 21 | + time: 30 * 60 * 60 * 1000, | ||
| 22 | + timeData: {}, | ||
| 23 | + pin_id: '1', | ||
| 24 | + rest: false, | ||
| 25 | + groom: [], // 推荐 | ||
| 26 | + homeInfo: [], | ||
| 27 | + homeChe: {}, | ||
| 28 | + homeGouDay: {}, | ||
| 29 | + homeLoop: [], | ||
| 30 | + S4Info: '', | ||
| 31 | + id: '', | ||
| 32 | + nobindCar: false, | ||
| 33 | + goodDetal: {}, | ||
| 34 | + index4S: [], | ||
| 35 | + city_id: '', | ||
| 36 | + }, | ||
| 37 | + onLoad: function (options) { | ||
| 38 | + let that = this | ||
| 39 | + console.log(options); | ||
| 40 | + qqmapsdk = new QQMapWX({ | ||
| 41 | + key: 'B4MBZ-3VICV-THBPQ-UCLHB-SLCEK-B7FIK' | ||
| 42 | + }); | ||
| 43 | + }, | ||
| 44 | + onShow: function () { | ||
| 45 | + let that = this | ||
| 46 | + that.gethomeIndex() | ||
| 47 | + that.gethomeLoop() | ||
| 48 | + that.getS4Info() | ||
| 49 | + that.getindexUser() | ||
| 50 | + that.getCitied() | ||
| 51 | + }, | ||
| 52 | + | ||
| 53 | + gohome() { | ||
| 54 | + wx.switchTab({ | ||
| 55 | + url: '/pages/home/home' | ||
| 56 | + }) | ||
| 57 | + }, | ||
| 58 | + onChange(e) { | ||
| 59 | + this.setData({ | ||
| 60 | + timeData: e.detail, | ||
| 61 | + }); | ||
| 62 | + }, | ||
| 63 | + more4SList() { | ||
| 64 | + wx.navigateTo({ | ||
| 65 | + url: '/pages/Vmore4SList/Vmore4SList' | ||
| 66 | + }) | ||
| 67 | + }, | ||
| 68 | + goSearch() { | ||
| 69 | + wx.navigateTo({ | ||
| 70 | + url: '/pages/Vmore4SList/Vmore4SList?home=1' | ||
| 71 | + }) | ||
| 72 | + }, | ||
| 73 | + linkWebview() { | ||
| 74 | + wx.navigateTo({ | ||
| 75 | + url: '/pages/webview/webview?url=' + 'http://h5.goorcar.com/' | ||
| 76 | + }) | ||
| 77 | + }, | ||
| 78 | + addLoveCared() { // 去添加车辆 | ||
| 79 | + let that = this | ||
| 80 | + let token = wx.getStorageSync("token") | ||
| 81 | + if (token) { | ||
| 82 | + if (that.data.nobindCar) { | ||
| 83 | + wx.navigateTo({ | ||
| 84 | + url: '/pages/addcars/addcars' | ||
| 85 | + }) | ||
| 86 | + } else { | ||
| 87 | + wx.navigateTo({ | ||
| 88 | + url: '/pages/addcar/addcar' | ||
| 89 | + }) | ||
| 90 | + } | ||
| 91 | + } else { | ||
| 92 | + that.goLogin() | ||
| 93 | + } | ||
| 94 | + }, | ||
| 95 | + async gethomeIndex() { // 获取首页 | ||
| 96 | + let that = this | ||
| 97 | + try { | ||
| 98 | + const { | ||
| 99 | + data: { | ||
| 100 | + data | ||
| 101 | + } | ||
| 102 | + } = await request({ | ||
| 103 | + url: 'api/index2/index', | ||
| 104 | + }) | ||
| 105 | + console.log(data); | ||
| 106 | + that.setData({ | ||
| 107 | + homeChe: data.che, | ||
| 108 | + homeInfo: data.info, | ||
| 109 | + homeGouDay: data.gou_day | ||
| 110 | + }) | ||
| 111 | + | ||
| 112 | + } catch (err) { | ||
| 113 | + console.log(err); | ||
| 114 | + that.setData({ | ||
| 115 | + msg: err.msg | ||
| 116 | + }) | ||
| 117 | + that.popTest() | ||
| 118 | + } | ||
| 119 | + | ||
| 120 | + }, | ||
| 121 | + async gethomeLoop() { // 获取轮播 | ||
| 122 | + let that = this | ||
| 123 | + try { | ||
| 124 | + const { | ||
| 125 | + data: { | ||
| 126 | + data | ||
| 127 | + } | ||
| 128 | + } = await request({ | ||
| 129 | + url: 'api/index2/img', | ||
| 130 | + }) | ||
| 131 | + console.log(data); | ||
| 132 | + that.setData({ | ||
| 133 | + homeLoop: data, | ||
| 134 | + }) | ||
| 135 | + | ||
| 136 | + } catch (err) { | ||
| 137 | + console.log(err); | ||
| 138 | + that.setData({ | ||
| 139 | + msg: err.msg | ||
| 140 | + }) | ||
| 141 | + that.popTest() | ||
| 142 | + } | ||
| 143 | + | ||
| 144 | + }, | ||
| 145 | + async getS4Info() { // 获取4s店数据 | ||
| 146 | + let that = this | ||
| 147 | + try { | ||
| 148 | + const { | ||
| 149 | + data | ||
| 150 | + } = await request({ | ||
| 151 | + url: 'api/index2/s4Info', | ||
| 152 | + }) | ||
| 153 | + console.log(data); | ||
| 154 | + if (data.code == 1) { | ||
| 155 | + that.setData({ | ||
| 156 | + S4Info: data.data.name, | ||
| 157 | + id: data.data.id, | ||
| 158 | + bind_car: 1 | ||
| 159 | + }) | ||
| 160 | + } else { | ||
| 161 | + //code为0的话，说明没绑定4s店 | ||
| 162 | + that.setData({ | ||
| 163 | + msg: data.msg, | ||
| 164 | + bind_car: 0, | ||
| 165 | + }) | ||
| 166 | + that.popTest() | ||
| 167 | + } | ||
| 168 | + } catch (err) { | ||
| 169 | + console.log(err); | ||
| 170 | + that.setData({ | ||
| 171 | + msg: err.msg | ||
| 172 | + }) | ||
| 173 | + // that.popTest() | ||
| 174 | + if (err.code == 0) { | ||
| 175 | + that.setData({ | ||
| 176 | + bind_car: 0, | ||
| 177 | + }) | ||
| 178 | + } | ||
| 179 | + } | ||
| 180 | + | ||
| 181 | + }, | ||
| 182 | + async getindexUser() { // 获取 4s关注数据 | ||
| 183 | + let that = this | ||
| 184 | + try { | ||
| 185 | + const { | ||
| 186 | + data: { | ||
| 187 | + data | ||
| 188 | + } | ||
| 189 | + } = await request({ | ||
| 190 | + url: 'api/index2/indexUnder', | ||
| 191 | + }) | ||
| 192 | + console.log(data, "4SD店列表"); | ||
| 193 | + if (data.length == 0) { // 如果是空数组，你调用的是【推荐4s店】这个接口 | ||
| 194 | + that.getCitied() | ||
| 195 | + } | ||
| 196 | + that.setData({ | ||
| 197 | + index4S: data | ||
| 198 | + }) | ||
| 199 | + } catch (err) { | ||
| 200 | + console.log(err); | ||
| 201 | + a.popTest(err.msg) | ||
| 202 | + } | ||
| 203 | + | ||
| 204 | + }, | ||
| 205 | + getCitied() { // 获取城市信息 | ||
| 206 | + let that = this | ||
| 207 | + wx.getLocation({ | ||
| 208 | + type: 'wgs84', //默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标 | ||
| 209 | + success: function (res) { | ||
| 210 | + qqmapsdk.reverseGeocoder({ | ||
| 211 | + //位置坐标，默认获取当前位置，非必须参数 | ||
| 212 | + //Object格式 | ||
| 213 | + location: { | ||
| 214 | + latitude: res.latitude, | ||
| 215 | + longitude: res.longitude | ||
| 216 | + }, | ||
| 217 | + success: function (res) { //成功后的回调 | ||
| 218 | + console.log(res); | ||
| 219 | + var res = res.result; | ||
| 220 | + let city = res.ad_info.city | ||
| 221 | + that.saveCity(city) | ||
| 222 | + }, | ||
| 223 | + fail: function (error) { | ||
| 224 | + console.error(error); | ||
| 225 | + }, | ||
| 226 | + complete: function (res) { | ||
| 227 | + // console.log(res); | ||
| 228 | + } | ||
| 229 | + }) | ||
| 230 | + }, | ||
| 231 | + fail: res => {} | ||
| 232 | + }) | ||
| 233 | + return | ||
| 234 | + }, | ||
| 235 | + async saveCity(city) { | ||
| 236 | + let that = this | ||
| 237 | + try { | ||
| 238 | + const { | ||
| 239 | + data: { | ||
| 240 | + data | ||
| 241 | + } | ||
| 242 | + } = await request({ | ||
| 243 | + url: 'api/citys/getCity', | ||
| 244 | + data: { | ||
| 245 | + city: city | ||
| 246 | + } | ||
| 247 | + }) | ||
| 248 | + console.log(data, "首页全局城市定位"); | ||
| 249 | + that.setData({ | ||
| 250 | + city_id: data.city_id | ||
| 251 | + }) | ||
| 252 | + if (that.data.index4S.length == 0) { | ||
| 253 | + that.getSuccessPage() | ||
| 254 | + } | ||
| 255 | + } catch (err) { | ||
| 256 | + console.log(err); | ||
| 257 | + a.popTest(err.msg) | ||
| 258 | + } | ||
| 259 | + }, | ||
| 260 | + async getSuccessPage() { // 获取推荐 | ||
| 261 | + let that = this | ||
| 262 | + try { | ||
| 263 | + const { | ||
| 264 | + data: { | ||
| 265 | + data | ||
| 266 | + } | ||
| 267 | + } = await request({ | ||
| 268 | + url: 'api/index2/tuiList2', | ||
| 269 | + data: { | ||
| 270 | + city_id: that.data.city_id | ||
| 271 | + } | ||
| 272 | + }) | ||
| 273 | + console.log(data); | ||
| 274 | + that.setData({ | ||
| 275 | + groom: data | ||
| 276 | + }) | ||
| 277 | + } catch (err) { | ||
| 278 | + console.log(err); | ||
| 279 | + that.setData({ | ||
| 280 | + msg: err.msg | ||
| 281 | + }) | ||
| 282 | + that.popTest() | ||
| 283 | + } | ||
| 284 | + | ||
| 285 | + }, | ||
| 286 | + async clickAttention(e) { // 点击关注 | ||
| 287 | + let that = this | ||
| 288 | + let id = e.currentTarget.dataset.id | ||
| 289 | + let token = wx.getStorageSync('token') | ||
| 290 | + if (token) { | ||
| 291 | + try { | ||
| 292 | + const { | ||
| 293 | + data | ||
| 294 | + } = await request({ | ||
| 295 | + url: 'api/index2/guan', | ||
| 296 | + data: { | ||
| 297 | + id: id | ||
| 298 | + } | ||
| 299 | + }) | ||
| 300 | + console.log(data); | ||
| 301 | + if (data.code == 1) { | ||
| 302 | + a.popSuccessTest(data.msg) | ||
| 303 | + } | ||
| 304 | + setTimeout(() => { // 一旦有关注的店，就不显示推荐好店 | ||
| 305 | + // that.getSuccessPage() | ||
| 306 | + that.getindexUser() | ||
| 307 | + }, 500); | ||
| 308 | + } catch (err) { | ||
| 309 | + console.log(err); | ||
| 310 | + a.popTest(err.msg) | ||
| 311 | + } | ||
| 312 | + } else { | ||
| 313 | + that.goLogin() | ||
| 314 | + } | ||
| 315 | + }, | ||
| 316 | + goToAccess(e) { | ||
| 317 | + let id = e.currentTarget.dataset.id | ||
| 318 | + console.log(e); | ||
| 319 | + wx.navigateTo({ | ||
| 320 | + url: '/pages/goAccessoriesDetailIMG/goAccessoriesDetailIMG?id=' + id | ||
| 321 | + }) | ||
| 322 | + }, | ||
| 323 | + gobind4S() { // 立即绑定4S店 | ||
| 324 | + let that = this | ||
| 325 | + let pin_id = that.data.pin_id | ||
| 326 | + wx.navigateTo({ | ||
| 327 | + url: '/pages/my4S/my4S?pin_id=' + pin_id, | ||
| 328 | + }) | ||
| 329 | + | ||
| 330 | + }, | ||
| 331 | + goViolationQuery() { // | ||
| 332 | + let that = this | ||
| 333 | + let token = wx.getStorageSync('token') | ||
| 334 | + if (token) { | ||
| 335 | + wx.navigateTo({ | ||
| 336 | + url: '/pages/ViolationQuery/ViolationQuery' | ||
| 337 | + }) | ||
| 338 | + } else { | ||
| 339 | + that.goLogin() | ||
| 340 | + } | ||
| 341 | + }, | ||
| 342 | + goAccessoriesDetailIMG(e) { //进入配件详情 | ||
| 343 | + let that = this | ||
| 344 | + let token = wx.getStorageSync('token') | ||
| 345 | + let goodDetal = that.data.goodDetal | ||
| 346 | + let tir = e.currentTarget.dataset.tir | ||
| 347 | + if (token) { | ||
| 348 | + if (tir == 1) { | ||
| 349 | + wx.navigateTo({ | ||
| 350 | + url: '/pages/productdetailsImg/productdetailsImg?id=' + goodDetal.good1_id | ||
| 351 | + }) | ||
| 352 | + } else if (tir == 2) { | ||
| 353 | + wx.navigateTo({ | ||
| 354 | + url: '/pages/productdetailsImg/productdetailsImg?id=' + goodDetal.good2_id | ||
| 355 | + }) | ||
| 356 | + } else { | ||
| 357 | + wx.navigateTo({ | ||
| 358 | + url: '/pages/productdetailsImg/productdetailsImg?id=' + goodDetal.good3_id | ||
| 359 | + }) | ||
| 360 | + } | ||
| 361 | + | ||
| 362 | + } else { | ||
| 363 | + that.goLogin() | ||
| 364 | + } | ||
| 365 | + }, | ||
| 366 | + goV4Sstores(e) { // 进入我的4s店 | ||
| 367 | + let that = this | ||
| 368 | + console.log(e); | ||
| 369 | + let s4_id = e.currentTarget.dataset.id | ||
| 370 | + let token = wx.getStorageSync('token') | ||
| 371 | + // a.globalData.stores_id = s4_id | ||
| 372 | + console.log(s4_id); | ||
| 373 | + if (token) { | ||
| 374 | + wx.navigateTo({ | ||
| 375 | + // url: '/pages/4Sstore/4Sstore' | ||
| 376 | + url: '/pages/Vnew4Sstore/Vnew4Sstore?s4_id=' + s4_id | ||
| 377 | + | ||
| 378 | + }) | ||
| 379 | + } else { | ||
| 380 | + that.goLogin() | ||
| 381 | + } | ||
| 382 | + }, | ||
| 383 | + ToV4Sstores(e) { | ||
| 384 | + let that = this | ||
| 385 | + let id = e.currentTarget.dataset.id | ||
| 386 | + let token = wx.getStorageSync('token') | ||
| 387 | + if (token) { | ||
| 388 | + wx.navigateTo({ | ||
| 389 | + url: '/pages/Vnew4Sstore/Vnew4Sstore?s4_id=' + id | ||
| 390 | + }) | ||
| 391 | + } else { | ||
| 392 | + that.goLogin() | ||
| 393 | + } | ||
| 394 | + }, | ||
| 395 | + goUpkeepimg() { // 保养预约 | ||
| 396 | + let that = this | ||
| 397 | + let token = wx.getStorageSync('token') | ||
| 398 | + let id = that.data.id | ||
| 399 | + let homeChe = that.data.homeChe | ||
| 400 | + if (token) { | ||
| 401 | + if (id == '') { | ||
| 402 | + that.setData({ | ||
| 403 | + msg: '您尚未绑定4S店' | ||
| 404 | + }) | ||
| 405 | + that.popTest() | ||
| 406 | + } | ||
| 407 | + if (homeChe.length == 0) { | ||
| 408 | + that.setData({ | ||
| 409 | + msg: '请先绑定爱车' | ||
| 410 | + }) | ||
| 411 | + that.popTest() | ||
| 412 | + } | ||
| 413 | + if (homeChe.length != 0 && id != '') { | ||
| 414 | + wx.navigateTo({ | ||
| 415 | + url: '/pages/upkeepImg/upkeepImg?id=' + id | ||
| 416 | + }) | ||
| 417 | + } | ||
| 418 | + } else { | ||
| 419 | + that.goLogin() | ||
| 420 | + } | ||
| 421 | + }, | ||
| 422 | + toMyGarage() { // 我的车库 | ||
| 423 | + let token = wx.getStorageSync("token") | ||
| 424 | + if (token) { | ||
| 425 | + wx.navigateTo({ | ||
| 426 | + url: '/pages/MyGarage/MyGarage?tdTap=1' | ||
| 427 | + }) | ||
| 428 | + } else { | ||
| 429 | + this.goLogin() | ||
| 430 | + } | ||
| 431 | + | ||
| 432 | + }, | ||
| 433 | + goVopenPolicy() { | ||
| 434 | + let that = this | ||
| 435 | + let token = wx.getStorageSync('token') | ||
| 436 | + let id = that.data.id | ||
| 437 | + let homeChe = that.data.homeChe | ||
| 438 | + console.log(homeChe); | ||
| 439 | + if (token) { | ||
| 440 | + if (id == '') { | ||
| 441 | + that.setData({ | ||
| 442 | + msg: '您尚未绑定4S店' | ||
| 443 | + }) | ||
| 444 | + that.popTest() | ||
| 445 | + | ||
| 446 | + } | ||
| 447 | + if (homeChe == null) { | ||
| 448 | + that.setData({ | ||
| 449 | + msg: '请先绑定爱车' | ||
| 450 | + }) | ||
| 451 | + that.popTest() | ||
| 452 | + | ||
| 453 | + } | ||
| 454 | + if (homeChe != null && id != '') { | ||
| 455 | + wx.navigateTo({ | ||
| 456 | + url: '/pages/VopenPolicy/VopenPolicy?che_id=' + homeChe.id | ||
| 457 | + }) | ||
| 458 | + } | ||
| 459 | + | ||
| 460 | + } else { | ||
| 461 | + that.goLogin() | ||
| 462 | + } | ||
| 463 | + }, | ||
| 464 | + goVopenPolicyB() { | ||
| 465 | + let that = this | ||
| 466 | + let token = wx.getStorageSync('token') | ||
| 467 | + let id = that.data.id | ||
| 468 | + let homeChe = that.data.homeChe | ||
| 469 | + if (token) { | ||
| 470 | + if (id == '') { | ||
| 471 | + that.setData({ | ||
| 472 | + msg: '您尚未绑定4S店' | ||
| 473 | + }) | ||
| 474 | + that.popTest() | ||
| 475 | + | ||
| 476 | + } | ||
| 477 | + if (homeChe == null) { | ||
| 478 | + that.setData({ | ||
| 479 | + msg: '请先绑定爱车' | ||
| 480 | + }) | ||
| 481 | + that.popTest() | ||
| 482 | + | ||
| 483 | + } | ||
| 484 | + if (homeChe != null && id != '') { | ||
| 485 | + wx.navigateTo({ | ||
| 486 | + url: '/pages/VopenPolicyB/VopenPolicyB?che_id=' + homeChe.id | ||
| 487 | + }) | ||
| 488 | + } | ||
| 489 | + | ||
| 490 | + } else { | ||
| 491 | + that.goLogin() | ||
| 492 | + } | ||
| 493 | + }, | ||
| 494 | + goVopenPolicyC() { | ||
| 495 | + let that = this | ||
| 496 | + let token = wx.getStorageSync('token') | ||
| 497 | + let id = that.data.id | ||
| 498 | + let homeChe = that.data.homeChe | ||
| 499 | + if (token) { | ||
| 500 | + if (id == '') { | ||
| 501 | + that.setData({ | ||
| 502 | + msg: '您尚未绑定4S店' | ||
| 503 | + }) | ||
| 504 | + that.popTest() | ||
| 505 | + } | ||
| 506 | + if (homeChe == null) { | ||
| 507 | + that.setData({ | ||
| 508 | + msg: '请先绑定爱车' | ||
| 509 | + }) | ||
| 510 | + that.popTest() | ||
| 511 | + } | ||
| 512 | + if (homeChe != null && id != '') { | ||
| 513 | + wx.navigateTo({ | ||
| 514 | + url: '/pages/VopenPolicyC/VopenPolicyC?che_id=' + homeChe.id | ||
| 515 | + }) | ||
| 516 | + } | ||
| 517 | + } else { | ||
| 518 | + that.goLogin() | ||
| 519 | + } | ||
| 520 | + }, | ||
| 521 | + gobindChe() { | ||
| 522 | + let that = this | ||
| 523 | + wx.showModal({ | ||
| 524 | + title: '提示', | ||
| 525 | + content: that.data.msg, | ||
| 526 | + success: function (res) { | ||
| 527 | + if (res.confirm) { | ||
| 528 | + wx.navigateTo({ | ||
| 529 | + url: '/pages/MyGarage/MyGarage?tdTap=1' | ||
| 530 | + }) | ||
| 531 | + | ||
| 532 | + } else { | ||
| 533 | + | ||
| 534 | + } | ||
| 535 | + } | ||
| 536 | + }) | ||
| 537 | + }, | ||
| 538 | + onShareAppMessage(options) { | ||
| 539 | + var that = this; | ||
| 540 | + var shareObj = { | ||
| 541 | + title: "汽车互联网4S店", | ||
| 542 | + path: '/pages/home/home', | ||
| 543 | + imageUrl: '', | ||
| 544 | + }; | ||
| 545 | + return shareObj; | ||
| 546 | + | ||
| 547 | + }, | ||
| 548 | + toGoDetailA(e) { | ||
| 549 | + let that = this | ||
| 550 | + let idata = e.currentTarget.dataset.idata | ||
| 551 | + let jump = idata.jump_type | ||
| 552 | + let good_type = Number(idata.good_type1) | ||
| 553 | + let good_id = idata.good1_id | ||
| 554 | + that.publicDetails(jump, good_type, good_id) | ||
| 555 | + }, | ||
| 556 | + toGoDetailB(e) { | ||
| 557 | + let that = this | ||
| 558 | + let idata = e.currentTarget.dataset.idata | ||
| 559 | + let jump = idata.jump_type | ||
| 560 | + let good_type = Number(idata.good_type2) | ||
| 561 | + let good_id = idata.good2_id | ||
| 562 | + that.publicDetails(jump, good_type, good_id) | ||
| 563 | + }, | ||
| 564 | + toGoDetailC(e) { | ||
| 565 | + let that = this | ||
| 566 | + let idata = e.currentTarget.dataset.idata | ||
| 567 | + let jump = idata.jump_type | ||
| 568 | + let good_type = Number(idata.good_type3) | ||
| 569 | + let good_id = idata.good3_id | ||
| 570 | + that.publicDetails(jump, good_type, good_id) | ||
| 571 | + }, | ||
| 572 | + publicDetails(jump, good_type, good_id) { | ||
| 573 | + if (jump == 1) { //可以跳转 | ||
| 574 | + switch (good_type) { | ||
| 575 | + case 1: // 人气好物 | ||
| 576 | + wx.navigateTo({ | ||
| 577 | + url: '/pages/detail/detail?id=' + good_id | ||
| 578 | + }) | ||
| 579 | + break; | ||
| 580 | + case 2: // 精选推荐 | ||
| 581 | + wx.navigateTo({ | ||
| 582 | + url: '/pages/productdetailsImg/productdetailsImg?id=' + good_id | ||
| 583 | + }) | ||
| 584 | + break; | ||
| 585 | + case 3: // 团购热卖 | ||
| 586 | + wx.navigateTo({ | ||
| 587 | + url: '/pages/VtuanDetail/VtuanDetail?id=' + good_id | ||
| 588 | + }) | ||
| 589 | + break; | ||
| 590 | + case 4: //限时抢购 | ||
| 591 | + wx.navigateTo({ | ||
| 592 | + url: '/pages/VSpikeMallDetail/VSpikeMallDetail?id=' + good_id | ||
| 593 | + }) | ||
| 594 | + break; | ||
| 595 | + case 5: //车型商品 | ||
| 596 | + wx.navigateTo({ | ||
| 597 | + url: '/pages/carDetails/carDetails?id=' + good_id | ||
| 598 | + }) | ||
| 599 | + break; | ||
| 600 | + case -1: //推广活动详情 | ||
| 601 | + wx.navigateTo({ | ||
| 602 | + url: '/pages/activityDetails/activityDetails?id=' + good_id + '&type=1' + '&tap=0' | ||
| 603 | + }) | ||
| 604 | + break; | ||
| 605 | + case -2: //限时活动详情 | ||
| 606 | + wx.navigateTo({ | ||
| 607 | + url: '/pages/details/details?id=' + good_id + '&type=2' | ||
| 608 | + }) | ||
| 609 | + break; | ||
| 610 | + default: | ||
| 611 | + break; | ||
| 612 | + } | ||
| 613 | + } else { | ||
| 614 | + a.popTest('该4s店暂未运营') | ||
| 615 | + } | ||
| 616 | + }, | ||
| 617 | + | ||
| 618 | + | ||
| 619 | + | ||
| 620 | + | ||
| 621 | + | ||
| 622 | + | ||
| 623 | + | ||
| 624 | + | ||
| 625 | + | ||
| 626 | + | ||
| 627 | + | ||
| 628 | + | ||
| 629 | + | ||
| 630 | + | ||
| 631 | + | ||
| 632 | + | ||
| 633 | + | ||
| 634 | + | ||
| 635 | + | ||
| 636 | + async public() { | ||
| 637 | + let that = this | ||
| 638 | + try { | ||
| 639 | + const { | ||
| 640 | + data: { | ||
| 641 | + data | ||
| 642 | + } | ||
| 643 | + } = await request({ | ||
| 644 | + url: '', | ||
| 645 | + data: { | ||
| 646 | + goods_id: that.data.goods_id | ||
| 647 | + } | ||
| 648 | + }) | ||
| 649 | + console.log(data); | ||
| 650 | + that.setData({ | ||
| 651 | + public: data | ||
| 652 | + }) | ||
| 653 | + } catch (err) { | ||
| 654 | + console.log(err); | ||
| 655 | + that.setData({ | ||
| 656 | + msg: err.msg | ||
| 657 | + }) | ||
| 658 | + that.popTest() | ||
| 659 | + } | ||
| 660 | + }, | ||
| 661 | + popTest() { | ||
| 662 | + wx.showToast({ | ||
| 663 | + title: this.data.msg, | ||
| 664 | + icon: 'none', //如果要纯文本，不要icon，将值设为'none' | ||
| 665 | + duration: 1300 | ||
| 666 | + }) | ||
| 667 | + }, | ||
| 668 | + goLogin() { | ||
| 669 | + wx.showModal({ | ||
| 670 | + title: '提示', | ||
| 671 | + content: '您尚未登录，前往登录', | ||
| 672 | + success: function (res) { | ||
| 673 | + if (res.confirm) { | ||
| 674 | + wx.navigateTo({ | ||
| 675 | + url: '/pages/authorization/authorization?num=1' | ||
| 676 | + }) | ||
| 677 | + | ||
| 678 | + } else { | ||
| 679 | + // wx.switchTab({ | ||
| 680 | + // url: '/pages/home/home' | ||
| 681 | + // }) | ||
| 682 | + } | ||
| 683 | + } | ||
| 684 | + }) | ||
| 685 | + }, | ||
| 686 | + popSuccessTest() { | ||
| 687 | + wx.showToast({ | ||
| 688 | + title: this.data.msg, | ||
| 689 | + icon: '', //默认值是success,就算没有icon这个值，就算有其他值最终也显示success | ||
| 690 | + duration: 1300, //停留时间 | ||
| 691 | + }) | ||
| 692 | + }, | ||
| 693 | + | ||
| 689 | }) | 694 | }) |
| 1 | -<view class="container"> | ||
| 2 | - <view class="header"> | ||
| 3 | - <view class="s" style='height:{{statusTop}}px'></view> | ||
| 4 | - <view class="left_img"> | ||
| 5 | - <view class="title_oage" bindtap="gohome">汽车互联网4S店</view> | ||
| 6 | - </view> | ||
| 7 | - </view> | ||
| 8 | - <view class="health"> | ||
| 9 | - <view class="top_new"> | ||
| 10 | - <view class="car_q"> | ||
| 11 | - <view class="nv_lf"> | ||
| 12 | - <view class="nv_two" wx:if="{{homeChe == null}}" bindtap="addLoveCared"> | ||
| 13 | - <image src="{{imagesUrl}}assets/static/img/v-o.png" /> | ||
| 14 | - <view class="nv_top_names">未添加爱车</view> | ||
| 15 | - </view> | ||
| 16 | - <view class="nv_one" wx:else> | ||
| 17 | - <image src="{{homeChe.pin.img}}" /> | ||
| 18 | - <view class="car_img"> | ||
| 19 | - <view class="car_n">{{homeChe.pai_name}}</view> | ||
| 20 | - <view class="car_m">{{homeChe.pin.name}}</view> | ||
| 21 | - </view> | ||
| 22 | - </view> | ||
| 23 | - </view> | ||
| 24 | - <view class="nv_rt" bindtap="toMyGarage"> | ||
| 25 | - <image src="{{imagesUrl}}assets/static/img/v-w.png" /> | ||
| 26 | - <view class="car_b">车库</view> | ||
| 27 | - </view> | ||
| 28 | - </view> | ||
| 29 | - <view class="car_center"> | ||
| 30 | - <view class="car_item"> | ||
| 31 | - <view class="car_i_a"> | ||
| 32 | - <image src="{{imagesUrl}}assets/static/img/v-k.png" /> | ||
| 33 | - <view class="car_i_text">车辆保险</view> | ||
| 34 | - </view> | ||
| 35 | - <view class="car_i_b" wx:if="{{homeGouDay.xian_str!='???天到期'}}"> | ||
| 36 | - {{homeGouDay.xian_str}} | ||
| 37 | - </view> | ||
| 38 | - </view> | ||
| 39 | - <view class="car_item" bindtap="goUpkeepimg"> | ||
| 40 | - <view class="car_i_a"> | ||
| 41 | - <image src="{{imagesUrl}}assets/static/img/v-j.png" /> | ||
| 42 | - <view class="car_i_text">车辆保养</view> | ||
| 43 | - </view> | ||
| 44 | - <view class="car_i_b" wx:if="{{homeGouDay.yang_str!='???天到期'}}"> | ||
| 45 | - {{homeGouDay.yang_str}} | ||
| 46 | - </view> | ||
| 47 | - </view> | ||
| 48 | - <view class="car_item"> | ||
| 49 | - <view class="car_i_a"> | ||
| 50 | - <image src="{{imagesUrl}}assets/static/img/v-l.png" /> | ||
| 51 | - <view class="car_i_text">车辆年检</view> | ||
| 52 | - </view> | ||
| 53 | - <view class="car_i_b" wx:if="{{homeGouDay.jian_str!='???天到期'}}"> | ||
| 54 | - {{homeGouDay.jian_str}} | ||
| 55 | - </view> | ||
| 56 | - </view> | ||
| 57 | - </view> | ||
| 58 | - <view class="car_d_gong"> | ||
| 59 | - <image src="{{imagesUrl}}assets/static/img/v-z.png" /> | ||
| 60 | - <swiper class="tab_right" vertical="true" circular="true" autoplay="true" interval="2000" display-multiple-items='1'> | ||
| 61 | - <block wx:for='{{homeInfo}}' wx:key="index" wx:for-index="index" wx:for-item="item"> | ||
| 62 | - <swiper-item> | ||
| 63 | - <view class="time">{{item.cnt}}</view> | ||
| 64 | - </swiper-item> | ||
| 65 | - </block> | ||
| 66 | - </swiper> | ||
| 67 | - </view> | ||
| 68 | - <!-- 轮播 --> | ||
| 69 | - <view class="banner_image"> | ||
| 70 | - <swiper class="banner" indicator-color="{{indicator}}" indicator-active-color="{{indicatorActive}}" circular='{{circular}}' indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}"> | ||
| 71 | - <swiper-item wx:for="{{homeLoop}}" wx:key="index" wx:for-index="index" wx:for-item="item"> | ||
| 72 | - <navigator class="ims" hover-class="none"> | ||
| 73 | - <image src="{{item.img}}" /> | ||
| 74 | - </navigator> | ||
| 75 | - </swiper-item> | ||
| 76 | - </swiper> | ||
| 77 | - </view> | ||
| 78 | - </view> | ||
| 79 | - <view class="center_nav {{homeGouDay.yang_str !='???天到期'? '' : 'active_conter_nav'}}"> | ||
| 80 | - <view class="nav_new"> | ||
| 81 | - <!-- <view class="nav_item" bindtap="goViolationQuery"> | ||
| 82 | - <image src="{{imagesUrl}}assets/static/img/v-i.png" /> | ||
| 83 | - <view class="nav_text">违章查询</view> | ||
| 84 | - </view> --> | ||
| 85 | - <view class="nav_item" bindtap="goUpkeepimg"> | ||
| 86 | - <image src="{{imagesUrl}}assets/static/img/v-h.png" /> | ||
| 87 | - <view class="nav_text">保养预约</view> | ||
| 88 | - </view> | ||
| 89 | - <view class="nav_item" bindtap="goVopenPolicy"> | ||
| 90 | - <image src="{{imagesUrl}}assets/static/img/v-g.png" /> | ||
| 91 | - <view class="nav_text">保险预约</view> | ||
| 92 | - </view> | ||
| 93 | - <view class="nav_item" bindtap="goVopenPolicyC"> | ||
| 94 | - <image src="{{imagesUrl}}assets/static/img/v-f.png" /> | ||
| 95 | - <view class="nav_text">年检预约</view> | ||
| 96 | - </view> | ||
| 97 | - <view class="nav_item" bindtap="goVopenPolicyB"> | ||
| 98 | - <image src="{{imagesUrl}}assets/static/img/v-e.png" /> | ||
| 99 | - <view class="nav_text">爱车评估</view> | ||
| 100 | - </view> | ||
| 101 | - </view> | ||
| 102 | - <view class="nav_search" bindtap="goSearch"> | ||
| 103 | - <image src="{{imagesUrl}}assets/static/img/v-y.png" /> | ||
| 104 | - <input type="text" class="nav_sear" placeholder="请输入汽车4S店名称" placeholder-class="input_placeholder" /> | ||
| 105 | - </view> | ||
| 106 | - <view class="bind_nm"> | ||
| 107 | - <view class="bind_box"> | ||
| 108 | - <view class="bind_have" bindtap="gobind4S" wx:if="{{bind_car== 0}}"> | ||
| 109 | - <view class="bind_lf"> | ||
| 110 | - <image src="{{imagesUrl}}assets/static/img/v-r.png" /> | ||
| 111 | - <view class="bind_tex">未绑定4S店</view> | ||
| 112 | - </view> | ||
| 113 | - <view class="bind_rt" style="justify-content: flex-end;"> | ||
| 114 | - <view class="bind_tdt">立即绑定</view> | ||
| 115 | - <image src="{{imagesUrl}}assets/static/img/x-h.png" style="width : 28rpx ;height : 20rpx" /> | ||
| 116 | - </view> | ||
| 117 | - </view> | ||
| 118 | - <view class="wu_bind"> | ||
| 119 | - <view class="no_bind" wx:if="{{bind_car== 0 && index4S.length ==0}}"> | ||
| 120 | - <view class="bind_good">推荐好店</view> | ||
| 121 | - <view class="bind_list"> | ||
| 122 | - <block wx:for="{{groom}}" wx:key="index" wx:for-index="index" wx:for-item="item"> | ||
| 123 | - <view class="bind_item" bindtap="ToV4Sstores" data-id="{{item.id}}"> | ||
| 124 | - <view class="bind_box"> | ||
| 125 | - <view class="b_name">{{item.name}}</view> | ||
| 126 | - <view class="b_star {{item.guan_id== 1?'ative' :''}}" catchtap="clickAttention" data-id="{{item.id}}"> | ||
| 127 | - <image src="{{imagesUrl}}assets/static/img/x_a.png" /> | ||
| 128 | - <view class="rext">{{item.guan_id ==1? '已关注' :'关注'}}</view> | ||
| 129 | - </view> | ||
| 130 | - </view> | ||
| 131 | - <view class="b_address title_content2">{{item.address_detail}}</view> | ||
| 132 | - </view> | ||
| 133 | - </block> | ||
| 134 | - </view> | ||
| 135 | - </view> | ||
| 136 | - </view> | ||
| 137 | - <view class="you_bind" wx:if="{{index4S.length !=0}}"> | ||
| 138 | - <block wx:for="{{index4S}}" wx:for-index="index" wx:for-item="item" wx:key="index"> | ||
| 139 | - <view class="s_bind_box"> | ||
| 140 | - <view class="bind_have" catchtap="goV4Sstores" data-id="{{item.s4_data.id}}"> | ||
| 141 | - <view class="bind_lf"> | ||
| 142 | - <image src="{{imagesUrl}}assets/static/img/v-r.png" /> | ||
| 143 | - <view class="bind_tex">{{item.s4_data.name}}</view> | ||
| 144 | - </view> | ||
| 145 | - <view class="bind_rt" style="justify-content: flex-end;"> | ||
| 146 | - <view class="bind_tdt">进入4S店</view> | ||
| 147 | - <image src="{{imagesUrl}}assets/static/img/x-h.png" style="width : 28rpx ;height : 20rpx" /> | ||
| 148 | - </view> | ||
| 149 | - </view> | ||
| 150 | - <view class="star_Car" wx:if="{{item.ming_data.length !=0}}"> | ||
| 151 | - <view class="star_name">热卖商品</view> | ||
| 152 | - <view class="star_list"> | ||
| 153 | - <scroll-view scroll-x="true" bindscroll="scroll" style="width:100%;" bindscrolltoupper="upper" bindscrolltolower="lower"> | ||
| 154 | - <view class="scro"> | ||
| 155 | - <view class="category_list" wx:for="{{item.ming_data}}" wx:key="index1" wx:for-index="index1" wx:for-item="item1" catchtap="goToAccess" data-id="{{item1.id}}"> | ||
| 156 | - <image src="{{item1.img}}"></image> | ||
| 157 | - <view class="car_name">{{item1.name}}</view> | ||
| 158 | - <view class="car_price"> | ||
| 159 | - <view class="pt"> | ||
| 160 | - <view class="pt_icon">￥</view> | ||
| 161 | - <view class="pt_price">{{item1.price}}</view> | ||
| 162 | - </view> | ||
| 163 | - </view> | ||
| 164 | - </view> | ||
| 165 | - </view> | ||
| 166 | - </scroll-view> | ||
| 167 | - </view> | ||
| 168 | - </view> | ||
| 169 | - <view class="week_hot"> | ||
| 170 | - <view class="star_name">本周特卖</view> | ||
| 171 | - <view class="week_box"> | ||
| 172 | - <view class="left_big" catchtap="toGoDetailA" data-idata="{{item.img_data}}" data-tir="0"> | ||
| 173 | - <image src="{{item.img_data.image1}}" /> | ||
| 174 | - </view> | ||
| 175 | - <view class="rt_box"> | ||
| 176 | - <view class="ry_top" catchtap="toGoDetailB" data-idata="{{item.img_data}}" data-tir="1"> | ||
| 177 | - <image src="{{item.img_data.image2}}" /> | ||
| 178 | - </view> | ||
| 179 | - <view class="ry_down" catchtap="toGoDetailC" data-idata="{{item.img_data}}" data-tir="2"> | ||
| 180 | - <image src="{{item.img_data.image3}}" /> | ||
| 181 | - </view> | ||
| 182 | - </view> | ||
| 183 | - </view> | ||
| 184 | - </view> | ||
| 185 | - </view> | ||
| 186 | - </block> | ||
| 187 | - </view> | ||
| 188 | - </view> | ||
| 189 | - </view> | ||
| 190 | - <view class="more_4S" bindtap="more4SList"> | ||
| 191 | - <image src="{{imagesUrl}}assets/static/img/v-u.png" /> | ||
| 192 | - <view class="more_name">关注更多4S店</view> | ||
| 193 | - </view> | ||
| 194 | - </view> | ||
| 195 | - </view> | 1 | +<view class="container"> |
| 2 | + <view class="header"> | ||
| 3 | + <view class="s" style='height:{{statusTop}}px'></view> | ||
| 4 | + <view class="left_img"> | ||
| 5 | + <view class="title_oage" bindtap="gohome">汽车互联网4S店</view> | ||
| 6 | + </view> | ||
| 7 | + </view> | ||
| 8 | + <view class="health"> | ||
| 9 | + <view class="top_new"> | ||
| 10 | + <view class="car_q"> | ||
| 11 | + <view class="nv_lf"> | ||
| 12 | + <view class="nv_two" wx:if="{{homeChe == null}}" bindtap="addLoveCared"> | ||
| 13 | + <image src="{{imagesUrl}}assets/static/img/v-o.png" /> | ||
| 14 | + <view class="nv_top_names">未添加爱车</view> | ||
| 15 | + </view> | ||
| 16 | + <view class="nv_one" wx:else> | ||
| 17 | + <image src="{{homeChe.pin.img}}" /> | ||
| 18 | + <view class="car_img"> | ||
| 19 | + <view class="car_n">{{homeChe.pai_name}}</view> | ||
| 20 | + <view class="car_m">{{homeChe.pin.name}}</view> | ||
| 21 | + </view> | ||
| 22 | + </view> | ||
| 23 | + </view> | ||
| 24 | + <view class="nv_rt" bindtap="toMyGarage"> | ||
| 25 | + <image src="{{imagesUrl}}assets/static/img/v-w.png" /> | ||
| 26 | + <view class="car_b">车库</view> | ||
| 27 | + </view> | ||
| 28 | + </view> | ||
| 29 | + <view class="car_center"> | ||
| 30 | + <view class="car_item"> | ||
| 31 | + <view class="car_i_a"> | ||
| 32 | + <image src="{{imagesUrl}}assets/static/img/v-k.png" /> | ||
| 33 | + <view class="car_i_text">车辆保险</view> | ||
| 34 | + </view> | ||
| 35 | + <view class="car_i_b" wx:if="{{homeGouDay.xian_str!='???天到期'}}"> | ||
| 36 | + {{homeGouDay.xian_str}} | ||
| 37 | + </view> | ||
| 38 | + </view> | ||
| 39 | + <view class="car_item" bindtap="goUpkeepimg"> | ||
| 40 | + <view class="car_i_a"> | ||
| 41 | + <image src="{{imagesUrl}}assets/static/img/v-j.png" /> | ||
| 42 | + <view class="car_i_text">车辆保养</view> | ||
| 43 | + </view> | ||
| 44 | + <view class="car_i_b" wx:if="{{homeGouDay.yang_str!='???天到期'}}"> | ||
| 45 | + {{homeGouDay.yang_str}} | ||
| 46 | + </view> | ||
| 47 | + </view> | ||
| 48 | + <view class="car_item"> | ||
| 49 | + <view class="car_i_a"> | ||
| 50 | + <image src="{{imagesUrl}}assets/static/img/v-l.png" /> | ||
| 51 | + <view class="car_i_text">车辆年检</view> | ||
| 52 | + </view> | ||
| 53 | + <view class="car_i_b" wx:if="{{homeGouDay.jian_str!='???天到期'}}"> | ||
| 54 | + {{homeGouDay.jian_str}} | ||
| 55 | + </view> | ||
| 56 | + </view> | ||
| 57 | + </view> | ||
| 58 | + <view class="car_d_gong"> | ||
| 59 | + <image src="{{imagesUrl}}assets/static/img/v-z.png" /> | ||
| 60 | + <swiper class="tab_right" vertical="true" circular="true" autoplay="true" interval="2000" display-multiple-items='1'> | ||
| 61 | + <block wx:for='{{homeInfo}}' wx:key="index" wx:for-index="index" wx:for-item="item"> | ||
| 62 | + <swiper-item> | ||
| 63 | + <view class="time">{{item.cnt}}</view> | ||
| 64 | + </swiper-item> | ||
| 65 | + </block> | ||
| 66 | + </swiper> | ||
| 67 | + </view> | ||
| 68 | + <!-- 轮播 --> | ||
| 69 | + <view class="banner_image"> | ||
| 70 | + <swiper class="banner" indicator-color="{{indicator}}" indicator-active-color="{{indicatorActive}}" circular='{{circular}}' indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}"> | ||
| 71 | + <swiper-item wx:for="{{homeLoop}}" wx:key="index" wx:for-index="index" wx:for-item="item"> | ||
| 72 | + <navigator class="ims" hover-class="none"> | ||
| 73 | + <image src="{{item.img}}" bindtap="linkWebview" /> | ||
| 74 | + </navigator> | ||
| 75 | + </swiper-item> | ||
| 76 | + </swiper> | ||
| 77 | + </view> | ||
| 78 | + </view> | ||
| 79 | + <view class="center_nav {{homeGouDay.yang_str !='???天到期'? '' : 'active_conter_nav'}}"> | ||
| 80 | + <view class="nav_new"> | ||
| 81 | + <!-- <view class="nav_item" bindtap="goViolationQuery"> | ||
| 82 | + <image src="{{imagesUrl}}assets/static/img/v-i.png" /> | ||
| 83 | + <view class="nav_text">违章查询</view> | ||
| 84 | + </view> --> | ||
| 85 | + <view class="nav_item" bindtap="goUpkeepimg"> | ||
| 86 | + <image src="{{imagesUrl}}assets/static/img/v-h.png" /> | ||
| 87 | + <view class="nav_text">保养预约</view> | ||
| 88 | + </view> | ||
| 89 | + <view class="nav_item" bindtap="goVopenPolicy"> | ||
| 90 | + <image src="{{imagesUrl}}assets/static/img/v-g.png" /> | ||
| 91 | + <view class="nav_text">保险预约</view> | ||
| 92 | + </view> | ||
| 93 | + <view class="nav_item" bindtap="goVopenPolicyC"> | ||
| 94 | + <image src="{{imagesUrl}}assets/static/img/v-f.png" /> | ||
| 95 | + <view class="nav_text">年检预约</view> | ||
| 96 | + </view> | ||
| 97 | + <view class="nav_item" bindtap="goVopenPolicyB"> | ||
| 98 | + <image src="{{imagesUrl}}assets/static/img/v-e.png" /> | ||
| 99 | + <view class="nav_text">爱车评估</view> | ||
| 100 | + </view> | ||
| 101 | + </view> | ||
| 102 | + <view class="nav_search" bindtap="goSearch"> | ||
| 103 | + <image src="{{imagesUrl}}assets/static/img/v-y.png" /> | ||
| 104 | + <input type="text" class="nav_sear" placeholder="请输入汽车4S店名称" placeholder-class="input_placeholder" /> | ||
| 105 | + </view> | ||
| 106 | + <view class="bind_nm"> | ||
| 107 | + <view class="bind_box"> | ||
| 108 | + <view class="bind_have" bindtap="gobind4S" wx:if="{{bind_car== 0}}"> | ||
| 109 | + <view class="bind_lf"> | ||
| 110 | + <image src="{{imagesUrl}}assets/static/img/v-r.png" /> | ||
| 111 | + <view class="bind_tex">未绑定4S店</view> | ||
| 112 | + </view> | ||
| 113 | + <view class="bind_rt" style="justify-content: flex-end;"> | ||
| 114 | + <view class="bind_tdt">立即绑定</view> | ||
| 115 | + <image src="{{imagesUrl}}assets/static/img/x-h.png" style="width : 28rpx ;height : 20rpx" /> | ||
| 116 | + </view> | ||
| 117 | + </view> | ||
| 118 | + <view class="wu_bind"> | ||
| 119 | + <view class="no_bind" wx:if="{{bind_car== 0 && index4S.length ==0}}"> | ||
| 120 | + <view class="bind_good">推荐好店</view> | ||
| 121 | + <view class="bind_list"> | ||
| 122 | + <block wx:for="{{groom}}" wx:key="index" wx:for-index="index" wx:for-item="item"> | ||
| 123 | + <view class="bind_item" bindtap="ToV4Sstores" data-id="{{item.id}}"> | ||
| 124 | + <view class="bind_box"> | ||
| 125 | + <view class="b_name">{{item.name}}</view> | ||
| 126 | + <view class="b_star {{item.guan_id== 1?'ative' :''}}" catchtap="clickAttention" data-id="{{item.id}}"> | ||
| 127 | + <image src="{{imagesUrl}}assets/static/img/x_a.png" /> | ||
| 128 | + <view class="rext">{{item.guan_id ==1? '已关注' :'关注'}}</view> | ||
| 129 | + </view> | ||
| 130 | + </view> | ||
| 131 | + <view class="b_address title_content2">{{item.address_detail}}</view> | ||
| 132 | + </view> | ||
| 133 | + </block> | ||
| 134 | + </view> | ||
| 135 | + </view> | ||
| 136 | + </view> | ||
| 137 | + <view class="you_bind" wx:if="{{index4S.length !=0}}"> | ||
| 138 | + <block wx:for="{{index4S}}" wx:for-index="index" wx:for-item="item" wx:key="index"> | ||
| 139 | + <view class="s_bind_box"> | ||
| 140 | + <view class="bind_have" catchtap="goV4Sstores" data-id="{{item.s4_data.id}}"> | ||
| 141 | + <view class="bind_lf"> | ||
| 142 | + <image src="{{imagesUrl}}assets/static/img/v-r.png" /> | ||
| 143 | + <view class="bind_tex">{{item.s4_data.name}}</view> | ||
| 144 | + </view> | ||
| 145 | + <view class="bind_rt" style="justify-content: flex-end;"> | ||
| 146 | + <view class="bind_tdt">进入4S店</view> | ||
| 147 | + <image src="{{imagesUrl}}assets/static/img/x-h.png" style="width : 28rpx ;height : 20rpx" /> | ||
| 148 | + </view> | ||
| 149 | + </view> | ||
| 150 | + <view class="star_Car" wx:if="{{item.ming_data.length !=0}}"> | ||
| 151 | + <view class="star_name">热卖商品</view> | ||
| 152 | + <view class="star_list"> | ||
| 153 | + <scroll-view scroll-x="true" bindscroll="scroll" style="width:100%;" bindscrolltoupper="upper" bindscrolltolower="lower"> | ||
| 154 | + <view class="scro"> | ||
| 155 | + <view class="category_list" wx:for="{{item.ming_data}}" wx:key="index1" wx:for-index="index1" wx:for-item="item1" catchtap="goToAccess" data-id="{{item1.id}}"> | ||
| 156 | + <image src="{{item1.img}}"></image> | ||
| 157 | + <view class="car_name">{{item1.name}}</view> | ||
| 158 | + <view class="car_price"> | ||
| 159 | + <view class="pt"> | ||
| 160 | + <view class="pt_icon">￥</view> | ||
| 161 | + <view class="pt_price">{{item1.price}}</view> | ||
| 162 | + </view> | ||
| 163 | + </view> | ||
| 164 | + </view> | ||
| 165 | + </view> | ||
| 166 | + </scroll-view> | ||
| 167 | + </view> | ||
| 168 | + </view> | ||
| 169 | + <view class="week_hot"> | ||
| 170 | + <view class="star_name">本周特卖</view> | ||
| 171 | + <view class="week_box"> | ||
| 172 | + <view class="left_big" catchtap="toGoDetailA" data-idata="{{item.img_data}}" data-tir="0"> | ||
| 173 | + <image src="{{item.img_data.image1}}" /> | ||
| 174 | + </view> | ||
| 175 | + <view class="rt_box"> | ||
| 176 | + <view class="ry_top" catchtap="toGoDetailB" data-idata="{{item.img_data}}" data-tir="1"> | ||
| 177 | + <image src="{{item.img_data.image2}}" /> | ||
| 178 | + </view> | ||
| 179 | + <view class="ry_down" catchtap="toGoDetailC" data-idata="{{item.img_data}}" data-tir="2"> | ||
| 180 | + <image src="{{item.img_data.image3}}" /> | ||
| 181 | + </view> | ||
| 182 | + </view> | ||
| 183 | + </view> | ||
| 184 | + </view> | ||
| 185 | + </view> | ||
| 186 | + </block> | ||
| 187 | + </view> | ||
| 188 | + </view> | ||
| 189 | + </view> | ||
| 190 | + <view class="more_4S" bindtap="more4SList"> | ||
| 191 | + <image src="{{imagesUrl}}assets/static/img/v-u.png" /> | ||
| 192 | + <view class="more_name">关注更多4S店</view> | ||
| 193 | + </view> | ||
| 194 | + </view> | ||
| 195 | + </view> | ||
| 196 | </view> | 196 | </view> |
| 1 | -page { | ||
| 2 | - height: 100%; | ||
| 3 | -} | ||
| 4 | - | ||
| 5 | -.city_box { | ||
| 6 | - height: 100%; | ||
| 7 | - background: #fff; | ||
| 8 | - display: flex; | ||
| 9 | -} | ||
| 10 | - | ||
| 11 | -.city_left { | ||
| 12 | - flex: 1; | ||
| 13 | -} | ||
| 14 | - | ||
| 15 | -.city_right { | ||
| 16 | - width: 90rpx; | ||
| 17 | - display: flex; | ||
| 18 | - flex-direction: column; | ||
| 19 | - justify-content: center; | ||
| 20 | -} | ||
| 21 | - | ||
| 22 | -.letter_item { | ||
| 23 | - flex: 1; | ||
| 24 | - font-size: 32rpx; | ||
| 25 | - color: #33B9FF; | ||
| 26 | - text-align: center; | ||
| 27 | -} | ||
| 28 | - | ||
| 29 | -.city_locate, | ||
| 30 | -.national { | ||
| 31 | - height: 80rpx; | ||
| 32 | - line-height: 80rpx; | ||
| 33 | - border-bottom: 1px solid #efefef; | ||
| 34 | - font-size: 28rpx; | ||
| 35 | - color: #333; | ||
| 36 | - padding-left: 25rpx; | ||
| 37 | -} | ||
| 38 | - | ||
| 39 | -.city_locate_title { | ||
| 40 | - color: #999; | ||
| 41 | - margin-right: 20rpx; | ||
| 42 | -} | ||
| 43 | - | ||
| 44 | -.new_city { | ||
| 45 | - /* background: #efefef; */ | ||
| 46 | - font-size: 28rpx; | ||
| 47 | -} | ||
| 48 | - | ||
| 49 | -.redaTitle { | ||
| 50 | - padding-left: 25rpx; | ||
| 51 | - box-sizing: border-box; | ||
| 52 | - display: flex; | ||
| 53 | - align-items: center; | ||
| 54 | -} | ||
| 55 | - | ||
| 56 | -.redaTitle .new_city_title { | ||
| 57 | - line-height: 50rpx; | ||
| 58 | - color: #999; | ||
| 59 | - padding-left: 25rpx; | ||
| 60 | - margin-bottom: 20rpx; | ||
| 61 | -} | ||
| 62 | - | ||
| 63 | -.redaTitle .red { | ||
| 64 | - width: 12rpx; | ||
| 65 | - height: 30rpx; | ||
| 66 | - background-color: #E8370F; | ||
| 67 | - margin-bottom: 20rpx; | ||
| 68 | -} | ||
| 69 | - | ||
| 70 | -.new_city_box { | ||
| 71 | - display: flex; | ||
| 72 | - align-items: center; | ||
| 73 | - flex-wrap: wrap; | ||
| 74 | -} | ||
| 75 | - | ||
| 76 | -.new_city_text { | ||
| 77 | - width: 198rpx; | ||
| 78 | - text-align: center; | ||
| 79 | - line-height: 70rpx; | ||
| 80 | - background: #fff; | ||
| 81 | - border-radius: 35rpx; | ||
| 82 | - margin: 0 0 22rpx 22rpx; | ||
| 83 | - border: 1rpx solid #ccc; | ||
| 84 | -} | ||
| 85 | - | ||
| 86 | -.city_first_letter { | ||
| 87 | - height: 40rpx; | ||
| 88 | - padding-left: 32rpx; | ||
| 89 | - font-size: 34rpx; | ||
| 90 | - color: #E8370F; | ||
| 91 | -} | ||
| 92 | - | ||
| 93 | -.city_name { | ||
| 94 | - | ||
| 95 | - height: 80rpx; | ||
| 96 | - line-height: 80rpx; | ||
| 97 | - border-bottom: 1px solid #efefef; | ||
| 98 | - font-size: 28rpx; | ||
| 99 | - color: #333; | ||
| 100 | - padding-left: 32rpx; | ||
| 101 | -} | ||
| 102 | - | ||
| 103 | -/* 自定义样式 */ | ||
| 104 | -.cityname { | ||
| 105 | - display: flex; | ||
| 106 | - width: 100%; | ||
| 107 | -} | ||
| 108 | - | ||
| 109 | -.cityname .address_tj { | ||
| 110 | - width: 160rpx; | ||
| 111 | - font-size: 32rpx; | ||
| 112 | - font-weight: bold; | ||
| 113 | - line-height: 75rpx; | ||
| 114 | - text-align: center; | ||
| 115 | - | ||
| 116 | -} | ||
| 117 | - | ||
| 118 | - | ||
| 119 | - | ||
| 120 | - | ||
| 121 | -.cityname .search { | ||
| 122 | - flex: 1; | ||
| 123 | - background-color: #eeeeee; | ||
| 124 | - border-radius: 16rpx; | ||
| 125 | - display: flex; | ||
| 126 | - justify-content: center; | ||
| 127 | - align-items: center; | ||
| 128 | - float: left; | ||
| 129 | -} | ||
| 130 | - | ||
| 131 | -.cityname .search input { | ||
| 132 | - text-indent: 15rpx; | ||
| 133 | - color: #ccc; | ||
| 134 | - font-size: 28rpx; | ||
| 135 | - height: 70rpx; | ||
| 136 | - line-height: 70rpx; | ||
| 137 | - width: 100%; | ||
| 138 | -} | ||
| 139 | - | ||
| 140 | -.cityname .search image { | ||
| 141 | - margin-left: 20rpx; | ||
| 142 | - width: 31rpx; | ||
| 143 | - height: 31rpx; | ||
| 144 | -} | ||
| 145 | - | ||
| 146 | -.ci { | ||
| 147 | - width: 100%; | ||
| 148 | - display: flex; | ||
| 149 | - align-items: center; | ||
| 150 | - padding: 40rpx 15rpx; | ||
| 151 | - box-sizing: border-box; | ||
| 152 | -} | ||
| 153 | - | ||
| 154 | -.ci .dingwei { | ||
| 155 | - display: flex; | ||
| 156 | - align-items: center; | ||
| 157 | -} | ||
| 158 | - | ||
| 159 | -.ci .dingwei image { | ||
| 160 | - width: 32rpx; | ||
| 161 | - height: 32rpx; | ||
| 162 | -} | ||
| 163 | - | ||
| 164 | -.ci .dingwei .cityDW0 { | ||
| 165 | - font-size: 28rpx; | ||
| 166 | - line-height: 40rpx; | ||
| 167 | - color: #E8370F; | ||
| 168 | -} | ||
| 169 | - | ||
| 170 | -.ci .tjcs { | ||
| 171 | - font-size: 24rpx; | ||
| 172 | - line-height: 40rpx; | ||
| 173 | - color: #8C9198; | ||
| 174 | - margin-left: 20rpx; | 1 | +page { |
| 2 | + height: 100%; | ||
| 3 | +} | ||
| 4 | + | ||
| 5 | +.city_box { | ||
| 6 | + height: 100%; | ||
| 7 | + background: #fff; | ||
| 8 | + display: flex; | ||
| 9 | +} | ||
| 10 | + | ||
| 11 | +.city_left { | ||
| 12 | + flex: 1; | ||
| 13 | +} | ||
| 14 | + | ||
| 15 | +.city_right { | ||
| 16 | + width: 90rpx; | ||
| 17 | + display: flex; | ||
| 18 | + flex-direction: column; | ||
| 19 | + justify-content: center; | ||
| 20 | +} | ||
| 21 | + | ||
| 22 | +.letter_item { | ||
| 23 | + flex: 1; | ||
| 24 | + font-size: 32rpx; | ||
| 25 | + color: #33B9FF; | ||
| 26 | + text-align: center; | ||
| 27 | +} | ||
| 28 | + | ||
| 29 | +.city_locate, | ||
| 30 | +.national { | ||
| 31 | + height: 80rpx; | ||
| 32 | + line-height: 80rpx; | ||
| 33 | + border-bottom: 1px solid #efefef; | ||
| 34 | + font-size: 28rpx; | ||
| 35 | + color: #333; | ||
| 36 | + padding-left: 25rpx; | ||
| 37 | +} | ||
| 38 | + | ||
| 39 | +.city_locate_title { | ||
| 40 | + color: #999; | ||
| 41 | + margin-right: 20rpx; | ||
| 42 | +} | ||
| 43 | + | ||
| 44 | +.new_city { | ||
| 45 | + /* background: #efefef; */ | ||
| 46 | + font-size: 28rpx; | ||
| 47 | +} | ||
| 48 | + | ||
| 49 | +.redaTitle { | ||
| 50 | + padding-left: 25rpx; | ||
| 51 | + box-sizing: border-box; | ||
| 52 | + display: flex; | ||
| 53 | + align-items: center; | ||
| 54 | +} | ||
| 55 | + | ||
| 56 | +.redaTitle .new_city_title { | ||
| 57 | + line-height: 50rpx; | ||
| 58 | + color: #999; | ||
| 59 | + padding-left: 25rpx; | ||
| 60 | + margin-bottom: 20rpx; | ||
| 61 | +} | ||
| 62 | + | ||
| 63 | +.redaTitle .red { | ||
| 64 | + width: 12rpx; | ||
| 65 | + height: 30rpx; | ||
| 66 | + background-color: #E8370F; | ||
| 67 | + margin-bottom: 20rpx; | ||
| 68 | +} | ||
| 69 | + | ||
| 70 | +.new_city_box { | ||
| 71 | + display: flex; | ||
| 72 | + align-items: center; | ||
| 73 | + flex-wrap: wrap; | ||
| 74 | +} | ||
| 75 | + | ||
| 76 | +.new_city_text { | ||
| 77 | + width: 198rpx; | ||
| 78 | + text-align: center; | ||
| 79 | + line-height: 70rpx; | ||
| 80 | + background: #fff; | ||
| 81 | + border-radius: 35rpx; | ||
| 82 | + margin: 0 0 22rpx 22rpx; | ||
| 83 | + border: 1rpx solid #ccc; | ||
| 84 | +} | ||
| 85 | + | ||
| 86 | +.city_first_letter { | ||
| 87 | + height: 40rpx; | ||
| 88 | + padding-left: 32rpx; | ||
| 89 | + font-size: 34rpx; | ||
| 90 | + color: #E8370F; | ||
| 91 | +} | ||
| 92 | + | ||
| 93 | +.city_name { | ||
| 94 | + | ||
| 95 | + height: 80rpx; | ||
| 96 | + line-height: 80rpx; | ||
| 97 | + border-bottom: 1px solid #efefef; | ||
| 98 | + font-size: 28rpx; | ||
| 99 | + color: #333; | ||
| 100 | + padding-left: 32rpx; | ||
| 101 | +} | ||
| 102 | + | ||
| 103 | +/* 自定义样式 */ | ||
| 104 | +.cityname { | ||
| 105 | + display: flex; | ||
| 106 | + width: 100%; | ||
| 107 | +} | ||
| 108 | + | ||
| 109 | +.cityname .address_tj { | ||
| 110 | + width: 160rpx; | ||
| 111 | + font-size: 32rpx; | ||
| 112 | + font-weight: bold; | ||
| 113 | + line-height: 75rpx; | ||
| 114 | + text-align: center; | ||
| 115 | + | ||
| 116 | +} | ||
| 117 | + | ||
| 118 | + | ||
| 119 | + | ||
| 120 | + | ||
| 121 | +.cityname .search { | ||
| 122 | + flex: 1; | ||
| 123 | + background-color: #eeeeee; | ||
| 124 | + border-radius: 16rpx; | ||
| 125 | + display: flex; | ||
| 126 | + justify-content: center; | ||
| 127 | + align-items: center; | ||
| 128 | + float: left; | ||
| 129 | +} | ||
| 130 | + | ||
| 131 | +.cityname .search input { | ||
| 132 | + text-indent: 15rpx; | ||
| 133 | + color: #ccc; | ||
| 134 | + font-size: 28rpx; | ||
| 135 | + height: 70rpx; | ||
| 136 | + line-height: 70rpx; | ||
| 137 | + width: 100%; | ||
| 138 | +} | ||
| 139 | + | ||
| 140 | +.cityname .search image { | ||
| 141 | + margin-left: 20rpx; | ||
| 142 | + width: 31rpx; | ||
| 143 | + height: 31rpx; | ||
| 144 | +} | ||
| 145 | + | ||
| 146 | +.ci { | ||
| 147 | + width: 100%; | ||
| 148 | + display: flex; | ||
| 149 | + align-items: center; | ||
| 150 | + padding: 40rpx 15rpx; | ||
| 151 | + box-sizing: border-box; | ||
| 152 | +} | ||
| 153 | + | ||
| 154 | +.ci .dingwei { | ||
| 155 | + display: flex; | ||
| 156 | + align-items: center; | ||
| 157 | +} | ||
| 158 | + | ||
| 159 | +.ci .dingwei image { | ||
| 160 | + width: 32rpx; | ||
| 161 | + height: 32rpx; | ||
| 162 | +} | ||
| 163 | + | ||
| 164 | +.ci .dingwei .cityDW0 { | ||
| 165 | + font-size: 28rpx; | ||
| 166 | + line-height: 40rpx; | ||
| 167 | + color: #E8370F; | ||
| 168 | +} | ||
| 169 | + | ||
| 170 | +.ci .tjcs { | ||
| 171 | + font-size: 24rpx; | ||
| 172 | + line-height: 40rpx; | ||
| 173 | + color: #8C9198; | ||
| 174 | + margin-left: 20rpx; | ||
| 175 | } | 175 | } |
| @@ -36,6 +36,7 @@ Page({ | @@ -36,6 +36,7 @@ Page({ | ||
| 36 | is_id: '', | 36 | is_id: '', |
| 37 | nomore: false, | 37 | nomore: false, |
| 38 | 38 | ||
| 39 | + | ||
| 39 | }, | 40 | }, |
| 40 | onLoad: function (options) { | 41 | onLoad: function (options) { |
| 41 | let that = this | 42 | let that = this |
| @@ -296,13 +297,15 @@ Page({ | @@ -296,13 +297,15 @@ Page({ | ||
| 296 | that.setData({ | 297 | that.setData({ |
| 297 | groomAList: that.data.groomAList.concat(data.data), | 298 | groomAList: that.data.groomAList.concat(data.data), |
| 298 | }) | 299 | }) |
| 300 | + | ||
| 299 | } | 301 | } |
| 300 | - that.setData({ | ||
| 301 | 302 | ||
| 303 | + that.setData({ | ||
| 302 | totalA: data.total, | 304 | totalA: data.total, |
| 303 | current_page: data.current_page, | 305 | current_page: data.current_page, |
| 304 | last_page: data.last_page, | 306 | last_page: data.last_page, |
| 305 | }) | 307 | }) |
| 308 | + console.log(this.data.groomAList); | ||
| 306 | 309 | ||
| 307 | wx.hideLoading() | 310 | wx.hideLoading() |
| 308 | } catch (err) { | 311 | } catch (err) { |
| 1 | -page { | ||
| 2 | - background: #f9f9f9; | ||
| 3 | -} | ||
| 4 | - | ||
| 5 | -.container { | ||
| 6 | - width: 100%; | ||
| 7 | - | ||
| 8 | - .header { | ||
| 9 | - width: 100%; | ||
| 10 | - // background: #f53526; | ||
| 11 | - background: linear-gradient(180deg, #F53526 100%, #FD7F2E 100%); | ||
| 12 | - | ||
| 13 | - .left_img { | ||
| 14 | - width: 100%; | ||
| 15 | - display: flex; | ||
| 16 | - align-items: center; | ||
| 17 | - padding: 0 32rpx; | ||
| 18 | - box-sizing: border-box; | ||
| 19 | - height: 88rpx; | ||
| 20 | - | ||
| 21 | - | ||
| 22 | - .title_oage { | ||
| 23 | - width: 100%; | ||
| 24 | - display: flex; | ||
| 25 | - align-items: center; | ||
| 26 | - justify-content: center; | ||
| 27 | - color: #fff; | ||
| 28 | - font-weight: 500; | ||
| 29 | - | ||
| 30 | - } | ||
| 31 | - } | ||
| 32 | - } | ||
| 33 | - | ||
| 34 | - .health_home { | ||
| 35 | - width: 100%; | ||
| 36 | - | ||
| 37 | - .bgs { | ||
| 38 | - width: 100%; | ||
| 39 | - box-sizing: border-box; | ||
| 40 | - background: linear-gradient(180deg, #F53526 100%, #FD7F2E 100%); | ||
| 41 | - | ||
| 42 | - .searchbox { | ||
| 43 | - width: 100%; | ||
| 44 | - padding: 0 32rpx; | ||
| 45 | - box-sizing: border-box; | ||
| 46 | - | ||
| 47 | - .searchinput { | ||
| 48 | - width: 100%; | ||
| 49 | - display: flex; | ||
| 50 | - align-items: center; | ||
| 51 | - border-radius: 28rpx; | ||
| 52 | - background-color: #fff; | ||
| 53 | - padding: 10rpx 20rpx; | ||
| 54 | - box-sizing: border-box; | ||
| 55 | - | ||
| 56 | - .searchicon { | ||
| 57 | - width: 32rpx; | ||
| 58 | - height: 32rpx; | ||
| 59 | - } | ||
| 60 | - | ||
| 61 | - input { | ||
| 62 | - flex: 1; | ||
| 63 | - text-indent: 20rpx; | ||
| 64 | - height: 100%; | ||
| 65 | - } | ||
| 66 | - } | ||
| 67 | - } | ||
| 68 | - | ||
| 69 | - .top_tit { | ||
| 70 | - width: 100%; | ||
| 71 | - padding: 0 32rpx; | ||
| 72 | - box-sizing: border-box; | ||
| 73 | - | ||
| 74 | - .tit_list { | ||
| 75 | - width: 100%; | ||
| 76 | - height: 60rpx; | ||
| 77 | - opacity: 0.6; | ||
| 78 | - background: #db1d0e; | ||
| 79 | - display: flex; | ||
| 80 | - align-items: center; | ||
| 81 | - margin-top: 14rpx; | ||
| 82 | - | ||
| 83 | - .tit_item { | ||
| 84 | - height: 60rpx; | ||
| 85 | - flex: 1; | ||
| 86 | - display: flex; | ||
| 87 | - align-items: center; | ||
| 88 | - justify-content: center; | ||
| 89 | - | ||
| 90 | - image { | ||
| 91 | - width: 40rpx; | ||
| 92 | - height: 40rpx; | ||
| 93 | - margin-right: 12rpx; | ||
| 94 | - } | ||
| 95 | - | ||
| 96 | - .item_names { | ||
| 97 | - font-size: 28rpx; | ||
| 98 | - color: #fff; | ||
| 99 | - } | ||
| 100 | - } | ||
| 101 | - } | ||
| 102 | - } | ||
| 103 | - | ||
| 104 | - .cate_nav { | ||
| 105 | - width: 100%; | ||
| 106 | - margin-top: 18rpx; | ||
| 107 | - | ||
| 108 | - .tex { | ||
| 109 | - display: flex; | ||
| 110 | - align-items: center; | ||
| 111 | - width: 100%; | ||
| 112 | - height: 88rpx; | ||
| 113 | - padding-left: 32rpx; | ||
| 114 | - box-sizing: border-box; | ||
| 115 | - position: relative; | ||
| 116 | - | ||
| 117 | - .cate_list { | ||
| 118 | - width: 100%; | ||
| 119 | - padding-right: 88rpx; | ||
| 120 | - box-sizing: border-box; | ||
| 121 | - | ||
| 122 | - .cate_item { | ||
| 123 | - min-width: 750rpx; | ||
| 124 | - display: flex; | ||
| 125 | - align-items: center; | ||
| 126 | - white-space: nowrap; | ||
| 127 | - overflow-y: scroll; | ||
| 128 | - padding-bottom: 20rpx; | ||
| 129 | - box-sizing: border-box; | ||
| 130 | - | ||
| 131 | - | ||
| 132 | - .item_cater { | ||
| 133 | - font-size: 28rpx; | ||
| 134 | - color: #fff; | ||
| 135 | - margin-right: 40rpx; | ||
| 136 | - flex-shrink: 0; | ||
| 137 | - | ||
| 138 | - } | ||
| 139 | - | ||
| 140 | - .active { | ||
| 141 | - position: relative; | ||
| 142 | - font-size: 36rpx; | ||
| 143 | - | ||
| 144 | - &::after { | ||
| 145 | - content: ''; | ||
| 146 | - width: 60rpx; | ||
| 147 | - height: 6rpx; | ||
| 148 | - background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.4)); | ||
| 149 | - position: absolute; | ||
| 150 | - bottom: -17rpx; | ||
| 151 | - left: 50%; | ||
| 152 | - transform: translateX(-50%); | ||
| 153 | - z-index: 20; | ||
| 154 | - } | ||
| 155 | - } | ||
| 156 | - } | ||
| 157 | - } | ||
| 158 | - | ||
| 159 | - .cateGory { | ||
| 160 | - position: absolute; | ||
| 161 | - top: 0; | ||
| 162 | - right: 0; | ||
| 163 | - width: 75rpx; | ||
| 164 | - height: 88rpx; | ||
| 165 | - background: #f53526; | ||
| 166 | - display: flex; | ||
| 167 | - align-items: center; | ||
| 168 | - justify-content: center; | ||
| 169 | - | ||
| 170 | - image { | ||
| 171 | - width: 48rpx; | ||
| 172 | - height: 48rpx; | ||
| 173 | - | ||
| 174 | - } | ||
| 175 | - } | ||
| 176 | - } | ||
| 177 | - | ||
| 178 | - .cate_child { | ||
| 179 | - width: 100%; | ||
| 180 | - padding: 32rpx; | ||
| 181 | - box-sizing: border-box; | ||
| 182 | - background-color: #f9f9f9; | ||
| 183 | - | ||
| 184 | - .child_box { | ||
| 185 | - width: 100%; | ||
| 186 | - display: flex; | ||
| 187 | - align-items: center; | ||
| 188 | - flex-wrap: wrap; | ||
| 189 | - background-color: #fff; | ||
| 190 | - border-radius: 8rpx; | ||
| 191 | - | ||
| 192 | - .child_item { | ||
| 193 | - width: 20%; | ||
| 194 | - display: flex; | ||
| 195 | - flex-direction: column; | ||
| 196 | - justify-content: center; | ||
| 197 | - align-items: center; | ||
| 198 | - | ||
| 199 | - image { | ||
| 200 | - width: 120rpx; | ||
| 201 | - height: 120rpx; | ||
| 202 | - } | ||
| 203 | - | ||
| 204 | - .child_name { | ||
| 205 | - width: 100%; | ||
| 206 | - text-align: center; | ||
| 207 | - padding: 12rpx 0; | ||
| 208 | - box-sizing: border-box; | ||
| 209 | - font-size: 26rpx; | ||
| 210 | - color: #06121E; | ||
| 211 | - } | ||
| 212 | - | ||
| 213 | - } | ||
| 214 | - } | ||
| 215 | - } | ||
| 216 | - | ||
| 217 | - } | ||
| 218 | - | ||
| 219 | - .health_home_item { | ||
| 220 | - widows: 100%; | ||
| 221 | - | ||
| 222 | - | ||
| 223 | - // 轮播 | ||
| 224 | - .banner_image { | ||
| 225 | - width: 100%; | ||
| 226 | - padding: 0 32rpx; | ||
| 227 | - box-sizing: border-box; | ||
| 228 | - margin-bottom: 30rpx; | ||
| 229 | - | ||
| 230 | - .banner { | ||
| 231 | - width: 100%; | ||
| 232 | - height: 280rpx; | ||
| 233 | - border-radius: 12rpx; | ||
| 234 | - | ||
| 235 | - swiper-item { | ||
| 236 | - width: 100%; | ||
| 237 | - height: 100%; | ||
| 238 | - border-radius: 12rpx; | ||
| 239 | - | ||
| 240 | - .ims { | ||
| 241 | - height: 280rpx; | ||
| 242 | - border-radius: 12rpx; | ||
| 243 | - | ||
| 244 | - image { | ||
| 245 | - width: 100%; | ||
| 246 | - height: 100%; | ||
| 247 | - border-radius: 12rpx; | ||
| 248 | - } | ||
| 249 | - } | ||
| 250 | - } | ||
| 251 | - } | ||
| 252 | - | ||
| 253 | - } | ||
| 254 | - | ||
| 255 | - .wai_star { | ||
| 256 | - width: 100%; | ||
| 257 | - padding: 0 32rpx; | ||
| 258 | - box-sizing: border-box; | ||
| 259 | - background: linear-gradient(180deg, rgba(255, 255, 255, 0), #f9f9f9); | ||
| 260 | - | ||
| 261 | - .star_chan { | ||
| 262 | - width: 100%; | ||
| 263 | - padding: 20rpx 0 20rpx 20rpx; | ||
| 264 | - box-sizing: border-box; | ||
| 265 | - background-color: #fff; | ||
| 266 | - border-radius: 8rpx; | ||
| 267 | - | ||
| 268 | - .star_names { | ||
| 269 | - width: 100%; | ||
| 270 | - position: relative; | ||
| 271 | - font-size: 28rpx; | ||
| 272 | - color: #06121F; | ||
| 273 | - font-weight: 500; | ||
| 274 | - padding-left: 12rpx; | ||
| 275 | - padding-bottom: 20rpx; | ||
| 276 | - box-sizing: border-box; | ||
| 277 | - | ||
| 278 | - | ||
| 279 | - &::after { | ||
| 280 | - content: ''; | ||
| 281 | - position: absolute; | ||
| 282 | - top: 8rpx; | ||
| 283 | - left: 0; | ||
| 284 | - width: 6rpx; | ||
| 285 | - height: 24rpx; | ||
| 286 | - background: #E8370F; | ||
| 287 | - border-radius: 4rpx; | ||
| 288 | - | ||
| 289 | - | ||
| 290 | - } | ||
| 291 | - } | ||
| 292 | - | ||
| 293 | - .star_list { | ||
| 294 | - width: 100%; | ||
| 295 | - | ||
| 296 | - .scroll_view_H { | ||
| 297 | - .buyclassimgs { | ||
| 298 | - width: 750rpx; | ||
| 299 | - display: flex; | ||
| 300 | - align-items: center; | ||
| 301 | - flex-wrap: nowrap; | ||
| 302 | - | ||
| 303 | - .imgzU { | ||
| 304 | - margin-right: 24rpx; | ||
| 305 | - height: 180rpx; | ||
| 306 | - flex-shrink: 0; | ||
| 307 | - | ||
| 308 | - image { | ||
| 309 | - width: 180rpx; | ||
| 310 | - border-radius: 8rpx; | ||
| 311 | - } | ||
| 312 | - } | ||
| 313 | - | ||
| 314 | - } | ||
| 315 | - | ||
| 316 | - } | ||
| 317 | - } | ||
| 318 | - } | ||
| 319 | - } | ||
| 320 | - } | ||
| 321 | - } | ||
| 322 | - | ||
| 323 | - .li_nv { | ||
| 324 | - width: 100%; | ||
| 325 | - padding-bottom: 100rpx; | ||
| 326 | - box-sizing: border-box; | ||
| 327 | - | ||
| 328 | - .small_nav { | ||
| 329 | - width: 100%; | ||
| 330 | - margin-top: 20rpx; | ||
| 331 | - padding-left: 32rpx; | ||
| 332 | - box-sizing: border-box; | ||
| 333 | - background-color: #f9f9f9; | ||
| 334 | - | ||
| 335 | - .nav_slit { | ||
| 336 | - width: 100%; | ||
| 337 | - | ||
| 338 | - .scroll_view_H { | ||
| 339 | - .buyclassimgs { | ||
| 340 | - width: 750rpx; | ||
| 341 | - display: flex; | ||
| 342 | - align-items: center; | ||
| 343 | - flex-wrap: nowrap; | ||
| 344 | - | ||
| 345 | - .smal_item { | ||
| 346 | - min-width: 160rpx; | ||
| 347 | - display: flex; | ||
| 348 | - align-items: center; | ||
| 349 | - justify-content: center; | ||
| 350 | - flex-direction: column; | ||
| 351 | - position: relative; | ||
| 352 | - | ||
| 353 | - .s_item_name { | ||
| 354 | - font-size: 32rpx; | ||
| 355 | - color: #8C9198; | ||
| 356 | - font-family: PingFang-SC-Bold; | ||
| 357 | - line-height: 48rpx; | ||
| 358 | - } | ||
| 359 | - | ||
| 360 | - .s_item_color { | ||
| 361 | - font-size: 24rpx; | ||
| 362 | - font-family: PingFang SC, | ||
| 363 | - PingFang SC-Regular; | ||
| 364 | - font-weight: 400; | ||
| 365 | - text-align: center; | ||
| 366 | - color: #8c9198; | ||
| 367 | - line-height: 48rpx; | ||
| 368 | - } | ||
| 369 | - | ||
| 370 | - &::after { | ||
| 371 | - content: ''; | ||
| 372 | - position: absolute; | ||
| 373 | - right: 0; | ||
| 374 | - border-right: 2rpx solid #bdc4ce; | ||
| 375 | - height: 46rpx; | ||
| 376 | - // top: 50%; | ||
| 377 | - // transform: translate(-50%); | ||
| 378 | - | ||
| 379 | - } | ||
| 380 | - } | ||
| 381 | - | ||
| 382 | - .activeColor { | ||
| 383 | - .s_item_name { | ||
| 384 | - font-size: 32rpx; | ||
| 385 | - color: #06121E; | ||
| 386 | - font-family: PingFang-SC-Bold; | ||
| 387 | - font-weight: 600; | ||
| 388 | - } | ||
| 389 | - | ||
| 390 | - .s_item_color { | ||
| 391 | - padding: 0 20rpx; | ||
| 392 | - box-sizing: border-box; | ||
| 393 | - background: #e8370f; | ||
| 394 | - border-radius: 18rpx; | ||
| 395 | - color: #fff; | ||
| 396 | - | ||
| 397 | - height: 34rpx; | ||
| 398 | - display: flex; | ||
| 399 | - align-items: center; | ||
| 400 | - justify-content: center; | ||
| 401 | - margin: 7rpx 0; | ||
| 402 | - | ||
| 403 | - } | ||
| 404 | - } | ||
| 405 | - } | ||
| 406 | - } | ||
| 407 | - } | ||
| 408 | - } | ||
| 409 | - | ||
| 410 | - .store_list { | ||
| 411 | - width: 100%; | ||
| 412 | - padding: 0 14rpx 0; | ||
| 413 | - box-sizing: border-box; | ||
| 414 | - | ||
| 415 | - | ||
| 416 | - .list_masonry_a { | ||
| 417 | - width: 100%; | ||
| 418 | - | ||
| 419 | - .footlist_a { | ||
| 420 | - position: relative; | ||
| 421 | - border-top-left-radius: 10rpx; | ||
| 422 | - border-top-right-radius: 10rpx; | ||
| 423 | - | ||
| 424 | - .foot_left_a { | ||
| 425 | - float: left; | ||
| 426 | - width: 50%; | ||
| 427 | - padding: 24rpx 14rpx; | ||
| 428 | - box-sizing: border-box; | ||
| 429 | - | ||
| 430 | - .footbox { | ||
| 431 | - width: 100%; | ||
| 432 | - margin: 0 auto 20rpx; | ||
| 433 | - background: #fff; | ||
| 434 | - position: relative; | ||
| 435 | - border-radius: 20rpx; | ||
| 436 | - | ||
| 437 | - | ||
| 438 | - image { | ||
| 439 | - width: 100%; | ||
| 440 | - border-top-left-radius: 10rpx; | ||
| 441 | - border-top-right-radius: 10rpx; | ||
| 442 | - } | ||
| 443 | - | ||
| 444 | - .text_bx { | ||
| 445 | - width: 100%; | ||
| 446 | - padding: 0 18rpx 20rpx; | ||
| 447 | - box-sizing: border-box; | ||
| 448 | - | ||
| 449 | - .ster_nams { | ||
| 450 | - width: 100%; | ||
| 451 | - font-size: 28rpx; | ||
| 452 | - font-family: PingFang SC, | ||
| 453 | - PingFang SC-Regular; | ||
| 454 | - font-weight: 400; | ||
| 455 | - text-align: left; | ||
| 456 | - color: #06121e; | ||
| 457 | - line-height: 40rpx; | ||
| 458 | - } | ||
| 459 | - | ||
| 460 | - .cen_tite { | ||
| 461 | - width: 100%; | ||
| 462 | - display: flex; | ||
| 463 | - align-items: center; | ||
| 464 | - justify-content: space-between; | ||
| 465 | - padding: 20rpx 0; | ||
| 466 | - box-sizing: border-box; | ||
| 467 | - | ||
| 468 | - | ||
| 469 | - .lis_title { | ||
| 470 | - padding: 5rpx 14rpx; | ||
| 471 | - box-sizing: border-box; | ||
| 472 | - display: flex; | ||
| 473 | - align-items: center; | ||
| 474 | - justify-content: center; | ||
| 475 | - font-size: 22rpx; | ||
| 476 | - color: #fff; | ||
| 477 | - background-color: #F02928; | ||
| 478 | - border-radius: 4rpx; | ||
| 479 | - } | ||
| 480 | - | ||
| 481 | - .stay { | ||
| 482 | - display: flex; | ||
| 483 | - align-items: center; | ||
| 484 | - justify-content: flex-end; | ||
| 485 | - | ||
| 486 | - .numbe { | ||
| 487 | - font-size: 22rpx; | ||
| 488 | - color: #E8370F; | ||
| 489 | - | ||
| 490 | - } | ||
| 491 | - | ||
| 492 | - .ber_name { | ||
| 493 | - font-size: 22rpx; | ||
| 494 | - color: #06121E; | ||
| 495 | - } | ||
| 496 | - } | ||
| 497 | - } | ||
| 498 | - | ||
| 499 | - .price_bx { | ||
| 500 | - width: 100%; | ||
| 501 | - display: flex; | ||
| 502 | - align-items: center; | ||
| 503 | - | ||
| 504 | - .pt { | ||
| 505 | - display: flex; | ||
| 506 | - align-items: baseline; | ||
| 507 | - | ||
| 508 | - .pt_icon { | ||
| 509 | - font-size: 22rpx; | ||
| 510 | - color: #FF4444; | ||
| 511 | - font-weight: 500; | ||
| 512 | - | ||
| 513 | - } | ||
| 514 | - | ||
| 515 | - .pt_price { | ||
| 516 | - font-size: 28rpx; | ||
| 517 | - color: #FF4444; | ||
| 518 | - font-weight: 500; | ||
| 519 | - | ||
| 520 | - } | ||
| 521 | - } | ||
| 522 | - | ||
| 523 | - .del { | ||
| 524 | - margin-left: 30rpx; | ||
| 525 | - font-size: 24rpx; | ||
| 526 | - color: #5B5E63; | ||
| 527 | - text-decoration: line-through; | ||
| 528 | - } | ||
| 529 | - | ||
| 530 | - } | ||
| 531 | - } | ||
| 532 | - } | ||
| 533 | - } | ||
| 534 | - | ||
| 535 | - .foot_right_a { | ||
| 536 | - float: left; | ||
| 537 | - width: 50%; | ||
| 538 | - padding: 24rpx 14rpx; | ||
| 539 | - box-sizing: border-box; | ||
| 540 | - | ||
| 541 | - .footbox { | ||
| 542 | - width: 100%; | ||
| 543 | - margin: 0 auto 20rpx; | ||
| 544 | - background: #fff; | ||
| 545 | - position: relative; | ||
| 546 | - border-radius: 20rpx; | ||
| 547 | - | ||
| 548 | - | ||
| 549 | - image { | ||
| 550 | - width: 100%; | ||
| 551 | - border-top-left-radius: 10rpx; | ||
| 552 | - border-top-right-radius: 10rpx; | ||
| 553 | - } | ||
| 554 | - | ||
| 555 | - .text_bx { | ||
| 556 | - width: 100%; | ||
| 557 | - padding: 0 18rpx 20rpx; | ||
| 558 | - box-sizing: border-box; | ||
| 559 | - | ||
| 560 | - .ster_nams { | ||
| 561 | - width: 100%; | ||
| 562 | - font-size: 28rpx; | ||
| 563 | - font-family: PingFang SC, | ||
| 564 | - PingFang SC-Regular; | ||
| 565 | - font-weight: 400; | ||
| 566 | - text-align: left; | ||
| 567 | - color: #06121e; | ||
| 568 | - line-height: 40rpx; | ||
| 569 | - } | ||
| 570 | - | ||
| 571 | - .cen_tite { | ||
| 572 | - width: 100%; | ||
| 573 | - display: flex; | ||
| 574 | - align-items: center; | ||
| 575 | - justify-content: space-between; | ||
| 576 | - padding: 20rpx 0; | ||
| 577 | - box-sizing: border-box; | ||
| 578 | - | ||
| 579 | - | ||
| 580 | - .lis_title { | ||
| 581 | - padding: 5rpx 14rpx; | ||
| 582 | - box-sizing: border-box; | ||
| 583 | - display: flex; | ||
| 584 | - align-items: center; | ||
| 585 | - justify-content: center; | ||
| 586 | - font-size: 22rpx; | ||
| 587 | - color: #fff; | ||
| 588 | - background-color: #F02928; | ||
| 589 | - border-radius: 4rpx; | ||
| 590 | - } | ||
| 591 | - | ||
| 592 | - .stay { | ||
| 593 | - display: flex; | ||
| 594 | - align-items: center; | ||
| 595 | - justify-content: flex-end; | ||
| 596 | - | ||
| 597 | - .numbe { | ||
| 598 | - font-size: 22rpx; | ||
| 599 | - color: #E8370F; | ||
| 600 | - | ||
| 601 | - } | ||
| 602 | - | ||
| 603 | - .ber_name { | ||
| 604 | - font-size: 22rpx; | ||
| 605 | - color: #06121E; | ||
| 606 | - } | ||
| 607 | - } | ||
| 608 | - } | ||
| 609 | - | ||
| 610 | - .price_bx { | ||
| 611 | - width: 100%; | ||
| 612 | - display: flex; | ||
| 613 | - align-items: center; | ||
| 614 | - | ||
| 615 | - .pt { | ||
| 616 | - display: flex; | ||
| 617 | - align-items: baseline; | ||
| 618 | - | ||
| 619 | - .pt_icon { | ||
| 620 | - font-size: 22rpx; | ||
| 621 | - color: #FF4444; | ||
| 622 | - font-weight: 500; | ||
| 623 | - | ||
| 624 | - } | ||
| 625 | - | ||
| 626 | - .pt_price { | ||
| 627 | - font-size: 28rpx; | ||
| 628 | - color: #FF4444; | ||
| 629 | - font-weight: 500; | ||
| 630 | - | ||
| 631 | - } | ||
| 632 | - } | ||
| 633 | - | ||
| 634 | - .del { | ||
| 635 | - margin-left: 30rpx; | ||
| 636 | - font-size: 24rpx; | ||
| 637 | - color: #5B5E63; | ||
| 638 | - text-decoration: line-through; | ||
| 639 | - } | ||
| 640 | - | ||
| 641 | - } | ||
| 642 | - } | ||
| 643 | - } | ||
| 644 | - | ||
| 645 | - } | ||
| 646 | - | ||
| 647 | - &::after { | ||
| 648 | - content: ''; | ||
| 649 | - clear: both; | ||
| 650 | - display: block; | ||
| 651 | - } | ||
| 652 | - } | ||
| 653 | - } | ||
| 654 | - } | ||
| 655 | - } | ||
| 656 | - | ||
| 657 | - .bgt_center { | ||
| 658 | - width: 100%; | ||
| 659 | - padding: 32rpx 14rpx; | ||
| 660 | - box-sizing: border-box; | ||
| 661 | - | ||
| 662 | - .wai_star { | ||
| 663 | - width: 100%; | ||
| 664 | - // padding: 0 32rpx; | ||
| 665 | - // box-sizing: border-box; | ||
| 666 | - | ||
| 667 | - .star_chan { | ||
| 668 | - width: 100%; | ||
| 669 | - // padding: 20rpx 0; | ||
| 670 | - box-sizing: border-box; | ||
| 671 | - | ||
| 672 | - .bgs_star { | ||
| 673 | - width: 100%; | ||
| 674 | - display: flex; | ||
| 675 | - align-items: center; | ||
| 676 | - justify-content: space-between; | ||
| 677 | - padding-bottom: 20rpx; | ||
| 678 | - box-sizing: border-box; | ||
| 679 | - | ||
| 680 | - .star_names { | ||
| 681 | - position: relative; | ||
| 682 | - font-size: 32rpx; | ||
| 683 | - color: #06121F; | ||
| 684 | - font-weight: 600; | ||
| 685 | - padding-left: 16rpx; | ||
| 686 | - box-sizing: border-box; | ||
| 687 | - | ||
| 688 | - &::after { | ||
| 689 | - content: ''; | ||
| 690 | - position: absolute; | ||
| 691 | - top: 8rpx; | ||
| 692 | - left: 0; | ||
| 693 | - width: 6rpx; | ||
| 694 | - height: 24rpx; | ||
| 695 | - background: #E8370F; | ||
| 696 | - border-radius: 4rpx; | ||
| 697 | - } | ||
| 698 | - } | ||
| 699 | - | ||
| 700 | - .star_more { | ||
| 701 | - font-size: 24rpx; | ||
| 702 | - font-family: PingFang SC, | ||
| 703 | - PingFang SC-Regular; | ||
| 704 | - font-weight: 400; | ||
| 705 | - color: #5b5e63; | ||
| 706 | - | ||
| 707 | - } | ||
| 708 | - } | ||
| 709 | - | ||
| 710 | - .star_list { | ||
| 711 | - width: 100%; | ||
| 712 | - background-color: #fff; | ||
| 713 | - border-radius: 8rpx; | ||
| 714 | - padding: 20rpx 0rpx 20rpx 24rpx; | ||
| 715 | - box-sizing: border-box; | ||
| 716 | - | ||
| 717 | - .scroll_view_H { | ||
| 718 | - .buyclassimgs { | ||
| 719 | - width: 750rpx; | ||
| 720 | - display: flex; | ||
| 721 | - align-items: center; | ||
| 722 | - flex-wrap: nowrap; | ||
| 723 | - | ||
| 724 | - .imgzU { | ||
| 725 | - margin-right: 24rpx; | ||
| 726 | - // width: 180rpx; | ||
| 727 | - flex-shrink: 0; | ||
| 728 | - display: flex; | ||
| 729 | - align-items: center; | ||
| 730 | - flex-direction: column; | ||
| 731 | - justify-content: center; | ||
| 732 | - position: relative; | ||
| 733 | - | ||
| 734 | - image { | ||
| 735 | - width: 180rpx; | ||
| 736 | - height: 180rpx; | ||
| 737 | - border-radius: 8rpx; | ||
| 738 | - } | ||
| 739 | - | ||
| 740 | - .v_post { | ||
| 741 | - width: 130rpx; | ||
| 742 | - height: 36rpx; | ||
| 743 | - text-align: center; | ||
| 744 | - line-height: 36rpx; | ||
| 745 | - color: #Fff; | ||
| 746 | - font-size: 22rpx; | ||
| 747 | - background: #f02928; | ||
| 748 | - border-radius: 4rpx; | ||
| 749 | - position: absolute; | ||
| 750 | - top: 0; | ||
| 751 | - left: 0; | ||
| 752 | - z-index: 2; | ||
| 753 | - font-family: PingFang SC, | ||
| 754 | - PingFang SC-Regular; | ||
| 755 | - } | ||
| 756 | - | ||
| 757 | - .text_dian { | ||
| 758 | - width: 100%; | ||
| 759 | - padding-top: 22rpx; | ||
| 760 | - box-sizing: border-box; | ||
| 761 | - | ||
| 762 | - .text_pt { | ||
| 763 | - width: 100%; | ||
| 764 | - display: flex; | ||
| 765 | - align-items: center; | ||
| 766 | - justify-content: center; | ||
| 767 | - | ||
| 768 | - .pt_name { | ||
| 769 | - font-size: 24rpx; | ||
| 770 | - font-family: PingFangSC-Medium; | ||
| 771 | - text-align: left; | ||
| 772 | - color: #fe0e1f; | ||
| 773 | - font-weight: 600; | ||
| 774 | - | ||
| 775 | - } | ||
| 776 | - | ||
| 777 | - .pt { | ||
| 778 | - display: flex; | ||
| 779 | - align-items: baseline; | ||
| 780 | - margin-left: 5rpx; | ||
| 781 | - | ||
| 782 | - .pt_icon { | ||
| 783 | - font-size: 22rpx; | ||
| 784 | - color: #FF4444; | ||
| 785 | - font-weight: 600; | ||
| 786 | - | ||
| 787 | - } | ||
| 788 | - | ||
| 789 | - .pt_price { | ||
| 790 | - font-size: 28rpx; | ||
| 791 | - color: #FF4444; | ||
| 792 | - font-weight: 600; | ||
| 793 | - | ||
| 794 | - } | ||
| 795 | - } | ||
| 796 | - | ||
| 797 | - } | ||
| 798 | - | ||
| 799 | - | ||
| 800 | - .del { | ||
| 801 | - width: 100%; | ||
| 802 | - text-align: center; | ||
| 803 | - font-size: 24rpx; | ||
| 804 | - color: #5B5E63; | ||
| 805 | - text-decoration: line-through; | ||
| 806 | - } | ||
| 807 | - } | ||
| 808 | - } | ||
| 809 | - | ||
| 810 | - } | ||
| 811 | - | ||
| 812 | - } | ||
| 813 | - } | ||
| 814 | - } | ||
| 815 | - } | ||
| 816 | - | ||
| 817 | - .tuijie { | ||
| 818 | - width: 100%; | ||
| 819 | - margin-top: 30rpx; | ||
| 820 | - | ||
| 821 | - | ||
| 822 | - .tui_name { | ||
| 823 | - width: 100%; | ||
| 824 | - padding-bottom: 20rpx; | ||
| 825 | - box-sizing: border-box; | ||
| 826 | - font-size: 32rpx; | ||
| 827 | - font-family: PingFang SC, | ||
| 828 | - PingFang SC-Medium; | ||
| 829 | - font-weight: 600; | ||
| 830 | - text-align: center; | ||
| 831 | - color: #06121e; | ||
| 832 | - position: relative; | ||
| 833 | - | ||
| 834 | - &::after { | ||
| 835 | - content: ''; | ||
| 836 | - width: 40rpx; | ||
| 837 | - height: 6rpx; | ||
| 838 | - background: #E8370F; | ||
| 839 | - position: absolute; | ||
| 840 | - bottom: 0; | ||
| 841 | - left: 50%; | ||
| 842 | - transform: translateX(-50%); | ||
| 843 | - } | ||
| 844 | - } | ||
| 845 | - | ||
| 846 | - | ||
| 847 | - .list_masonry_b { | ||
| 848 | - width: 100%; | ||
| 849 | - | ||
| 850 | - .footlist_b { | ||
| 851 | - position: relative; | ||
| 852 | - border-top-left-radius: 10rpx; | ||
| 853 | - border-top-right-radius: 10rpx; | ||
| 854 | - | ||
| 855 | - .foot_left_b { | ||
| 856 | - float: left; | ||
| 857 | - width: 50%; | ||
| 858 | - padding: 24rpx 14rpx; | ||
| 859 | - box-sizing: border-box; | ||
| 860 | - | ||
| 861 | - .footbox { | ||
| 862 | - width: 100%; | ||
| 863 | - margin: 0 auto 20rpx; | ||
| 864 | - background: #fff; | ||
| 865 | - position: relative; | ||
| 866 | - border-radius: 20rpx; | ||
| 867 | - | ||
| 868 | - | ||
| 869 | - image { | ||
| 870 | - width: 100%; | ||
| 871 | - border-top-left-radius: 10rpx; | ||
| 872 | - border-top-right-radius: 10rpx; | ||
| 873 | - } | ||
| 874 | - | ||
| 875 | - .text_bx { | ||
| 876 | - width: 100%; | ||
| 877 | - padding: 0 18rpx 20rpx; | ||
| 878 | - box-sizing: border-box; | ||
| 879 | - | ||
| 880 | - .ster_nams { | ||
| 881 | - width: 100%; | ||
| 882 | - font-size: 28rpx; | ||
| 883 | - font-family: PingFang SC, | ||
| 884 | - PingFang SC-Regular; | ||
| 885 | - font-weight: 400; | ||
| 886 | - text-align: left; | ||
| 887 | - color: #06121e; | ||
| 888 | - line-height: 40rpx; | ||
| 889 | - } | ||
| 890 | - | ||
| 891 | - .cen_tite { | ||
| 892 | - width: 100%; | ||
| 893 | - display: flex; | ||
| 894 | - align-items: center; | ||
| 895 | - justify-content: space-between; | ||
| 896 | - padding: 20rpx 0; | ||
| 897 | - box-sizing: border-box; | ||
| 898 | - | ||
| 899 | - | ||
| 900 | - .lis_title { | ||
| 901 | - padding: 5rpx 14rpx; | ||
| 902 | - box-sizing: border-box; | ||
| 903 | - display: flex; | ||
| 904 | - align-items: center; | ||
| 905 | - justify-content: center; | ||
| 906 | - font-size: 22rpx; | ||
| 907 | - color: #fff; | ||
| 908 | - background-color: #F02928; | ||
| 909 | - border-radius: 4rpx; | ||
| 910 | - } | ||
| 911 | - | ||
| 912 | - .stay { | ||
| 913 | - display: flex; | ||
| 914 | - align-items: center; | ||
| 915 | - justify-content: flex-end; | ||
| 916 | - | ||
| 917 | - .numbe { | ||
| 918 | - font-size: 22rpx; | ||
| 919 | - color: #E8370F; | ||
| 920 | - | ||
| 921 | - } | ||
| 922 | - | ||
| 923 | - .ber_name { | ||
| 924 | - font-size: 22rpx; | ||
| 925 | - color: #06121E; | ||
| 926 | - } | ||
| 927 | - } | ||
| 928 | - } | ||
| 929 | - | ||
| 930 | - .price_bx { | ||
| 931 | - width: 100%; | ||
| 932 | - display: flex; | ||
| 933 | - align-items: center; | ||
| 934 | - | ||
| 935 | - .pt { | ||
| 936 | - display: flex; | ||
| 937 | - align-items: baseline; | ||
| 938 | - | ||
| 939 | - .pt_icon { | ||
| 940 | - font-size: 22rpx; | ||
| 941 | - color: #FF4444; | ||
| 942 | - font-weight: 500; | ||
| 943 | - | ||
| 944 | - } | ||
| 945 | - | ||
| 946 | - .pt_price { | ||
| 947 | - font-size: 28rpx; | ||
| 948 | - color: #FF4444; | ||
| 949 | - font-weight: 500; | ||
| 950 | - | ||
| 951 | - } | ||
| 952 | - } | ||
| 953 | - | ||
| 954 | - .del { | ||
| 955 | - margin-left: 30rpx; | ||
| 956 | - font-size: 24rpx; | ||
| 957 | - color: #5B5E63; | ||
| 958 | - text-decoration: line-through; | ||
| 959 | - } | ||
| 960 | - | ||
| 961 | - } | ||
| 962 | - } | ||
| 963 | - } | ||
| 964 | - } | ||
| 965 | - | ||
| 966 | - .foot_right_b { | ||
| 967 | - float: left; | ||
| 968 | - width: 50%; | ||
| 969 | - padding: 24rpx 14rpx; | ||
| 970 | - box-sizing: border-box; | ||
| 971 | - | ||
| 972 | - .footbox { | ||
| 973 | - width: 100%; | ||
| 974 | - margin: 0 auto 20rpx; | ||
| 975 | - background: #fff; | ||
| 976 | - position: relative; | ||
| 977 | - border-radius: 20rpx; | ||
| 978 | - | ||
| 979 | - | ||
| 980 | - image { | ||
| 981 | - width: 100%; | ||
| 982 | - border-top-left-radius: 10rpx; | ||
| 983 | - border-top-right-radius: 10rpx; | ||
| 984 | - } | ||
| 985 | - | ||
| 986 | - .text_bx { | ||
| 987 | - width: 100%; | ||
| 988 | - padding: 0 18rpx 20rpx; | ||
| 989 | - box-sizing: border-box; | ||
| 990 | - | ||
| 991 | - .ster_nams { | ||
| 992 | - width: 100%; | ||
| 993 | - font-size: 28rpx; | ||
| 994 | - font-family: PingFang SC, | ||
| 995 | - PingFang SC-Regular; | ||
| 996 | - font-weight: 400; | ||
| 997 | - text-align: left; | ||
| 998 | - color: #06121e; | ||
| 999 | - line-height: 40rpx; | ||
| 1000 | - } | ||
| 1001 | - | ||
| 1002 | - .cen_tite { | ||
| 1003 | - width: 100%; | ||
| 1004 | - display: flex; | ||
| 1005 | - align-items: center; | ||
| 1006 | - justify-content: space-between; | ||
| 1007 | - padding: 20rpx 0; | ||
| 1008 | - box-sizing: border-box; | ||
| 1009 | - | ||
| 1010 | - | ||
| 1011 | - .lis_title { | ||
| 1012 | - padding: 5rpx 14rpx; | ||
| 1013 | - box-sizing: border-box; | ||
| 1014 | - display: flex; | ||
| 1015 | - align-items: center; | ||
| 1016 | - justify-content: center; | ||
| 1017 | - font-size: 22rpx; | ||
| 1018 | - color: #fff; | ||
| 1019 | - background-color: #F02928; | ||
| 1020 | - border-radius: 4rpx; | ||
| 1021 | - } | ||
| 1022 | - | ||
| 1023 | - .stay { | ||
| 1024 | - display: flex; | ||
| 1025 | - align-items: center; | ||
| 1026 | - justify-content: flex-end; | ||
| 1027 | - | ||
| 1028 | - .numbe { | ||
| 1029 | - font-size: 22rpx; | ||
| 1030 | - color: #E8370F; | ||
| 1031 | - | ||
| 1032 | - } | ||
| 1033 | - | ||
| 1034 | - .ber_name { | ||
| 1035 | - font-size: 22rpx; | ||
| 1036 | - color: #06121E; | ||
| 1037 | - } | ||
| 1038 | - } | ||
| 1039 | - } | ||
| 1040 | - | ||
| 1041 | - .price_bx { | ||
| 1042 | - width: 100%; | ||
| 1043 | - display: flex; | ||
| 1044 | - align-items: center; | ||
| 1045 | - | ||
| 1046 | - .pt { | ||
| 1047 | - display: flex; | ||
| 1048 | - align-items: baseline; | ||
| 1049 | - | ||
| 1050 | - .pt_icon { | ||
| 1051 | - font-size: 22rpx; | ||
| 1052 | - color: #FF4444; | ||
| 1053 | - font-weight: 500; | ||
| 1054 | - | ||
| 1055 | - } | ||
| 1056 | - | ||
| 1057 | - .pt_price { | ||
| 1058 | - font-size: 28rpx; | ||
| 1059 | - color: #FF4444; | ||
| 1060 | - font-weight: 500; | ||
| 1061 | - | ||
| 1062 | - } | ||
| 1063 | - } | ||
| 1064 | - | ||
| 1065 | - .del { | ||
| 1066 | - margin-left: 30rpx; | ||
| 1067 | - font-size: 24rpx; | ||
| 1068 | - color: #5B5E63; | ||
| 1069 | - text-decoration: line-through; | ||
| 1070 | - } | ||
| 1071 | - | ||
| 1072 | - } | ||
| 1073 | - } | ||
| 1074 | - } | ||
| 1075 | - | ||
| 1076 | - } | ||
| 1077 | - | ||
| 1078 | - &::after { | ||
| 1079 | - content: ''; | ||
| 1080 | - clear: both; | ||
| 1081 | - display: block; | ||
| 1082 | - } | ||
| 1083 | - } | ||
| 1084 | - } | ||
| 1085 | - } | ||
| 1086 | - } | ||
| 1087 | - } | ||
| 1088 | - | ||
| 1089 | - .down_test { | ||
| 1090 | - width: 100%; | ||
| 1091 | - padding: 28rpx 0; | ||
| 1092 | - box-sizing: border-box; | ||
| 1093 | - color: #8c9198; | ||
| 1094 | - font-size: 28rpx; | ||
| 1095 | - text-align: center; | ||
| 1096 | - | ||
| 1097 | - } | 1 | +page { |
| 2 | + background: #f9f9f9; | ||
| 3 | +} | ||
| 4 | + | ||
| 5 | +.container { | ||
| 6 | + width: 100%; | ||
| 7 | + | ||
| 8 | + .header { | ||
| 9 | + width: 100%; | ||
| 10 | + // background: #f53526; | ||
| 11 | + background: linear-gradient(180deg, #F53526 100%, #FD7F2E 100%); | ||
| 12 | + | ||
| 13 | + .left_img { | ||
| 14 | + width: 100%; | ||
| 15 | + display: flex; | ||
| 16 | + align-items: center; | ||
| 17 | + padding: 0 32rpx; | ||
| 18 | + box-sizing: border-box; | ||
| 19 | + height: 88rpx; | ||
| 20 | + | ||
| 21 | + | ||
| 22 | + .title_oage { | ||
| 23 | + width: 100%; | ||
| 24 | + display: flex; | ||
| 25 | + align-items: center; | ||
| 26 | + justify-content: center; | ||
| 27 | + color: #fff; | ||
| 28 | + font-weight: 500; | ||
| 29 | + | ||
| 30 | + } | ||
| 31 | + } | ||
| 32 | + } | ||
| 33 | + | ||
| 34 | + .health_home { | ||
| 35 | + width: 100%; | ||
| 36 | + | ||
| 37 | + .bgs { | ||
| 38 | + width: 100%; | ||
| 39 | + box-sizing: border-box; | ||
| 40 | + background: linear-gradient(180deg, #F53526 100%, #FD7F2E 100%); | ||
| 41 | + | ||
| 42 | + .searchbox { | ||
| 43 | + width: 100%; | ||
| 44 | + padding: 0 32rpx; | ||
| 45 | + box-sizing: border-box; | ||
| 46 | + | ||
| 47 | + .searchinput { | ||
| 48 | + width: 100%; | ||
| 49 | + display: flex; | ||
| 50 | + align-items: center; | ||
| 51 | + border-radius: 28rpx; | ||
| 52 | + background-color: #fff; | ||
| 53 | + padding: 10rpx 20rpx; | ||
| 54 | + box-sizing: border-box; | ||
| 55 | + | ||
| 56 | + .searchicon { | ||
| 57 | + width: 32rpx; | ||
| 58 | + height: 32rpx; | ||
| 59 | + } | ||
| 60 | + | ||
| 61 | + input { | ||
| 62 | + flex: 1; | ||
| 63 | + text-indent: 20rpx; | ||
| 64 | + height: 100%; | ||
| 65 | + } | ||
| 66 | + } | ||
| 67 | + } | ||
| 68 | + | ||
| 69 | + .top_tit { | ||
| 70 | + width: 100%; | ||
| 71 | + padding: 0 32rpx; | ||
| 72 | + box-sizing: border-box; | ||
| 73 | + | ||
| 74 | + .tit_list { | ||
| 75 | + width: 100%; | ||
| 76 | + height: 60rpx; | ||
| 77 | + opacity: 0.6; | ||
| 78 | + background: #db1d0e; | ||
| 79 | + display: flex; | ||
| 80 | + align-items: center; | ||
| 81 | + margin-top: 14rpx; | ||
| 82 | + | ||
| 83 | + .tit_item { | ||
| 84 | + height: 60rpx; | ||
| 85 | + flex: 1; | ||
| 86 | + display: flex; | ||
| 87 | + align-items: center; | ||
| 88 | + justify-content: center; | ||
| 89 | + | ||
| 90 | + image { | ||
| 91 | + width: 40rpx; | ||
| 92 | + height: 40rpx; | ||
| 93 | + margin-right: 12rpx; | ||
| 94 | + } | ||
| 95 | + | ||
| 96 | + .item_names { | ||
| 97 | + font-size: 28rpx; | ||
| 98 | + color: #fff; | ||
| 99 | + } | ||
| 100 | + } | ||
| 101 | + } | ||
| 102 | + } | ||
| 103 | + | ||
| 104 | + .cate_nav { | ||
| 105 | + width: 100%; | ||
| 106 | + margin-top: 18rpx; | ||
| 107 | + | ||
| 108 | + .tex { | ||
| 109 | + display: flex; | ||
| 110 | + align-items: center; | ||
| 111 | + width: 100%; | ||
| 112 | + height: 88rpx; | ||
| 113 | + padding-left: 32rpx; | ||
| 114 | + box-sizing: border-box; | ||
| 115 | + position: relative; | ||
| 116 | + | ||
| 117 | + .cate_list { | ||
| 118 | + width: 100%; | ||
| 119 | + padding-right: 88rpx; | ||
| 120 | + box-sizing: border-box; | ||
| 121 | + | ||
| 122 | + .cate_item { | ||
| 123 | + min-width: 750rpx; | ||
| 124 | + display: flex; | ||
| 125 | + align-items: center; | ||
| 126 | + white-space: nowrap; | ||
| 127 | + overflow-y: scroll; | ||
| 128 | + padding-bottom: 20rpx; | ||
| 129 | + box-sizing: border-box; | ||
| 130 | + | ||
| 131 | + | ||
| 132 | + .item_cater { | ||
| 133 | + font-size: 28rpx; | ||
| 134 | + color: #fff; | ||
| 135 | + margin-right: 40rpx; | ||
| 136 | + flex-shrink: 0; | ||
| 137 | + | ||
| 138 | + } | ||
| 139 | + | ||
| 140 | + .active { | ||
| 141 | + position: relative; | ||
| 142 | + font-size: 36rpx; | ||
| 143 | + | ||
| 144 | + &::after { | ||
| 145 | + content: ''; | ||
| 146 | + width: 60rpx; | ||
| 147 | + height: 6rpx; | ||
| 148 | + background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.4)); | ||
| 149 | + position: absolute; | ||
| 150 | + bottom: -17rpx; | ||
| 151 | + left: 50%; | ||
| 152 | + transform: translateX(-50%); | ||
| 153 | + z-index: 20; | ||
| 154 | + } | ||
| 155 | + } | ||
| 156 | + } | ||
| 157 | + } | ||
| 158 | + | ||
| 159 | + .cateGory { | ||
| 160 | + position: absolute; | ||
| 161 | + top: 0; | ||
| 162 | + right: 0; | ||
| 163 | + width: 75rpx; | ||
| 164 | + height: 88rpx; | ||
| 165 | + background: #f53526; | ||
| 166 | + display: flex; | ||
| 167 | + align-items: center; | ||
| 168 | + justify-content: center; | ||
| 169 | + | ||
| 170 | + image { | ||
| 171 | + width: 48rpx; | ||
| 172 | + height: 48rpx; | ||
| 173 | + | ||
| 174 | + } | ||
| 175 | + } | ||
| 176 | + } | ||
| 177 | + | ||
| 178 | + .cate_child { | ||
| 179 | + width: 100%; | ||
| 180 | + padding: 32rpx; | ||
| 181 | + box-sizing: border-box; | ||
| 182 | + background-color: #f9f9f9; | ||
| 183 | + | ||
| 184 | + .child_box { | ||
| 185 | + width: 100%; | ||
| 186 | + display: flex; | ||
| 187 | + align-items: center; | ||
| 188 | + flex-wrap: wrap; | ||
| 189 | + background-color: #fff; | ||
| 190 | + border-radius: 8rpx; | ||
| 191 | + | ||
| 192 | + .child_item { | ||
| 193 | + width: 20%; | ||
| 194 | + display: flex; | ||
| 195 | + flex-direction: column; | ||
| 196 | + justify-content: center; | ||
| 197 | + align-items: center; | ||
| 198 | + | ||
| 199 | + image { | ||
| 200 | + width: 120rpx; | ||
| 201 | + height: 120rpx; | ||
| 202 | + } | ||
| 203 | + | ||
| 204 | + .child_name { | ||
| 205 | + width: 100%; | ||
| 206 | + text-align: center; | ||
| 207 | + padding: 12rpx 0; | ||
| 208 | + box-sizing: border-box; | ||
| 209 | + font-size: 26rpx; | ||
| 210 | + color: #06121E; | ||
| 211 | + } | ||
| 212 | + | ||
| 213 | + } | ||
| 214 | + } | ||
| 215 | + } | ||
| 216 | + | ||
| 217 | + } | ||
| 218 | + | ||
| 219 | + .health_home_item { | ||
| 220 | + widows: 100%; | ||
| 221 | + | ||
| 222 | + | ||
| 223 | + // 轮播 | ||
| 224 | + .banner_image { | ||
| 225 | + width: 100%; | ||
| 226 | + padding: 0 32rpx; | ||
| 227 | + box-sizing: border-box; | ||
| 228 | + margin-bottom: 30rpx; | ||
| 229 | + | ||
| 230 | + .banner { | ||
| 231 | + width: 100%; | ||
| 232 | + height: 280rpx; | ||
| 233 | + border-radius: 12rpx; | ||
| 234 | + | ||
| 235 | + swiper-item { | ||
| 236 | + width: 100%; | ||
| 237 | + height: 100%; | ||
| 238 | + border-radius: 12rpx; | ||
| 239 | + | ||
| 240 | + .ims { | ||
| 241 | + height: 280rpx; | ||
| 242 | + border-radius: 12rpx; | ||
| 243 | + | ||
| 244 | + image { | ||
| 245 | + width: 100%; | ||
| 246 | + height: 100%; | ||
| 247 | + border-radius: 12rpx; | ||
| 248 | + } | ||
| 249 | + } | ||
| 250 | + } | ||
| 251 | + } | ||
| 252 | + | ||
| 253 | + } | ||
| 254 | + | ||
| 255 | + .wai_star { | ||
| 256 | + width: 100%; | ||
| 257 | + padding: 0 32rpx; | ||
| 258 | + box-sizing: border-box; | ||
| 259 | + background: linear-gradient(180deg, rgba(255, 255, 255, 0), #f9f9f9); | ||
| 260 | + | ||
| 261 | + .star_chan { | ||
| 262 | + width: 100%; | ||
| 263 | + padding: 20rpx 0 20rpx 20rpx; | ||
| 264 | + box-sizing: border-box; | ||
| 265 | + background-color: #fff; | ||
| 266 | + border-radius: 8rpx; | ||
| 267 | + | ||
| 268 | + .star_names { | ||
| 269 | + width: 100%; | ||
| 270 | + position: relative; | ||
| 271 | + font-size: 28rpx; | ||
| 272 | + color: #06121F; | ||
| 273 | + font-weight: 500; | ||
| 274 | + padding-left: 12rpx; | ||
| 275 | + padding-bottom: 20rpx; | ||
| 276 | + box-sizing: border-box; | ||
| 277 | + | ||
| 278 | + | ||
| 279 | + &::after { | ||
| 280 | + content: ''; | ||
| 281 | + position: absolute; | ||
| 282 | + top: 8rpx; | ||
| 283 | + left: 0; | ||
| 284 | + width: 6rpx; | ||
| 285 | + height: 24rpx; | ||
| 286 | + background: #E8370F; | ||
| 287 | + border-radius: 4rpx; | ||
| 288 | + | ||
| 289 | + | ||
| 290 | + } | ||
| 291 | + } | ||
| 292 | + | ||
| 293 | + .star_list { | ||
| 294 | + width: 100%; | ||
| 295 | + | ||
| 296 | + .scroll_view_H { | ||
| 297 | + .buyclassimgs { | ||
| 298 | + width: 750rpx; | ||
| 299 | + display: flex; | ||
| 300 | + align-items: center; | ||
| 301 | + flex-wrap: nowrap; | ||
| 302 | + | ||
| 303 | + .imgzU { | ||
| 304 | + margin-right: 24rpx; | ||
| 305 | + height: 180rpx; | ||
| 306 | + flex-shrink: 0; | ||
| 307 | + | ||
| 308 | + image { | ||
| 309 | + width: 180rpx; | ||
| 310 | + border-radius: 8rpx; | ||
| 311 | + } | ||
| 312 | + } | ||
| 313 | + | ||
| 314 | + } | ||
| 315 | + | ||
| 316 | + } | ||
| 317 | + } | ||
| 318 | + } | ||
| 319 | + } | ||
| 320 | + } | ||
| 321 | + } | ||
| 322 | + | ||
| 323 | + .li_nv { | ||
| 324 | + width: 100%; | ||
| 325 | + padding-bottom: 100rpx; | ||
| 326 | + box-sizing: border-box; | ||
| 327 | + | ||
| 328 | + .small_nav { | ||
| 329 | + width: 100%; | ||
| 330 | + margin-top: 20rpx; | ||
| 331 | + padding-left: 32rpx; | ||
| 332 | + box-sizing: border-box; | ||
| 333 | + background-color: #f9f9f9; | ||
| 334 | + | ||
| 335 | + .nav_slit { | ||
| 336 | + width: 100%; | ||
| 337 | + | ||
| 338 | + .scroll_view_H { | ||
| 339 | + .buyclassimgs { | ||
| 340 | + width: 750rpx; | ||
| 341 | + display: flex; | ||
| 342 | + align-items: center; | ||
| 343 | + flex-wrap: nowrap; | ||
| 344 | + | ||
| 345 | + .smal_item { | ||
| 346 | + min-width: 160rpx; | ||
| 347 | + display: flex; | ||
| 348 | + align-items: center; | ||
| 349 | + justify-content: center; | ||
| 350 | + flex-direction: column; | ||
| 351 | + position: relative; | ||
| 352 | + | ||
| 353 | + .s_item_name { | ||
| 354 | + font-size: 32rpx; | ||
| 355 | + color: #8C9198; | ||
| 356 | + font-family: PingFang-SC-Bold; | ||
| 357 | + line-height: 48rpx; | ||
| 358 | + } | ||
| 359 | + | ||
| 360 | + .s_item_color { | ||
| 361 | + font-size: 24rpx; | ||
| 362 | + font-family: PingFang SC, | ||
| 363 | + PingFang SC-Regular; | ||
| 364 | + font-weight: 400; | ||
| 365 | + text-align: center; | ||
| 366 | + color: #8c9198; | ||
| 367 | + line-height: 48rpx; | ||
| 368 | + } | ||
| 369 | + | ||
| 370 | + &::after { | ||
| 371 | + content: ''; | ||
| 372 | + position: absolute; | ||
| 373 | + right: 0; | ||
| 374 | + border-right: 2rpx solid #bdc4ce; | ||
| 375 | + height: 46rpx; | ||
| 376 | + // top: 50%; | ||
| 377 | + // transform: translate(-50%); | ||
| 378 | + | ||
| 379 | + } | ||
| 380 | + } | ||
| 381 | + | ||
| 382 | + .activeColor { | ||
| 383 | + .s_item_name { | ||
| 384 | + font-size: 32rpx; | ||
| 385 | + color: #06121E; | ||
| 386 | + font-family: PingFang-SC-Bold; | ||
| 387 | + font-weight: 600; | ||
| 388 | + } | ||
| 389 | + | ||
| 390 | + .s_item_color { | ||
| 391 | + padding: 0 20rpx; | ||
| 392 | + box-sizing: border-box; | ||
| 393 | + background: #e8370f; | ||
| 394 | + border-radius: 18rpx; | ||
| 395 | + color: #fff; | ||
| 396 | + | ||
| 397 | + height: 34rpx; | ||
| 398 | + display: flex; | ||
| 399 | + align-items: center; | ||
| 400 | + justify-content: center; | ||
| 401 | + margin: 7rpx 0; | ||
| 402 | + | ||
| 403 | + } | ||
| 404 | + } | ||
| 405 | + } | ||
| 406 | + } | ||
| 407 | + } | ||
| 408 | + } | ||
| 409 | + | ||
| 410 | + .store_list { | ||
| 411 | + width: 100%; | ||
| 412 | + padding: 0 14rpx 0; | ||
| 413 | + box-sizing: border-box; | ||
| 414 | + | ||
| 415 | + .list_masonry_a { | ||
| 416 | + width: 100%; | ||
| 417 | + | ||
| 418 | + .footlist_a { | ||
| 419 | + position: relative; | ||
| 420 | + border-top-left-radius: 10rpx; | ||
| 421 | + border-top-right-radius: 10rpx; | ||
| 422 | + | ||
| 423 | + .foot_left_a { | ||
| 424 | + float: left; | ||
| 425 | + width: 50%; | ||
| 426 | + padding: 24rpx 14rpx; | ||
| 427 | + box-sizing: border-box; | ||
| 428 | + | ||
| 429 | + .footbox { | ||
| 430 | + width: 100%; | ||
| 431 | + margin: 0 auto 20rpx; | ||
| 432 | + background: #fff; | ||
| 433 | + position: relative; | ||
| 434 | + border-radius: 20rpx; | ||
| 435 | + | ||
| 436 | + | ||
| 437 | + image { | ||
| 438 | + width: 100%; | ||
| 439 | + border-top-left-radius: 10rpx; | ||
| 440 | + border-top-right-radius: 10rpx; | ||
| 441 | + } | ||
| 442 | + | ||
| 443 | + .text_bx { | ||
| 444 | + width: 100%; | ||
| 445 | + padding: 0 18rpx 20rpx; | ||
| 446 | + box-sizing: border-box; | ||
| 447 | + | ||
| 448 | + .ster_nams { | ||
| 449 | + width: 100%; | ||
| 450 | + font-size: 28rpx; | ||
| 451 | + font-family: PingFang SC, | ||
| 452 | + PingFang SC-Regular; | ||
| 453 | + font-weight: 400; | ||
| 454 | + text-align: left; | ||
| 455 | + color: #06121e; | ||
| 456 | + line-height: 40rpx; | ||
| 457 | + } | ||
| 458 | + | ||
| 459 | + .cen_tite { | ||
| 460 | + width: 100%; | ||
| 461 | + display: flex; | ||
| 462 | + align-items: center; | ||
| 463 | + justify-content: space-between; | ||
| 464 | + padding: 20rpx 0; | ||
| 465 | + box-sizing: border-box; | ||
| 466 | + | ||
| 467 | + | ||
| 468 | + .lis_title { | ||
| 469 | + padding: 5rpx 14rpx; | ||
| 470 | + box-sizing: border-box; | ||
| 471 | + display: flex; | ||
| 472 | + align-items: center; | ||
| 473 | + justify-content: center; | ||
| 474 | + font-size: 22rpx; | ||
| 475 | + color: #fff; | ||
| 476 | + background-color: #F02928; | ||
| 477 | + border-radius: 4rpx; | ||
| 478 | + } | ||
| 479 | + | ||
| 480 | + .stay { | ||
| 481 | + display: flex; | ||
| 482 | + align-items: center; | ||
| 483 | + justify-content: flex-end; | ||
| 484 | + | ||
| 485 | + .numbe { | ||
| 486 | + font-size: 22rpx; | ||
| 487 | + color: #E8370F; | ||
| 488 | + | ||
| 489 | + } | ||
| 490 | + | ||
| 491 | + .ber_name { | ||
| 492 | + font-size: 22rpx; | ||
| 493 | + color: #06121E; | ||
| 494 | + } | ||
| 495 | + } | ||
| 496 | + } | ||
| 497 | + | ||
| 498 | + .price_bx { | ||
| 499 | + width: 100%; | ||
| 500 | + display: flex; | ||
| 501 | + align-items: center; | ||
| 502 | + | ||
| 503 | + .pt { | ||
| 504 | + display: flex; | ||
| 505 | + align-items: baseline; | ||
| 506 | + | ||
| 507 | + .pt_icon { | ||
| 508 | + font-size: 22rpx; | ||
| 509 | + color: #FF4444; | ||
| 510 | + font-weight: 500; | ||
| 511 | + | ||
| 512 | + } | ||
| 513 | + | ||
| 514 | + .pt_price { | ||
| 515 | + font-size: 28rpx; | ||
| 516 | + color: #FF4444; | ||
| 517 | + font-weight: 500; | ||
| 518 | + | ||
| 519 | + } | ||
| 520 | + } | ||
| 521 | + | ||
| 522 | + .del { | ||
| 523 | + margin-left: 30rpx; | ||
| 524 | + font-size: 24rpx; | ||
| 525 | + color: #5B5E63; | ||
| 526 | + text-decoration: line-through; | ||
| 527 | + } | ||
| 528 | + | ||
| 529 | + } | ||
| 530 | + } | ||
| 531 | + } | ||
| 532 | + } | ||
| 533 | + | ||
| 534 | + .foot_right_a { | ||
| 535 | + float: left; | ||
| 536 | + width: 50%; | ||
| 537 | + padding: 24rpx 14rpx; | ||
| 538 | + box-sizing: border-box; | ||
| 539 | + | ||
| 540 | + .footbox { | ||
| 541 | + width: 100%; | ||
| 542 | + margin: 0 auto 20rpx; | ||
| 543 | + background: #fff; | ||
| 544 | + position: relative; | ||
| 545 | + border-radius: 20rpx; | ||
| 546 | + | ||
| 547 | + | ||
| 548 | + image { | ||
| 549 | + width: 100%; | ||
| 550 | + border-top-left-radius: 10rpx; | ||
| 551 | + border-top-right-radius: 10rpx; | ||
| 552 | + } | ||
| 553 | + | ||
| 554 | + .text_bx { | ||
| 555 | + width: 100%; | ||
| 556 | + padding: 0 18rpx 20rpx; | ||
| 557 | + box-sizing: border-box; | ||
| 558 | + | ||
| 559 | + .ster_nams { | ||
| 560 | + width: 100%; | ||
| 561 | + font-size: 28rpx; | ||
| 562 | + font-family: PingFang SC, | ||
| 563 | + PingFang SC-Regular; | ||
| 564 | + font-weight: 400; | ||
| 565 | + text-align: left; | ||
| 566 | + color: #06121e; | ||
| 567 | + line-height: 40rpx; | ||
| 568 | + } | ||
| 569 | + | ||
| 570 | + .cen_tite { | ||
| 571 | + width: 100%; | ||
| 572 | + display: flex; | ||
| 573 | + align-items: center; | ||
| 574 | + justify-content: space-between; | ||
| 575 | + padding: 20rpx 0; | ||
| 576 | + box-sizing: border-box; | ||
| 577 | + | ||
| 578 | + | ||
| 579 | + .lis_title { | ||
| 580 | + padding: 5rpx 14rpx; | ||
| 581 | + box-sizing: border-box; | ||
| 582 | + display: flex; | ||
| 583 | + align-items: center; | ||
| 584 | + justify-content: center; | ||
| 585 | + font-size: 22rpx; | ||
| 586 | + color: #fff; | ||
| 587 | + background-color: #F02928; | ||
| 588 | + border-radius: 4rpx; | ||
| 589 | + } | ||
| 590 | + | ||
| 591 | + .stay { | ||
| 592 | + display: flex; | ||
| 593 | + align-items: center; | ||
| 594 | + justify-content: flex-end; | ||
| 595 | + | ||
| 596 | + .numbe { | ||
| 597 | + font-size: 22rpx; | ||
| 598 | + color: #E8370F; | ||
| 599 | + | ||
| 600 | + } | ||
| 601 | + | ||
| 602 | + .ber_name { | ||
| 603 | + font-size: 22rpx; | ||
| 604 | + color: #06121E; | ||
| 605 | + } | ||
| 606 | + } | ||
| 607 | + } | ||
| 608 | + | ||
| 609 | + .price_bx { | ||
| 610 | + width: 100%; | ||
| 611 | + display: flex; | ||
| 612 | + align-items: center; | ||
| 613 | + | ||
| 614 | + .pt { | ||
| 615 | + display: flex; | ||
| 616 | + align-items: baseline; | ||
| 617 | + | ||
| 618 | + .pt_icon { | ||
| 619 | + font-size: 22rpx; | ||
| 620 | + color: #FF4444; | ||
| 621 | + font-weight: 500; | ||
| 622 | + | ||
| 623 | + } | ||
| 624 | + | ||
| 625 | + .pt_price { | ||
| 626 | + font-size: 28rpx; | ||
| 627 | + color: #FF4444; | ||
| 628 | + font-weight: 500; | ||
| 629 | + | ||
| 630 | + } | ||
| 631 | + } | ||
| 632 | + | ||
| 633 | + .del { | ||
| 634 | + margin-left: 30rpx; | ||
| 635 | + font-size: 24rpx; | ||
| 636 | + color: #5B5E63; | ||
| 637 | + text-decoration: line-through; | ||
| 638 | + } | ||
| 639 | + | ||
| 640 | + } | ||
| 641 | + } | ||
| 642 | + } | ||
| 643 | + | ||
| 644 | + } | ||
| 645 | + | ||
| 646 | + &::after { | ||
| 647 | + content: ''; | ||
| 648 | + clear: both; | ||
| 649 | + display: block; | ||
| 650 | + } | ||
| 651 | + } | ||
| 652 | + } | ||
| 653 | + } | ||
| 654 | + } | ||
| 655 | + | ||
| 656 | + .bgt_center { | ||
| 657 | + width: 100%; | ||
| 658 | + padding: 32rpx 14rpx; | ||
| 659 | + box-sizing: border-box; | ||
| 660 | + | ||
| 661 | + .wai_star { | ||
| 662 | + width: 100%; | ||
| 663 | + // padding: 0 32rpx; | ||
| 664 | + // box-sizing: border-box; | ||
| 665 | + | ||
| 666 | + .star_chan { | ||
| 667 | + width: 100%; | ||
| 668 | + // padding: 20rpx 0; | ||
| 669 | + box-sizing: border-box; | ||
| 670 | + | ||
| 671 | + .bgs_star { | ||
| 672 | + width: 100%; | ||
| 673 | + display: flex; | ||
| 674 | + align-items: center; | ||
| 675 | + justify-content: space-between; | ||
| 676 | + padding-bottom: 20rpx; | ||
| 677 | + box-sizing: border-box; | ||
| 678 | + | ||
| 679 | + .star_names { | ||
| 680 | + position: relative; | ||
| 681 | + font-size: 32rpx; | ||
| 682 | + color: #06121F; | ||
| 683 | + font-weight: 600; | ||
| 684 | + padding-left: 16rpx; | ||
| 685 | + box-sizing: border-box; | ||
| 686 | + | ||
| 687 | + &::after { | ||
| 688 | + content: ''; | ||
| 689 | + position: absolute; | ||
| 690 | + top: 8rpx; | ||
| 691 | + left: 0; | ||
| 692 | + width: 6rpx; | ||
| 693 | + height: 24rpx; | ||
| 694 | + background: #E8370F; | ||
| 695 | + border-radius: 4rpx; | ||
| 696 | + } | ||
| 697 | + } | ||
| 698 | + | ||
| 699 | + .star_more { | ||
| 700 | + font-size: 24rpx; | ||
| 701 | + font-family: PingFang SC, | ||
| 702 | + PingFang SC-Regular; | ||
| 703 | + font-weight: 400; | ||
| 704 | + color: #5b5e63; | ||
| 705 | + | ||
| 706 | + } | ||
| 707 | + } | ||
| 708 | + | ||
| 709 | + .star_list { | ||
| 710 | + width: 100%; | ||
| 711 | + background-color: #fff; | ||
| 712 | + border-radius: 8rpx; | ||
| 713 | + padding: 20rpx 0rpx 20rpx 24rpx; | ||
| 714 | + box-sizing: border-box; | ||
| 715 | + | ||
| 716 | + .scroll_view_H { | ||
| 717 | + .buyclassimgs { | ||
| 718 | + width: 750rpx; | ||
| 719 | + display: flex; | ||
| 720 | + align-items: center; | ||
| 721 | + flex-wrap: nowrap; | ||
| 722 | + | ||
| 723 | + .imgzU { | ||
| 724 | + margin-right: 24rpx; | ||
| 725 | + // width: 180rpx; | ||
| 726 | + flex-shrink: 0; | ||
| 727 | + display: flex; | ||
| 728 | + align-items: center; | ||
| 729 | + flex-direction: column; | ||
| 730 | + justify-content: center; | ||
| 731 | + position: relative; | ||
| 732 | + | ||
| 733 | + image { | ||
| 734 | + width: 180rpx; | ||
| 735 | + height: 180rpx; | ||
| 736 | + border-radius: 8rpx; | ||
| 737 | + } | ||
| 738 | + | ||
| 739 | + .v_post { | ||
| 740 | + width: 130rpx; | ||
| 741 | + height: 36rpx; | ||
| 742 | + text-align: center; | ||
| 743 | + line-height: 36rpx; | ||
| 744 | + color: #Fff; | ||
| 745 | + font-size: 22rpx; | ||
| 746 | + background: #f02928; | ||
| 747 | + border-radius: 4rpx; | ||
| 748 | + position: absolute; | ||
| 749 | + top: 0; | ||
| 750 | + left: 0; | ||
| 751 | + z-index: 2; | ||
| 752 | + font-family: PingFang SC, | ||
| 753 | + PingFang SC-Regular; | ||
| 754 | + } | ||
| 755 | + | ||
| 756 | + .text_dian { | ||
| 757 | + width: 100%; | ||
| 758 | + padding-top: 22rpx; | ||
| 759 | + box-sizing: border-box; | ||
| 760 | + | ||
| 761 | + .text_pt { | ||
| 762 | + width: 100%; | ||
| 763 | + display: flex; | ||
| 764 | + align-items: center; | ||
| 765 | + justify-content: center; | ||
| 766 | + | ||
| 767 | + .pt_name { | ||
| 768 | + font-size: 24rpx; | ||
| 769 | + font-family: PingFangSC-Medium; | ||
| 770 | + text-align: left; | ||
| 771 | + color: #fe0e1f; | ||
| 772 | + font-weight: 600; | ||
| 773 | + | ||
| 774 | + } | ||
| 775 | + | ||
| 776 | + .pt { | ||
| 777 | + display: flex; | ||
| 778 | + align-items: baseline; | ||
| 779 | + margin-left: 5rpx; | ||
| 780 | + | ||
| 781 | + .pt_icon { | ||
| 782 | + font-size: 22rpx; | ||
| 783 | + color: #FF4444; | ||
| 784 | + font-weight: 600; | ||
| 785 | + | ||
| 786 | + } | ||
| 787 | + | ||
| 788 | + .pt_price { | ||
| 789 | + font-size: 28rpx; | ||
| 790 | + color: #FF4444; | ||
| 791 | + font-weight: 600; | ||
| 792 | + | ||
| 793 | + } | ||
| 794 | + } | ||
| 795 | + | ||
| 796 | + } | ||
| 797 | + | ||
| 798 | + | ||
| 799 | + .del { | ||
| 800 | + width: 100%; | ||
| 801 | + text-align: center; | ||
| 802 | + font-size: 24rpx; | ||
| 803 | + color: #5B5E63; | ||
| 804 | + text-decoration: line-through; | ||
| 805 | + } | ||
| 806 | + } | ||
| 807 | + } | ||
| 808 | + | ||
| 809 | + } | ||
| 810 | + | ||
| 811 | + } | ||
| 812 | + } | ||
| 813 | + } | ||
| 814 | + } | ||
| 815 | + | ||
| 816 | + .tuijie { | ||
| 817 | + width: 100%; | ||
| 818 | + margin-top: 30rpx; | ||
| 819 | + | ||
| 820 | + | ||
| 821 | + .tui_name { | ||
| 822 | + width: 100%; | ||
| 823 | + padding-bottom: 20rpx; | ||
| 824 | + box-sizing: border-box; | ||
| 825 | + font-size: 32rpx; | ||
| 826 | + font-family: PingFang SC, | ||
| 827 | + PingFang SC-Medium; | ||
| 828 | + font-weight: 600; | ||
| 829 | + text-align: center; | ||
| 830 | + color: #06121e; | ||
| 831 | + position: relative; | ||
| 832 | + | ||
| 833 | + &::after { | ||
| 834 | + content: ''; | ||
| 835 | + width: 40rpx; | ||
| 836 | + height: 6rpx; | ||
| 837 | + background: #E8370F; | ||
| 838 | + position: absolute; | ||
| 839 | + bottom: 0; | ||
| 840 | + left: 50%; | ||
| 841 | + transform: translateX(-50%); | ||
| 842 | + } | ||
| 843 | + } | ||
| 844 | + | ||
| 845 | + | ||
| 846 | + .list_masonry_b { | ||
| 847 | + width: 100%; | ||
| 848 | + | ||
| 849 | + .footlist_b { | ||
| 850 | + position: relative; | ||
| 851 | + border-top-left-radius: 10rpx; | ||
| 852 | + border-top-right-radius: 10rpx; | ||
| 853 | + | ||
| 854 | + .foot_left_b { | ||
| 855 | + float: left; | ||
| 856 | + width: 50%; | ||
| 857 | + padding: 24rpx 14rpx; | ||
| 858 | + box-sizing: border-box; | ||
| 859 | + | ||
| 860 | + .footbox { | ||
| 861 | + width: 100%; | ||
| 862 | + margin: 0 auto 20rpx; | ||
| 863 | + background: #fff; | ||
| 864 | + position: relative; | ||
| 865 | + border-radius: 20rpx; | ||
| 866 | + | ||
| 867 | + | ||
| 868 | + image { | ||
| 869 | + width: 100%; | ||
| 870 | + border-top-left-radius: 10rpx; | ||
| 871 | + border-top-right-radius: 10rpx; | ||
| 872 | + } | ||
| 873 | + | ||
| 874 | + .text_bx { | ||
| 875 | + width: 100%; | ||
| 876 | + padding: 0 18rpx 20rpx; | ||
| 877 | + box-sizing: border-box; | ||
| 878 | + | ||
| 879 | + .ster_nams { | ||
| 880 | + width: 100%; | ||
| 881 | + font-size: 28rpx; | ||
| 882 | + font-family: PingFang SC, | ||
| 883 | + PingFang SC-Regular; | ||
| 884 | + font-weight: 400; | ||
| 885 | + text-align: left; | ||
| 886 | + color: #06121e; | ||
| 887 | + line-height: 40rpx; | ||
| 888 | + } | ||
| 889 | + | ||
| 890 | + .cen_tite { | ||
| 891 | + width: 100%; | ||
| 892 | + display: flex; | ||
| 893 | + align-items: center; | ||
| 894 | + justify-content: space-between; | ||
| 895 | + padding: 20rpx 0; | ||
| 896 | + box-sizing: border-box; | ||
| 897 | + | ||
| 898 | + | ||
| 899 | + .lis_title { | ||
| 900 | + padding: 5rpx 14rpx; | ||
| 901 | + box-sizing: border-box; | ||
| 902 | + display: flex; | ||
| 903 | + align-items: center; | ||
| 904 | + justify-content: center; | ||
| 905 | + font-size: 22rpx; | ||
| 906 | + color: #fff; | ||
| 907 | + background-color: #F02928; | ||
| 908 | + border-radius: 4rpx; | ||
| 909 | + } | ||
| 910 | + | ||
| 911 | + .stay { | ||
| 912 | + display: flex; | ||
| 913 | + align-items: center; | ||
| 914 | + justify-content: flex-end; | ||
| 915 | + | ||
| 916 | + .numbe { | ||
| 917 | + font-size: 22rpx; | ||
| 918 | + color: #E8370F; | ||
| 919 | + | ||
| 920 | + } | ||
| 921 | + | ||
| 922 | + .ber_name { | ||
| 923 | + font-size: 22rpx; | ||
| 924 | + color: #06121E; | ||
| 925 | + } | ||
| 926 | + } | ||
| 927 | + } | ||
| 928 | + | ||
| 929 | + .price_bx { | ||
| 930 | + width: 100%; | ||
| 931 | + display: flex; | ||
| 932 | + align-items: center; | ||
| 933 | + | ||
| 934 | + .pt { | ||
| 935 | + display: flex; | ||
| 936 | + align-items: baseline; | ||
| 937 | + | ||
| 938 | + .pt_icon { | ||
| 939 | + font-size: 22rpx; | ||
| 940 | + color: #FF4444; | ||
| 941 | + font-weight: 500; | ||
| 942 | + | ||
| 943 | + } | ||
| 944 | + | ||
| 945 | + .pt_price { | ||
| 946 | + font-size: 28rpx; | ||
| 947 | + color: #FF4444; | ||
| 948 | + font-weight: 500; | ||
| 949 | + | ||
| 950 | + } | ||
| 951 | + } | ||
| 952 | + | ||
| 953 | + .del { | ||
| 954 | + margin-left: 30rpx; | ||
| 955 | + font-size: 24rpx; | ||
| 956 | + color: #5B5E63; | ||
| 957 | + text-decoration: line-through; | ||
| 958 | + } | ||
| 959 | + | ||
| 960 | + } | ||
| 961 | + } | ||
| 962 | + } | ||
| 963 | + } | ||
| 964 | + | ||
| 965 | + .foot_right_b { | ||
| 966 | + float: left; | ||
| 967 | + width: 50%; | ||
| 968 | + padding: 24rpx 14rpx; | ||
| 969 | + box-sizing: border-box; | ||
| 970 | + | ||
| 971 | + .footbox { | ||
| 972 | + width: 100%; | ||
| 973 | + margin: 0 auto 20rpx; | ||
| 974 | + background: #fff; | ||
| 975 | + position: relative; | ||
| 976 | + border-radius: 20rpx; | ||
| 977 | + | ||
| 978 | + | ||
| 979 | + image { | ||
| 980 | + width: 100%; | ||
| 981 | + border-top-left-radius: 10rpx; | ||
| 982 | + border-top-right-radius: 10rpx; | ||
| 983 | + } | ||
| 984 | + | ||
| 985 | + .text_bx { | ||
| 986 | + width: 100%; | ||
| 987 | + padding: 0 18rpx 20rpx; | ||
| 988 | + box-sizing: border-box; | ||
| 989 | + | ||
| 990 | + .ster_nams { | ||
| 991 | + width: 100%; | ||
| 992 | + font-size: 28rpx; | ||
| 993 | + font-family: PingFang SC, | ||
| 994 | + PingFang SC-Regular; | ||
| 995 | + font-weight: 400; | ||
| 996 | + text-align: left; | ||
| 997 | + color: #06121e; | ||
| 998 | + line-height: 40rpx; | ||
| 999 | + } | ||
| 1000 | + | ||
| 1001 | + .cen_tite { | ||
| 1002 | + width: 100%; | ||
| 1003 | + display: flex; | ||
| 1004 | + align-items: center; | ||
| 1005 | + justify-content: space-between; | ||
| 1006 | + padding: 20rpx 0; | ||
| 1007 | + box-sizing: border-box; | ||
| 1008 | + | ||
| 1009 | + | ||
| 1010 | + .lis_title { | ||
| 1011 | + padding: 5rpx 14rpx; | ||
| 1012 | + box-sizing: border-box; | ||
| 1013 | + display: flex; | ||
| 1014 | + align-items: center; | ||
| 1015 | + justify-content: center; | ||
| 1016 | + font-size: 22rpx; | ||
| 1017 | + color: #fff; | ||
| 1018 | + background-color: #F02928; | ||
| 1019 | + border-radius: 4rpx; | ||
| 1020 | + } | ||
| 1021 | + | ||
| 1022 | + .stay { | ||
| 1023 | + display: flex; | ||
| 1024 | + align-items: center; | ||
| 1025 | + justify-content: flex-end; | ||
| 1026 | + | ||
| 1027 | + .numbe { | ||
| 1028 | + font-size: 22rpx; | ||
| 1029 | + color: #E8370F; | ||
| 1030 | + | ||
| 1031 | + } | ||
| 1032 | + | ||
| 1033 | + .ber_name { | ||
| 1034 | + font-size: 22rpx; | ||
| 1035 | + color: #06121E; | ||
| 1036 | + } | ||
| 1037 | + } | ||
| 1038 | + } | ||
| 1039 | + | ||
| 1040 | + .price_bx { | ||
| 1041 | + width: 100%; | ||
| 1042 | + display: flex; | ||
| 1043 | + align-items: center; | ||
| 1044 | + | ||
| 1045 | + .pt { | ||
| 1046 | + display: flex; | ||
| 1047 | + align-items: baseline; | ||
| 1048 | + | ||
| 1049 | + .pt_icon { | ||
| 1050 | + font-size: 22rpx; | ||
| 1051 | + color: #FF4444; | ||
| 1052 | + font-weight: 500; | ||
| 1053 | + | ||
| 1054 | + } | ||
| 1055 | + | ||
| 1056 | + .pt_price { | ||
| 1057 | + font-size: 28rpx; | ||
| 1058 | + color: #FF4444; | ||
| 1059 | + font-weight: 500; | ||
| 1060 | + | ||
| 1061 | + } | ||
| 1062 | + } | ||
| 1063 | + | ||
| 1064 | + .del { | ||
| 1065 | + margin-left: 30rpx; | ||
| 1066 | + font-size: 24rpx; | ||
| 1067 | + color: #5B5E63; | ||
| 1068 | + text-decoration: line-through; | ||
| 1069 | + } | ||
| 1070 | + | ||
| 1071 | + } | ||
| 1072 | + } | ||
| 1073 | + } | ||
| 1074 | + | ||
| 1075 | + } | ||
| 1076 | + | ||
| 1077 | + &::after { | ||
| 1078 | + content: ''; | ||
| 1079 | + clear: both; | ||
| 1080 | + display: block; | ||
| 1081 | + } | ||
| 1082 | + } | ||
| 1083 | + } | ||
| 1084 | + } | ||
| 1085 | + } | ||
| 1086 | + } | ||
| 1087 | + | ||
| 1088 | + .down_test { | ||
| 1089 | + width: 100%; | ||
| 1090 | + padding: 28rpx 0; | ||
| 1091 | + box-sizing: border-box; | ||
| 1092 | + color: #8c9198; | ||
| 1093 | + font-size: 28rpx; | ||
| 1094 | + text-align: center; | ||
| 1095 | + | ||
| 1096 | + } | ||
| 1098 | } | 1097 | } |
pages/webview/webview.js
0 → 100644
| 1 | +// pages/webview/webview.js | ||
| 2 | +Page({ | ||
| 3 | + | ||
| 4 | + /** | ||
| 5 | + * 页面的初始数据 | ||
| 6 | + */ | ||
| 7 | + data: { | ||
| 8 | + waiUrl: '' | ||
| 9 | + }, | ||
| 10 | + | ||
| 11 | + /** | ||
| 12 | + * 生命周期函数--监听页面加载 | ||
| 13 | + */ | ||
| 14 | + onLoad: function (options) { | ||
| 15 | + console.log(options) | ||
| 16 | + this.setData({ | ||
| 17 | + waiUrl: options.url | ||
| 18 | + }) | ||
| 19 | + }, | ||
| 20 | + | ||
| 21 | + /** | ||
| 22 | + * 生命周期函数--监听页面初次渲染完成 | ||
| 23 | + */ | ||
| 24 | + onReady: function () { | ||
| 25 | + | ||
| 26 | + }, | ||
| 27 | + | ||
| 28 | + /** | ||
| 29 | + * 生命周期函数--监听页面显示 | ||
| 30 | + */ | ||
| 31 | + onShow: function () { | ||
| 32 | + | ||
| 33 | + }, | ||
| 34 | + | ||
| 35 | + /** | ||
| 36 | + * 生命周期函数--监听页面隐藏 | ||
| 37 | + */ | ||
| 38 | + onHide: function () { | ||
| 39 | + | ||
| 40 | + }, | ||
| 41 | + | ||
| 42 | + /** | ||
| 43 | + * 生命周期函数--监听页面卸载 | ||
| 44 | + */ | ||
| 45 | + onUnload: function () { | ||
| 46 | + | ||
| 47 | + }, | ||
| 48 | + | ||
| 49 | + /** | ||
| 50 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
| 51 | + */ | ||
| 52 | + onPullDownRefresh: function () { | ||
| 53 | + | ||
| 54 | + }, | ||
| 55 | + | ||
| 56 | + /** | ||
| 57 | + * 页面上拉触底事件的处理函数 | ||
| 58 | + */ | ||
| 59 | + onReachBottom: function () { | ||
| 60 | + | ||
| 61 | + }, | ||
| 62 | + | ||
| 63 | + /** | ||
| 64 | + * 用户点击右上角分享 | ||
| 65 | + */ | ||
| 66 | + onShareAppMessage: function () { | ||
| 67 | + | ||
| 68 | + } | ||
| 69 | +}) |
pages/webview/webview.json
0 → 100644
pages/webview/webview.wxml
0 → 100644
| 1 | +<web-view src="{{waiUrl}}" /> |
pages/webview/webview.wxss
0 → 100644
| 1 | +/* pages/webview/webview.wxss */ |
| @@ -100,6 +100,12 @@ | @@ -100,6 +100,12 @@ | ||
| 100 | { | 100 | { |
| 101 | "name": "pages/addcars/addcars", | 101 | "name": "pages/addcars/addcars", |
| 102 | "pathName": "pages/addcars/addcars", | 102 | "pathName": "pages/addcars/addcars", |
| 103 | + "query": "", | ||
| 104 | + "scene": null | ||
| 105 | + }, | ||
| 106 | + { | ||
| 107 | + "name": "pages/homeNoLogin2/homeNoLogin2", | ||
| 108 | + "pathName": "pages/homeNoLogin2/homeNoLogin2", | ||
| 103 | "scene": null | 109 | "scene": null |
| 104 | } | 110 | } |
| 105 | ] | 111 | ] |
| 1 | -// 导出一个封装好的异步请求 | ||
| 2 | -export const request = (params) => { | ||
| 3 | - | ||
| 4 | - wx.showNavigationBarLoading() | ||
| 5 | - const baseUrl = "https://car.goorcar.com/" | ||
| 6 | - return new Promise((resolve, reject) => { | ||
| 7 | - let header = { | ||
| 8 | - // 'XX-Device-Type': 'wxapp', | ||
| 9 | - 'token': wx.getStorageSync("token") || '' | ||
| 10 | - } | ||
| 11 | - header = Object.assign(header) | ||
| 12 | - let that = this; | ||
| 13 | - wx.request({ | ||
| 14 | - ...params, | ||
| 15 | - url: baseUrl + params.url, | ||
| 16 | - data: params.data, | ||
| 17 | - header: header, | ||
| 18 | - success: (res) => { | ||
| 19 | - if (res.data.code == "1") { | ||
| 20 | - resolve(res) | ||
| 21 | - } else { | ||
| 22 | - reject(res.data) | ||
| 23 | - } | ||
| 24 | - | ||
| 25 | - }, | ||
| 26 | - fail: (err) => { | ||
| 27 | - reject(err) | ||
| 28 | - wx.showNavigationBarLoading() | ||
| 29 | - | ||
| 30 | - // wx.hideLoading(); | ||
| 31 | - // wx.showModal({ | ||
| 32 | - // title: '提示', | ||
| 33 | - // showCancel: false, | ||
| 34 | - // content: '请求超时，请重新进入', | ||
| 35 | - // // success: function () { | ||
| 36 | - // // wx.redirectTo({ | ||
| 37 | - // // url: '../scan/scan' | ||
| 38 | - // // }) | ||
| 39 | - // // } | ||
| 40 | - // }) | ||
| 41 | - | ||
| 42 | - }, | ||
| 43 | - complete: function () { | ||
| 44 | - wx.hideNavigationBarLoading() | ||
| 45 | - }, | ||
| 46 | - | ||
| 47 | - }) | ||
| 48 | - }) | ||
| 49 | - | 1 | +// 导出一个封装好的异步请求 |
| 2 | +export const request = (params) => { | ||
| 3 | + wx.showNavigationBarLoading() | ||
| 4 | + const baseUrl = "https://car.goorcar.com/" | ||
| 5 | + return new Promise((resolve, reject) => { | ||
| 6 | + let header = { | ||
| 7 | + 'token': wx.getStorageSync("token") || '' | ||
| 8 | + } | ||
| 9 | + header = Object.assign(header) | ||
| 10 | + let that = this; | ||
| 11 | + wx.request({ | ||
| 12 | + ...params, | ||
| 13 | + url: baseUrl + params.url, | ||
| 14 | + data: params.data, | ||
| 15 | + header: header, | ||
| 16 | + success: (res) => { | ||
| 17 | + if (res.data.code == "1") { | ||
| 18 | + resolve(res) | ||
| 19 | + } else { | ||
| 20 | + reject(res.data) | ||
| 21 | + } | ||
| 22 | + }, | ||
| 23 | + fail: (err) => { | ||
| 24 | + reject(err) | ||
| 25 | + }, | ||
| 26 | + complete: function () { | ||
| 27 | + wx.hideNavigationBarLoading() | ||
| 28 | + }, | ||
| 29 | + | ||
| 30 | + }) | ||
| 31 | + }) | ||
| 50 | } | 32 | } |
-
请 注册 或 登录 后发表评论