修改底部股东按钮的样式问题

src/App.vue

@@ -168,10 +168,10 @@ export default {
     right: 0;
     bottom: 0;
     max-width: 750px;
-    width: 100%;
+    // width: 100%;
     height: 100rpx;
     margin: 0 auto;
-    box-sizing: border-box;
+    // box-sizing: border-box;
     padding: 0 40rpx;
     display: flex;
     align-items: center;

src/pages/get/detail.vue

@@ -113,7 +113,7 @@
                 </view>
             </block>
         </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">
                 <text class="iconfont icon-kefu"></text>
                 <text class="text">客服</text>

src/pages/get/index.vue

@@ -54,7 +54,7 @@
                 </swiper>
             </view>
         </view>
-        <view class="common-bottom-components">
+        <view class="common-bottom-components" :style="{ paddingBottom: pageConfig.safeAreaInsets.bottom + 'px' }">
             <view class="setting-btn" @click="setting">
                 <text class="iconfont icon-shezhi"></text>
                 <text class="text">接单设置</text>
@@ -80,6 +80,7 @@ export default {
     data() {
         return {
             utils: this.$utils,
+            pageConfig: {},
             showPriceModal: false,
             safePt: 0,
             tabIndex: 0,
@@ -122,7 +123,9 @@ export default {
             getTabIndex: (state) => state.system.getTabIndex,
         }),
     },
-    onLoad() {},
+    onLoad() {
+        this.pageConfig = getApp().globalData.pageConfig;
+    },
     onShow() {
         if (this.getTabIndex != this.tabIndex) {
             this.tabIndex = this.getTabIndex;

src/pages/order/detail.vue

@@ -112,7 +112,7 @@
                 <text class="price-box">¥ {{ utils.formatNumber(order.price, 2) }}</text>
             </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">
                 <text class="iconfont icon-kefu"></text>
                 <text class="text">客服</text>