custom-tab-bar: 调整 + 号按钮布局，提取到外层，解决事件触发问题。由于绝对定位不支持 margin: auto, 采用了 left:...

custom-tab-bar: 调整 + 号按钮布局，提取到外层，解决事件触发问题。由于绝对定位不支持 margin: auto, 采用了 left: 50%, margin-left: -35px 实现左右居中

pages/template/custom-tab-bar/custom-tab-bar.uvue

@@ -18,11 +18,8 @@
           </text>
         </view>
       </view>
-      <view @click="onPlusClick">
+      <view>
         <image class="concave-image" mode="heightFix" src="/static/template/custom-tab-bar/concave.png"></image>
-        <view class="btn-plus">
-          <text class="btn-plus-text">+</text>
-        </view>
       </view>
       <view class="tab-item" @click="onTabClick(1)">
         <view ref="tab-item2" class="tab-item-content">
@@ -34,6 +31,9 @@
         </view>
       </view>
     </view>
+    <view class="btn-plus" @click="onPlusClick">
+      <text class="btn-plus-text">+</text>
+    </view>
   </view>
 </template>
 
@@ -179,15 +179,14 @@
 
   .btn-plus {
     position: absolute;
-    left: 43px;
+    left: 50%;
     width: 70px;
     height: 70px;
+    bottom: 20px;
     border-radius: 50px;
     background-color: #FE5722;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
-    /* margin-left: auto;
-    margin-right: auto; */
-    margin-top: -35px;
+    margin-left: -35px;
     align-items: center;
     justify-content: center;
     overflow: visible;
@@ -197,4 +196,4 @@
     color: #fff;
     font-size: 32px;
   }
-</style>
\ No newline at end of file
+</style>