Commit bc760195 by songbingqi

修复首页二维码不展示问题 修改首页头图位置大小

parent 92e7a0d3
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<div class="qr_code" v-else> <div class="qr_code" v-else>
<image mode="aspectFit" :src="'/static/imgs/erweimazhedang.png'" class="qr"></image> <image mode="aspectFit" :src="'/static/imgs/erweimazhedang.png'" class="qr"></image>
</div> </div>
<view class="status_text">——制作完成后才能扫哦——</view> <view class="status_text" v-if="showMask">——制作完成后才能扫哦——</view>
<div class="flow_describe"> <div class="flow_describe">
<view class="title">扫码流程</view> <view class="title">扫码流程</view>
<image :mode="'aspectFit'" class="flow_img" :src="'/static/imgs/saomaliucheng.png'"></image> <image :mode="'aspectFit'" class="flow_img" :src="'/static/imgs/saomaliucheng.png'"></image>
...@@ -171,6 +171,10 @@ export default { ...@@ -171,6 +171,10 @@ export default {
margin: 20rpx auto; margin: 20rpx auto;
width: 510rpx; width: 510rpx;
height: 510rpx; height: 510rpx;
.qr {
width: 100%;
height: 100%;
}
} }
.qr_code { .qr_code {
height: 347rpx; height: 347rpx;
......
...@@ -73,7 +73,9 @@ export default { ...@@ -73,7 +73,9 @@ export default {
}, },
buied(val) { buied(val) {
if(val){ if(val){
this.heightStyle['--scroll-height'] = (this.taBarHeight+293)+'rpx' this.heightStyle['--scroll-height'] = (this.taBarHeight+100)+'rpx'
}else{
this.heightStyle['--scroll-height'] = (this.taBarHeight)+'rpx'
} }
} }
}, },
...@@ -455,7 +457,7 @@ export default { ...@@ -455,7 +457,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0rpx 36rpx 0rpx 32rpx; padding: 0rpx 36rpx 0rpx 32rpx;
margin-bottom: 50rpx; margin-bottom: 70rpx;
height: 162rpx; height: 162rpx;
background: #fff; background: #fff;
position: relative; position: relative;
......
...@@ -74,6 +74,7 @@ ...@@ -74,6 +74,7 @@
</view> </view>
</view> </view>
<view class="end-right goSubmmit" @click="saveReserve" v-if="userms"> <view class="end-right goSubmmit" @click="saveReserve" v-if="userms">
付款
</view> </view>
<!-- <view v-if="!userms" class="end-right goSubmmit" style="border-radius: 0;" open-type="getPhoneNumber" @getphonenumber="saveReserve"> <!-- <view v-if="!userms" class="end-right goSubmmit" style="border-radius: 0;" open-type="getPhoneNumber" @getphonenumber="saveReserve">
...@@ -532,14 +533,20 @@ export default { ...@@ -532,14 +533,20 @@ export default {
width: 169rpx; width: 169rpx;
font-size: 32rpx; font-size: 32rpx;
line-height: 92rpx; line-height: 92rpx;
background-color: #006ECF; background-color: #0050F6;
text-align: right; text-align: right;
color: #fff; color: #fff;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
} }
.goSubmmit{ .goSubmmit{
background: url('../../static/imgs/fukuan.png') center center no-repeat; // background: url('../../static/imgs/fukuan.png') center center no-repeat;
text-align: center;
font-size: 28rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 92rpx;
width: 200rpx; width: 200rpx;
height: 100%; height: 100%;
} }
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
props:['select'], props:['select'],
mounted(){ mounted(){
this.BottomSafeHeight = uni.getStorageSync('BottomSafeHeight')||10 this.BottomSafeHeight = uni.getStorageSync('BottomSafeHeight')||10
uni.setStorageSync("taBarHeight",(this.BottomSafeHeight+376)) uni.setStorageSync("taBarHeight",(this.BottomSafeHeight+546))
uni.setStorageSync("shopCar",this.BottomSafeHeight==10?120:(this.BottomSafeHeight+288)/2) uni.setStorageSync("shopCar",this.BottomSafeHeight==10?120:(this.BottomSafeHeight+288)/2)
uni.setStorageSync("orderBottom",(this.BottomSafeHeight+150)) uni.setStorageSync("orderBottom",(this.BottomSafeHeight+150))
this.selectedIndex = Number(this.select) this.selectedIndex = Number(this.select)
......
<template> <template>
<view class="menu-box"> <view class="menu-box">
<view class="menu-banner"> <view class="menu-banner" :style="{'height':buied?'360rpx':'440rpx'}">
<video autoplay muted loop :controls="false" :enable-progress-gesture="false" objectFit='cover' src="http://songclound.oss-cn-hongkong.aliyuncs.com/2022/06/17/b6448829fab53.mp4"></video> <video autoplay muted loop :controls="false" :enable-progress-gesture="false" objectFit='cover' src="http://songclound.oss-cn-hongkong.aliyuncs.com/2022/06/17/b6448829fab53.mp4"></video>
<view class="shop-info" :style="'top:102rpx'"> <view class="shop-info" :style="'top:102rpx'">
<view class="shop-box"> <view class="shop-box">
...@@ -156,6 +156,7 @@ export default { ...@@ -156,6 +156,7 @@ export default {
this.$refs.OrderQrCode.open(this.orderInfo, ""); this.$refs.OrderQrCode.open(this.orderInfo, "");
return; return;
} }
new QRCode('myQrcode2', { new QRCode('myQrcode2', {
text: this.orderInfo.pickCode, text: this.orderInfo.pickCode,
width: 141, //canvas 画布的宽 width: 141, //canvas 画布的宽
...@@ -350,12 +351,12 @@ export default { ...@@ -350,12 +351,12 @@ export default {
} }
.menu-banner { .menu-banner {
height: 376rpx; height: 440rpx;
position: relative; position: relative;
video { video {
width: 100%; width: 100%;
height: 363.83rpx; height: 401rpx;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment