|
|
@ -10,18 +10,28 @@ |
|
|
|
<view class="" :style="{paddingTop:StatusBar,position:'relative',}"> |
|
|
|
<view class="" :style="{paddingTop:StatusBar,position:'relative',}"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 定位城市 position:'relative' ,top:StatusBar,--> |
|
|
|
<!-- 定位城市 position:'relative' ,top:StatusBar,--> |
|
|
|
|
|
|
|
<!-- #ifdef MP--> |
|
|
|
<view v-if="!isdisplay" class="city-con dis-flex padleft15" :style="{ height:CustomBar+'px', }"> |
|
|
|
<view v-if="!isdisplay" class="city-con dis-flex padleft15" :style="{ height:CustomBar+'px', }"> |
|
|
|
<view class="addr" @click="goPostion"> |
|
|
|
<view class="addr" @click="goPostion"> |
|
|
|
{{ city }} |
|
|
|
{{ city }} |
|
|
|
<image mode="aspectFit" style="width: 15px;height: 15px;" :src="imagewxUrl+imgadres2"></image> |
|
|
|
<image mode="aspectFit" style="width: 15px;height: 15px;" :src="imagewxUrl+imgadres2"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- #endif --> |
|
|
|
<!-- 顶部导航栏 --> |
|
|
|
<!-- 顶部导航栏 --> |
|
|
|
<view v-if="!isdisplay" class="header" |
|
|
|
<view v-if="!isdisplay" class="header" |
|
|
|
:style="{ position: 'sticky',top:StatusBar,height:Number(CustomBar + 5) +'px',backgroundColor: bgColor,}"> |
|
|
|
:style="{ position: 'sticky',top:StatusBar,height:height,backgroundColor: bgColor,}"> |
|
|
|
|
|
|
|
|
|
|
|
<view :style="{width:width}" class="header-chid"> |
|
|
|
<view :style="{width:width}" class="header-chid"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- #ifdef H5--> |
|
|
|
|
|
|
|
<view v-if="!isdisplay" class=" dis-flex paddtright10 flex-s0" > |
|
|
|
|
|
|
|
<view class="addr" @click="goPostion"> |
|
|
|
|
|
|
|
{{ city }} |
|
|
|
|
|
|
|
<image mode="aspectFit" style="width: 15px;height: 15px;" :src="imagewxUrl+imgadres2"></image> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- #endif --> |
|
|
|
<view class="input-box"> |
|
|
|
<view class="input-box"> |
|
|
|
<input placeholder="搜索门店" placeholder-style="color:#c0c0c0;" @tap="toSearch()" /> |
|
|
|
<input placeholder="搜索门店" placeholder-style="color:#c0c0c0;" @tap="toSearch()" /> |
|
|
|
<view class="icon search"></view> |
|
|
|
<view class="icon search"></view> |
|
|
@ -31,7 +41,7 @@ |
|
|
|
<view class="icon-btn"> |
|
|
|
<view class="icon-btn"> |
|
|
|
<!-- #ifdef MP--> |
|
|
|
<!-- #ifdef MP--> |
|
|
|
<button open-type="contact" style="background-color: transparent;padding: 0px;"> |
|
|
|
<button open-type="contact" style="background-color: transparent;padding: 0px;"> |
|
|
|
<image src="../../../static/img/home/cusser.png" mode="aspectFit" class="icon30" |
|
|
|
<image src="../../../static/img/home/cusser.png" mode="aspectFit" class="icon30 verc" |
|
|
|
style="height: 30px;"></image> |
|
|
|
style="height: 30px;"></image> |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
<!-- #endif --> |
|
|
|
<!-- #endif --> |
|
|
@ -139,7 +149,9 @@ |
|
|
|
<image mode="aspectFill" class="width100" style="border-radius: 5px 5px 0 0;height: 100px;" |
|
|
|
<image mode="aspectFill" class="width100" style="border-radius: 5px 5px 0 0;height: 100px;" |
|
|
|
:src="imageUrl+goods.couponImg"></image> |
|
|
|
:src="imageUrl+goods.couponImg"></image> |
|
|
|
<view class="width96 fcor333 font15 fontwig6">{{goods.couponName}}</view> |
|
|
|
<view class="width96 fcor333 font15 fontwig6">{{goods.couponName}}</view> |
|
|
|
<view class="width94 fcoreb5 font15 fontwig6">¥{{goods.salesPrice}}</view> |
|
|
|
<!-- <view class="width94 fcoreb5 font15 fontwig6">¥{{goods.salesPrice}}</view> --> |
|
|
|
|
|
|
|
<view class="width94 fcoreb5 font15 fontwig6">¥{{goods.discountPrice}}</view> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="width94 alijusnostart mart20" v-if="item.type == 9 "> |
|
|
|
<view class="width94 alijusnostart mart20" v-if="item.type == 9 "> |
|
|
@ -234,10 +246,13 @@ |
|
|
|
isdisplay: true, //是否展示 |
|
|
|
isdisplay: true, //是否展示 |
|
|
|
|
|
|
|
|
|
|
|
StatusBar: this.StatusBar + 'px', |
|
|
|
StatusBar: this.StatusBar + 'px', |
|
|
|
|
|
|
|
// #ifdef MP-WEIXIN |
|
|
|
Custom: this.Custom, |
|
|
|
Custom: this.Custom, |
|
|
|
|
|
|
|
// #endif |
|
|
|
width: '100%', |
|
|
|
width: '100%', |
|
|
|
CustomBar: this.CustomBar, |
|
|
|
CustomBar: this.CustomBar, |
|
|
|
bgColor: '#3da7e7', |
|
|
|
bgColor: '#3da7e7', |
|
|
|
|
|
|
|
height:Number(this.CustomBar + 5) +'px', |
|
|
|
// dhTop:Number(this.StatusBar+this.CustomBar)+'px' |
|
|
|
// dhTop:Number(this.StatusBar+this.CustomBar)+'px' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -254,7 +269,7 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
onPageScroll(obj) { |
|
|
|
onPageScroll(obj) { |
|
|
|
// console.log(obj,"obj") |
|
|
|
// #ifdef MP-WEIXIN |
|
|
|
if (obj.scrollTop >= this.CustomBar) { |
|
|
|
if (obj.scrollTop >= this.CustomBar) { |
|
|
|
this.width = this.Custom.left + 'px'; |
|
|
|
this.width = this.Custom.left + 'px'; |
|
|
|
this.bgColor = "#089bf5"; |
|
|
|
this.bgColor = "#089bf5"; |
|
|
@ -262,6 +277,17 @@ |
|
|
|
this.width = "100%"; |
|
|
|
this.width = "100%"; |
|
|
|
this.bgColor = "#3da7e7"; |
|
|
|
this.bgColor = "#3da7e7"; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// #endif |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// #ifdef H5 |
|
|
|
|
|
|
|
if (obj.scrollTop >= Number(this.CustomBar + 5)) { |
|
|
|
|
|
|
|
this.bgColor = "#089bf5"; |
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
this.bgColor = "#3da7e7"; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// #endif |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
onLoad(options) { |
|
|
|
onLoad(options) { |
|
|
|
let that = this; |
|
|
|
let that = this; |
|
|
@ -828,7 +854,15 @@ |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* #ifdef MP-WEIXIN */ |
|
|
|
padding: 4px 10px 4px 10px; |
|
|
|
padding: 4px 10px 4px 10px; |
|
|
|
|
|
|
|
/* #endif */ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* #ifdef H5 */ |
|
|
|
|
|
|
|
padding:8px 10px; |
|
|
|
|
|
|
|
/* #endif */ |
|
|
|
|
|
|
|
|
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
transition: 0.2s all linear; |
|
|
|
transition: 0.2s all linear; |
|
|
|
} |
|
|
|
} |
|
|
@ -865,8 +899,8 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.icon-btn { |
|
|
|
.icon-btn { |
|
|
|
width: 60upx; |
|
|
|
// width: 60upx; |
|
|
|
height: 60upx; |
|
|
|
// height: 60upx; |
|
|
|
flex-shrink: 0; |
|
|
|
flex-shrink: 0; |
|
|
|
margin-left: 5px; |
|
|
|
margin-left: 5px; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|