diff --git a/pages/template/custom-tab-bar/custom-tab-bar.uvue b/pages/template/custom-tab-bar/custom-tab-bar.uvue
index 7c04890f89952579f100fdc043cc78ebbfd3b156..fd94a2aefdb5fc6bcb7900a32291bb239a779c17 100644
--- a/pages/template/custom-tab-bar/custom-tab-bar.uvue
+++ b/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>