修改页面底部固定按钮位置
This commit is contained in:
parent
4173ba1ec2
commit
b2277dd1c3
|
@ -159,10 +159,10 @@ export default {
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
max-width: 750px;
|
max-width: 750px;
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
padding: 0 40rpx;
|
padding: 0 40rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
<view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
||||||
<view class="btn get-wechat-address" @click="getWechatAddress">
|
<view class="btn get-wechat-address" @click="getWechatAddress">
|
||||||
<text class="text">获取微信收货地址</text>
|
<text class="text">获取微信收货地址</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
@ -169,7 +169,7 @@
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
<view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
||||||
<text class="price">¥ {{ utils.formatNumber(total, 2) }}</text>
|
<text class="price">¥ {{ utils.formatNumber(total, 2) }}</text>
|
||||||
<view class="btn" @click="submit">
|
<view class="btn" @click="submit">
|
||||||
<div class="text">立即发布</div>
|
<div class="text">立即发布</div>
|
||||||
|
|
|
@ -56,7 +56,7 @@
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
<view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
||||||
<text class="price">¥ {{ utils.formatNumber(total) }}</text>
|
<text class="price">¥ {{ utils.formatNumber(total) }}</text>
|
||||||
<view class="pay" @click="pay">
|
<view class="pay" @click="pay">
|
||||||
<div class="text">去支付</div>
|
<div class="text">去支付</div>
|
||||||
|
|
|
@ -158,7 +158,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
<view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
||||||
<view class="service" @click="showService = true">
|
<view class="service" @click="showService = true">
|
||||||
<text class="iconfont icon-kefu"></text>
|
<text class="iconfont icon-kefu"></text>
|
||||||
<text class="text">客服</text>
|
<text class="text">客服</text>
|
||||||
|
|
|
@ -45,7 +45,7 @@
|
||||||
</view>
|
</view>
|
||||||
</div>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
<view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
<view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
||||||
<view class="price">
|
<view class="price">
|
||||||
<text class="text">¥{{ detail.price }}</text>
|
<text class="text">¥{{ detail.price }}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
@ -10,7 +10,7 @@
|
||||||
:activeId="currentId"
|
:activeId="currentId"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
<view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
<view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
||||||
<view class="cart" @click="utils.toPage('/pages/service/cart')">
|
<view class="cart" @click="utils.toPage('/pages/service/cart')">
|
||||||
<view class="cart-icon">
|
<view class="cart-icon">
|
||||||
<text class="iconfont icon-gouwuche"></text>
|
<text class="iconfont icon-gouwuche"></text>
|
||||||
|
|
|
@ -88,7 +88,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="common-bottom-components" :style="{ bottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
<view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
|
||||||
<text class="price">¥ {{ utils.formatNumber(total) }}</text>
|
<text class="price">¥ {{ utils.formatNumber(total) }}</text>
|
||||||
<view class="btn" @click="submit">
|
<view class="btn" @click="submit">
|
||||||
<div class="text">立即支付</div>
|
<div class="text">立即支付</div>
|
||||||
|
|
Loading…
Reference in New Issue