1hjz
/
1hjz-mini
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

加入商城，首页调整

feature/v1.1.0
lfs3 7 years ago
parent
c4da9f0382
commit
5313d40ef6
7 changed files with 342 additions and 341 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      app.json
  2. 123
      pages/index/index.js
  3. 44
      pages/index/index.wxml
  4. 169
      pages/index/index.wxss
  5. 123
      pages/mall/mall.js
  6. 44
      pages/mall/mall.wxml
  7. 169
      pages/mall/mall.wxss

11
app.json
View File

@ -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"
},

123
pages/index/index.js
View File

@ -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
})
}
})

44
pages/index/index.wxml
View File

@ -1,44 +0,0 @@
<view class='header'>
<view class='top-left'>
<picker class='address' bindchange="bindAddrChange" value="{{addrIndex1}}" range="{{addrArray.name}}">
<view>
<text>{{addrArray.name[addrIndex]}}</text>
</view>
</picker>
</view>
<image class='title_img' src='{{img1}}' mode='widthFix'></image>
<view class='top-right'></view>
</view>
<!--banner广告-->
<!-- <swiper indicator-dots="{{indicatorDots}}"
autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
<block wx:for="{{imgUrls}}">
<swiper-item>
<image src="{{item}}" class="slide-image" mode='widthFix'/>
</swiper-item>
</block>
</swiper> -->
<view>
<image src="{{imgUrls[0]}}" class="slide-image" mode='widthFix'/>
</view>
<!--广告栏-->
<navigator url="../detail/detail" hover-class="other-navigator-hover">
<image class="ad1" style='width:100%;' src="{{img2}}" mode='widthFix'></image>
</navigator>
<view class="goods_limit_buy mb10">
<view class="locatLabel_switch swiper-container5">
<view class="swiper-wrapper main_box">
<view class="box swiper-slide" wx:for-items="{{_num == 1?items1:items2}}">
<view wx:if='{{nowDate<item.endedAt}}'>
<view bindtap='loading' data-item='{{item}}'>
<image src="{{item.showImg}}" mode="widthFix"/>
<text class="p1">{{item.name}}</text>
<view class="p4">
<view class='p2'>¥</view>{{item.price/100}}
</view>
</view>
</view>
</view>
</view>
</view>
</view>

169
pages/index/index.wxss
View File

@ -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;}

123
pages/mall/mall.js
View File

@ -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
})
}
})

44
pages/mall/mall.wxml
View File

@ -0,0 +1,44 @@
<view class='header'>
<view class='top-left'>
<picker class='address' bindchange="bindAddrChange" value="{{addrIndex1}}" range="{{addrArray.name}}">
<view>
<text>{{addrArray.name[addrIndex]}}</text>
</view>
</picker>
</view>
<image class='title_img' src='{{img1}}' mode='widthFix'></image>
<view class='top-right'></view>
</view>
<!--banner广告-->
<!-- <swiper indicator-dots="{{indicatorDots}}"
autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
<block wx:for="{{imgUrls}}">
<swiper-item>
<image src="{{item}}" class="slide-image" mode='widthFix'/>
</swiper-item>
</block>
</swiper> -->
<view>
<image src="{{imgUrls[0]}}" class="slide-image" mode='widthFix'/>
</view>
<!--广告栏-->
<navigator url="../detail/detail" hover-class="other-navigator-hover">
<image class="ad1" style='width:100%;' src="{{img2}}" mode='widthFix'></image>
</navigator>
<view class="goods_limit_buy mb10">
<view class="locatLabel_switch swiper-container5">
<view class="swiper-wrapper main_box">
<view class="box swiper-slide" wx:for-items="{{_num == 1?items1:items2}}">
<view wx:if='{{nowDate<item.endedAt}}'>
<view bindtap='loading' data-item='{{item}}'>
<image src="{{item.showImg}}" mode="widthFix"/>
<text class="p1">{{item.name}}</text>
<view class="p4">
<view class='p2'>¥</view>{{item.price/100}}
</view>
</view>
</view>
</view>
</view>
</view>
</view>

169
pages/mall/mall.wxss
View File

@ -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;}
Write Preview
Loading…
Cancel
Save