diff --git a/app.json b/app.json index b1e7e3b..f56b322 100644 --- a/app.json +++ b/app.json @@ -15,11 +15,12 @@ "pages/serviceDesc/serviceDesc", "pages/two_code/two_code", "pages/out/out", - "pages/agreement/agreement" + "pages/agreement/agreement", + "pages/mall/mall" ], "window": { "backgroundTextStyle": "light", - "navigationBarBackgroundColor": "#000", + "navigationBarBackgroundColor": "#21BE8D", "navigationBarTitleText": "白飞飞", "navigationBarTextStyle": "white" }, @@ -29,14 +30,14 @@ "selectedColor": "#06c1ae", "list": [ { - "pagePath": "pages/jz/jz", + "pagePath": "pages/index/index", "text": "首页", "iconPath": "images/index_gray.png", "selectedIconPath": "images/index_green.png" }, { - "pagePath": "pages/order/order", - "text": "订单", + "pagePath": "pages/jz/jz", + "text": "商城", "iconPath": "images/order_gray.png", "selectedIconPath": "images/order_green.png" }, diff --git a/pages/index/index.js b/pages/index/index.js index cb046da..e69de29 100644 --- a/pages/index/index.js +++ b/pages/index/index.js @@ -1,123 +0,0 @@ -// pages/jz/jz.js -//获取应用实例 -const app = getApp() - -Page({ - data: { - imgUrls: [ - '/images/banner1.png' - ], - indicatorDots: true, - autoplay: true, - interval: 5000, - duration: 1000, - price: '399', - img1: '/images/title-icon.png', - img2:'/images/banner2.png', - nowDate: new Date().getTime(), - cityId: 440100000, - _num: 1, - typeNum:10, - addrArray: { id: [440100000, 430426000],name:['广州', '深圳', '上海', '长沙', '武汉', '杭州', '北京']}, - addrIndex: 0, - items1: [ - { goodsNo: "2", merchantNo: "2", name: "5A至臻家-2次", originalPrice: 39900, price: 19900, shortDesc: "首卡体验，每个家庭一次，见证高端品质", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/09/23/thumb_59c5dd3f9d02c.png", soldNum: 2643, totalNum: 999739, type: 11, typeStr: "单月2次体验卡", serviceCount: 2, endedAt: 1596038400000}, - { goodsNo: "2", merchantNo: "2", name: "5A至臻家-2次", originalPrice: 39900, price: 19900, shortDesc: "首卡体验，每个家庭一次，见证高端品质", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/09/23/thumb_59c5dd3f9d02c.png", soldNum: 2643, totalNum: 999739, type: 11, typeStr: "单月2次体验卡", serviceCount: 2, endedAt: 1522742277010}, - ], - items2: [ - { goodsNo: "5", merchantNo: "2", name: "3A舒适家", originalPrice: 519900, price: 519900, shortDesc: "包年套餐，两周一次高端保洁服务", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/10/13/thumb_59e023b5423aa.png", soldNum: 2753, totalNum: 999739, type: 41, typeStr: "3A年卡", serviceCount: 26, endedAt: 1596038400000}, - { goodsNo: "5", merchantNo: "2", name: "3A舒适家", originalPrice: 519900, price: 519900, shortDesc: "包年套餐，两周一次高端保洁服务", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/10/13/thumb_59e023b5423aa.png", soldNum: 2753, totalNum: 999739, type: 41, typeStr: "3A年卡", serviceCount: 26, endedAt: 1596038400000}, - ], - items3: [ - { goodsNo: "2", merchantNo: "2", name: "5A至臻家-2次", originalPrice: 39900, price: 19900, shortDesc: "首卡体验，每个家庭一次，见证高端品质", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/09/23/thumb_59c5dd3f9d02c.png", soldNum: 2643, totalNum: 999739, type: 11, typeStr: "单月4次体验卡" }, - { goodsNo: "2", merchantNo: "2", name: "5A至臻家-2次", originalPrice: 39900, price: 19900, shortDesc: "首卡体验，每个家庭一次，见证高端品质", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/09/23/thumb_59c5dd3f9d02c.png", soldNum: 2643, totalNum: 999739, type: 11, typeStr: "单月4次体验卡" }, - ], - }, - //事件处理函数 - bindViewTap: function () { - wx.navigateTo({ - url: '../logs/logs' - }) - }, - getActive: function (e) { - this.setData({ - _num: e.target.dataset.num - }) - }, - bindAddrChange: function (e) { - this.setData({ - _num: e.detail.value+1, - addrIndex: e.detail.value - }) - wx.request({ - url: 'http://192.168.0.165:9999/mall/web/vgoods/list', - data: { selectedCityId: this.data.addrArray.id[e.detail.value] }, - header: { "Content-Type": "application/json" }, - method: 'GET', - dataType: 'json', - responseType: 'text', - success: function (res) { - console.log(res.response); - }, - fail: function (res) { }, - complete: function (res) { }, - }) - }, - loading: function (e) { - - let str = JSON.stringify(e.currentTarget.dataset.item); - wx.navigateTo({ - url: '../detail/detail?jsonStr=' + str - }) - console.log(str); - }, - loadingClick: function () { - var price = event.currentTarget.dataset.price; - console.log(price); - - var pages = getCurrentPages(); - var currPage = pages[pages.length - 1]; //当前页面 - var prevPage = pages[pages.length]; //下一个页面 - - //直接调用上一个页面的setData()方法，把数据存到下一个页面中去 - prevPage.setData({ - price: price - }); - }, - onLoad: function () { - if (app.globalData.userInfo) { - this.setData({ - userInfo: app.globalData.userInfo, - hasUserInfo: true - }) - } else if (this.data.canIUse) { - // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回 - // 所以此处加入 callback 以防止这种情况 - app.userInfoReadyCallback = res => { - this.setData({ - userInfo: res.userInfo, - hasUserInfo: true - }) - } - } else { - // 在没有 open-type=getUserInfo 版本的兼容处理 - wx.getUserInfo({ - success: res => { - app.globalData.userInfo = res.userInfo - this.setData({ - userInfo: res.userInfo, - hasUserInfo: true - }) - } - }) - } - }, - getUserInfo: function (e) { - console.log(e) - app.globalData.userInfo = e.detail.userInfo - this.setData({ - userInfo: e.detail.userInfo, - hasUserInfo: true - }) - } -}) \ No newline at end of file diff --git a/pages/index/index.wxml b/pages/index/index.wxml index ab04c51..e69de29 100644 --- a/pages/index/index.wxml +++ b/pages/index/index.wxml @@ -1,44 +0,0 @@ - - - - - {{addrArray.name[addrIndex]}} - - - - - - - - - - - - - - - - - - - - - - - {{item.name}} - - ¥{{item.price/100}} - - - - - - - diff --git a/pages/index/index.wxss b/pages/index/index.wxss index 8444416..e69de29 100644 --- a/pages/index/index.wxss +++ b/pages/index/index.wxss @@ -1,169 +0,0 @@ -/* pages/jz/jz.wxss */ -page{ - font-family: PingFang-SC-Bold; - background: #F3F3F3; -} -view{ - font-family: PingFang-SC-Bold; - border: 0; - font-size: 28rpx; - font: inherit; - vertical-align: baseline; -} -swiper{ - height: 400rpx; -} -image{ - width: 100%; -} -.title_img{ - width: 24%; - margin: 10rpx 10%; - display: inline-block; -} -.header{ - width: 100%; - background-color: #26ae76; -} -.top-left,.top-right{ - width: 28%; - display: inline-block; - vertical-align:super; -} -.address{ - font-size: 30rpx; - color:#fff; - margin-left:44rpx; -} -.middle{ - background: #fff; - margin-bottom: 20rpx; -} -.middle_left,.middle_right{ - width: 27%; - display: inline-block; - font-size: 32rpx; - padding: 20rpx 0; - text-align: center; - margin: 10rpx 11% 0; -} -.active{ - color:#26AE76; - border-bottom: 4rpx solid #26AE76; -} -.col-line{ - display: inline-block; - width: 2rpx; - background: #D2D2D2; - height: 52rpx; - vertical-align: middle; -} -.detail-box{ - display: none; - background: #fff; - margin-top: 10rpx; -} -.visible{ - display: block; -} -.img-box{ - display: inline-block; -} -.detail-img{ - width: 140rpx; - height: 140rpx; - margin: 24rpx 28rpx 24rpx 21rpx; -} -.detail-msg{ - display: inline-block; - width: 50%; - font-size: 30rpx; - vertical-align: top; - padding-top: 24rpx; -} -.msg-title{ - font-size: 32rpx; -} -.msg-intro{ - font-size: 26rpx; - color:#999999; - margin:10rpx 0; -} -.msg-price{ - font-size: 36rpx; - color:#EE3030; -} -/* .line{ - height: 10rpx; - width: 100%; - background: #F3F3F3; -} */ -/* .line2{ - height: 10rpx; - width: 100%; - background: #F3F3F3; -} */ -.booking-btn{ - float: right; - width: 160rpx; - height: 60rpx; - margin-top: 64rpx; - margin-right: 30rpx; - background: #26AE76; - border-radius: 4rpx; - color: #fff; - line-height: 60rpx; - text-align: center; - font-size: 32rpx; -} - -/*优惠价格*/ -del{ - color: #c0c0c0;font-size: 28rpx;margin-left: 20rpx;position:absolute;margin-top: 6rpx;font-family: "微软雅黑 Light";font-weight: bold;text-decoration: line-through; -} -/*商品栏*/ -.goods_title{border-bottom: none;text-align: center;padding: 0.6rem 0.8rem;} -.goods_title span{font-weight: bold;} -/*常用服务*/ -.regularly_title{ width:22%; height:41px; line-height:41px; position:relative; margin-left:auto; margin-right:auto; text-align:center; color:#b2bab8;} -.regularly_title .border_top{ width:160%; top:20px;} - -/*商品详情*/ -.goods_limit_buy .swiper-wrapper .swiper-slide{display: inline-block;position: relative;} -.goods_limit_buy .swiper-slide image{width:90%;height: auto;margin: 20rpx auto 0px;} -.goods_limit_buy .swiper-slide .p1{ - font-size: 32rpx; - color: #666; - position: relative; - width: 90%; - margin: 0 auto; -} -.goods_limit_buy .swiper-slide .p2{ - font-size: 32rpx; - display: inline-block; -} -.goods_limit_buy .swiper-slide .p3{font-size: 24rpx;color: #999999;width: 32rpx;margin: 2rpx auto 4rpx} -.goods_limit_buy .swiper-slide .p4{ - color: #ff4040; - font-size: 40rpx; - font-family: '微软雅黑 Light'; - font-weight: bold; - margin: 20rpx 0; -} -.goods_limit_buy .swiper-slide .p5{text-decoration:line-through;color: #c0c0c0;font-size: 28rpx;margin-left: 20rpx;position:absolute;margin-top: 6rpx;font-weight: bold;} -.goods_limit_buy .locatLabel_switch{ width:100%; z-index:1; text-align:center; overflow:hidden; position:relative;} -.goods_limit_buy .locatLabel_switch .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} -.goods_limit_buy .locatLabel_switch .swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;height: 100%;position: relative;text-align: center; - display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} -.goods_limit_buy .locatLabel_switch .box{display:inline-block;line-height:48rpx; font-size:28rpx;background-color: #fff;width: 48%;margin:0 1% 20rpx;box-shadow: 4rpx 6rpx 4rpx #eee;} - -.goods_limit_buy{padding: 0 12rpx;margin-top: 10rpx;} -.combo_type{position: absolute;display: inline-block;padding: 0px 10rpx;border-radius: 10rpx;font-size: 20rpx;line-height: 40rpx;margin-left: 20rpx;color: #fff;white-space: nowrap;} -.middle_banner{margin-bottom: 8rpx;} -.sell_out{position: absolute;width: 36%;z-index: 100;top:16rpx;right: 20rpx;height: auto;} -.main_box{ - display: inline-block;width: 100% -} - -/*广告栏*/ -.ad1{margin-bottom: 4rpx;} \ No newline at end of file diff --git a/pages/mall/mall.js b/pages/mall/mall.js new file mode 100644 index 0000000..76a85b7 --- /dev/null +++ b/pages/mall/mall.js @@ -0,0 +1,123 @@ +// pages/jz/jz.js +//获取应用实例 +const app = getApp() + +Page({ + data: { + imgUrls: [ + '/images/banner1.png' + ], + indicatorDots: true, + autoplay: true, + interval: 5000, + duration: 1000, + price: '399', + img1: '/images/title-icon.png', + img2: '/images/banner2.png', + nowDate: new Date().getTime(), + cityId: 440100000, + _num: 1, + typeNum: 10, + addrArray: { id: [440100000, 430426000], name: ['广州', '深圳', '上海', '长沙', '武汉', '杭州', '北京'] }, + addrIndex: 0, + items1: [ + { goodsNo: "2", merchantNo: "2", name: "5A至臻家-2次", originalPrice: 39900, price: 19900, shortDesc: "首卡体验，每个家庭一次，见证高端品质", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/09/23/thumb_59c5dd3f9d02c.png", soldNum: 2643, totalNum: 999739, type: 11, typeStr: "单月2次体验卡", serviceCount: 2, endedAt: 1596038400000 }, + { goodsNo: "2", merchantNo: "2", name: "5A至臻家-2次", originalPrice: 39900, price: 19900, shortDesc: "首卡体验，每个家庭一次，见证高端品质", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/09/23/thumb_59c5dd3f9d02c.png", soldNum: 2643, totalNum: 999739, type: 11, typeStr: "单月2次体验卡", serviceCount: 2, endedAt: 1522742277010 }, + ], + items2: [ + { goodsNo: "5", merchantNo: "2", name: "3A舒适家", originalPrice: 519900, price: 519900, shortDesc: "包年套餐，两周一次高端保洁服务", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/10/13/thumb_59e023b5423aa.png", soldNum: 2753, totalNum: 999739, type: 41, typeStr: "3A年卡", serviceCount: 26, endedAt: 1596038400000 }, + { goodsNo: "5", merchantNo: "2", name: "3A舒适家", originalPrice: 519900, price: 519900, shortDesc: "包年套餐，两周一次高端保洁服务", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/10/13/thumb_59e023b5423aa.png", soldNum: 2753, totalNum: 999739, type: 41, typeStr: "3A年卡", serviceCount: 26, endedAt: 1596038400000 }, + ], + items3: [ + { goodsNo: "2", merchantNo: "2", name: "5A至臻家-2次", originalPrice: 39900, price: 19900, shortDesc: "首卡体验，每个家庭一次，见证高端品质", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/09/23/thumb_59c5dd3f9d02c.png", soldNum: 2643, totalNum: 999739, type: 11, typeStr: "单月4次体验卡" }, + { goodsNo: "2", merchantNo: "2", name: "5A至臻家-2次", originalPrice: 39900, price: 19900, shortDesc: "首卡体验，每个家庭一次，见证高端品质", showImg: "http://medou.oss-cn-shenzhen.aliyuncs.com/1hjz/goods/2017/09/23/thumb_59c5dd3f9d02c.png", soldNum: 2643, totalNum: 999739, type: 11, typeStr: "单月4次体验卡" }, + ], + }, + //事件处理函数 + bindViewTap: function () { + wx.navigateTo({ + url: '../logs/logs' + }) + }, + getActive: function (e) { + this.setData({ + _num: e.target.dataset.num + }) + }, + bindAddrChange: function (e) { + this.setData({ + _num: e.detail.value + 1, + addrIndex: e.detail.value + }) + wx.request({ + url: 'http://192.168.0.165:9999/mall/web/vgoods/list', + data: { selectedCityId: this.data.addrArray.id[e.detail.value] }, + header: { "Content-Type": "application/json" }, + method: 'GET', + dataType: 'json', + responseType: 'text', + success: function (res) { + console.log(res.response); + }, + fail: function (res) { }, + complete: function (res) { }, + }) + }, + loading: function (e) { + + let str = JSON.stringify(e.currentTarget.dataset.item); + wx.navigateTo({ + url: '../detail/detail?jsonStr=' + str + }) + console.log(str); + }, + loadingClick: function () { + var price = event.currentTarget.dataset.price; + console.log(price); + + var pages = getCurrentPages(); + var currPage = pages[pages.length - 1]; //当前页面 + var prevPage = pages[pages.length]; //下一个页面 + + //直接调用上一个页面的setData()方法，把数据存到下一个页面中去 + prevPage.setData({ + price: price + }); + }, + onLoad: function () { + if (app.globalData.userInfo) { + this.setData({ + userInfo: app.globalData.userInfo, + hasUserInfo: true + }) + } else if (this.data.canIUse) { + // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回 + // 所以此处加入 callback 以防止这种情况 + app.userInfoReadyCallback = res => { + this.setData({ + userInfo: res.userInfo, + hasUserInfo: true + }) + } + } else { + // 在没有 open-type=getUserInfo 版本的兼容处理 + wx.getUserInfo({ + success: res => { + app.globalData.userInfo = res.userInfo + this.setData({ + userInfo: res.userInfo, + hasUserInfo: true + }) + } + }) + } + }, + getUserInfo: function (e) { + console.log(e) + app.globalData.userInfo = e.detail.userInfo + this.setData({ + userInfo: e.detail.userInfo, + hasUserInfo: true + }) + } +}) \ No newline at end of file diff --git a/pages/mall/mall.wxml b/pages/mall/mall.wxml new file mode 100644 index 0000000..cabc717 --- /dev/null +++ b/pages/mall/mall.wxml @@ -0,0 +1,44 @@ + + + + + {{addrArray.name[addrIndex]}} + + + + + + + + + + + + + + + + + + + + + + + {{item.name}} + + ¥{{item.price/100}} + + + + + + + diff --git a/pages/mall/mall.wxss b/pages/mall/mall.wxss new file mode 100644 index 0000000..a32775a --- /dev/null +++ b/pages/mall/mall.wxss @@ -0,0 +1,169 @@ +/* pages/jz/jz.wxss */ +page{ + font-family: PingFang-SC-Bold; + background: #F3F3F3; +} +view{ + font-family: PingFang-SC-Bold; + border: 0; + font-size: 28rpx; + font: inherit; + vertical-align: baseline; +} +swiper{ + height: 400rpx; +} +image{ + width: 100%; +} +.title_img{ + width: 24%; + margin: 10rpx 10%; + display: inline-block; +} +.header{ + width: 100%; + background-color: #26ae76; +} +.top-left,.top-right{ + width: 28%; + display: inline-block; + vertical-align:super; +} +.address{ + font-size: 30rpx; + color:#fff; + margin-left:44rpx; +} +.middle{ + background: #fff; + margin-bottom: 20rpx; +} +.middle_left,.middle_right{ + width: 27%; + display: inline-block; + font-size: 32rpx; + padding: 20rpx 0; + text-align: center; + margin: 10rpx 11% 0; +} +.active{ + color:#26AE76; + border-bottom: 4rpx solid #26AE76; +} +.col-line{ + display: inline-block; + width: 2rpx; + background: #D2D2D2; + height: 52rpx; + vertical-align: middle; +} +.detail-box{ + display: none; + background: #fff; + margin-top: 10rpx; +} +.visible{ + display: block; +} +.img-box{ + display: inline-block; +} +.detail-img{ + width: 140rpx; + height: 140rpx; + margin: 24rpx 28rpx 24rpx 21rpx; +} +.detail-msg{ + display: inline-block; + width: 50%; + font-size: 30rpx; + vertical-align: top; + padding-top: 24rpx; +} +.msg-title{ + font-size: 32rpx; +} +.msg-intro{ + font-size: 26rpx; + color:#999999; + margin:10rpx 0; +} +.msg-price{ + font-size: 36rpx; + color:#EE3030; +} +/* .line{ + height: 10rpx; + width: 100%; + background: #F3F3F3; +} */ +/* .line2{ + height: 10rpx; + width: 100%; + background: #F3F3F3; +} */ +.booking-btn{ + float: right; + width: 160rpx; + height: 60rpx; + margin-top: 64rpx; + margin-right: 30rpx; + background: #26AE76; + border-radius: 4rpx; + color: #fff; + line-height: 60rpx; + text-align: center; + font-size: 32rpx; +} + +/*优惠价格*/ +del{ + color: #c0c0c0;font-size: 28rpx;margin-left: 20rpx;position:absolute;margin-top: 6rpx;font-family: "微软雅黑 Light";font-weight: bold;text-decoration: line-through; +} +/*商品栏*/ +.goods_title{border-bottom: none;text-align: center;padding: 0.6rem 0.8rem;} +.goods_title span{font-weight: bold;} +/*常用服务*/ +.regularly_title{ width:22%; height:41px; line-height:41px; position:relative; margin-left:auto; margin-right:auto; text-align:center; color:#b2bab8;} +.regularly_title .border_top{ width:160%; top:20px;} + +/*商品详情*/ +.goods_limit_buy .swiper-wrapper .swiper-slide{display: inline-block;position: relative;} +.goods_limit_buy .swiper-slide image{width:90%;height: auto;margin: 20rpx auto 0px;} +.goods_limit_buy .swiper-slide .p1{ + font-size: 32rpx; + color: #666; + position: relative; + width: 90%; + margin: 0 auto; +} +.goods_limit_buy .swiper-slide .p2{ + font-size: 32rpx; + display: inline-block; +} +.goods_limit_buy .swiper-slide .p3{font-size: 24rpx;color: #999999;width: 32rpx;margin: 2rpx auto 4rpx} +.goods_limit_buy .swiper-slide .p4{ + color: #ff4040; + font-size: 40rpx; + font-family: '微软雅黑 Light'; + font-weight: bold; + margin: 20rpx 0; +} +.goods_limit_buy .swiper-slide .p5{text-decoration:line-through;color: #c0c0c0;font-size: 28rpx;margin-left: 20rpx;position:absolute;margin-top: 6rpx;font-weight: bold;} +.goods_limit_buy .locatLabel_switch{ width:100%; z-index:1; text-align:center; overflow:hidden; position:relative;} +.goods_limit_buy .locatLabel_switch .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} +.goods_limit_buy .locatLabel_switch .swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;height: 100%;position: relative;text-align: center; + display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} +.goods_limit_buy .locatLabel_switch .box{display:inline-block;line-height:48rpx; font-size:28rpx;background-color: #fff;width: 48%;margin:0 1% 20rpx;box-shadow: 4rpx 6rpx 4rpx #eee;} + +.goods_limit_buy{padding: 0 12rpx;margin-top: 10rpx;} +.combo_type{position: absolute;display: inline-block;padding: 0px 10rpx;border-radius: 10rpx;font-size: 20rpx;line-height: 40rpx;margin-left: 20rpx;color: #fff;white-space: nowrap;} +.middle_banner{margin-bottom: 8rpx;} +.sell_out{position: absolute;width: 36%;z-index: 100;top:16rpx;right: 20rpx;height: auto;} +.main_box{ + display: inline-block;width: 100% +} + +/*广告栏*/ +.ad1{margin-bottom: 4rpx;} \ No newline at end of file