lfs3
7 years ago
7 changed files with 342 additions and 341 deletions
Unified View
Diff Options
-
11app.json
-
123pages/index/index.js
-
44pages/index/index.wxml
-
169pages/index/index.wxss
-
123pages/mall/mall.js
-
44pages/mall/mall.wxml
-
169pages/mall/mall.wxss
@ -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 |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
@ -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> |
|
||||
@ -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;} |
|
||||
@ -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 |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
@ -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> |
||||
@ -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