From 2c39ff1bdc7e1bca36b4ca89f8699af17bd0e3e2 Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Mon, 18 Sep 2023 19:25:06 +0800
Subject: [PATCH] =?UTF-8?q?custom-tab-bar:=20=E5=A2=9E=E5=8A=A0=20+=20?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E6=95=88=E6=9E=9C=EF=BC=8C=E6=89=A9=E6=95=A3?=
 =?UTF-8?q?tab=E7=82=B9=E5=87=BB=E5=8C=BA=E5=9F=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../custom-tab-bar/custom-tab-bar.uvue        |  8 +++----
 .../custom-tab-bar2/custom-tab-bar2.uvue      | 21 ++++++++++++-------
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/pages/template/custom-tab-bar/custom-tab-bar.uvue b/pages/template/custom-tab-bar/custom-tab-bar.uvue
index 5d6cf8ec..f941b81d 100644
--- a/pages/template/custom-tab-bar/custom-tab-bar.uvue
+++ b/pages/template/custom-tab-bar/custom-tab-bar.uvue
@@ -5,15 +5,15 @@
       <tab2 ref="tab2" v-if="tabList[1].init" v-show="selectedIndex==1"></tab2>
     </view>
     <view class="tab-bar">
-      <view class="tab-item">
-        <view ref="tab-item1" class="tab-item-content" @click="onTabClick(0)">
+      <view class="tab-item" @click="onTabClick(0)">
+        <view ref="tab-item1" class="tab-item-content">
           <text class="tab-item-icon tab-item-icon1 uni-icon" :class="selectedIndex==0 ? 'tab-item-text-active' : ''">
             {{'\ue6be'}}
           </text>
         </view>
       </view>
-      <view class="tab-item">
-        <view ref="tab-item2" class="tab-item-content" @click="onTabClick(1)">
+      <view class="tab-item" @click="onTabClick(1)">
+        <view ref="tab-item2" class="tab-item-content">
           <text class="tab-item-icon uni-icon"
             :class="selectedIndex==1 ? 'tab-item-text-active' : ''">{{'\ue699'}}</text>
           <text class="tab-item-text" :class="selectedIndex==1 ? 'tab-item-text-active' : ''">
diff --git a/pages/template/custom-tab-bar2/custom-tab-bar2.uvue b/pages/template/custom-tab-bar2/custom-tab-bar2.uvue
index 762bb2c9..18451940 100644
--- a/pages/template/custom-tab-bar2/custom-tab-bar2.uvue
+++ b/pages/template/custom-tab-bar2/custom-tab-bar2.uvue
@@ -5,8 +5,8 @@
       <tab2 ref="tab2" v-if="tabList[1].init" v-show="selectedIndex==1"></tab2>
     </view>
     <view ref="tabbar" class="tab-bar">
-      <view class="tab-item">
-        <view ref="tab-item1" class="tab-item-content" @click="onTabClick(0)">
+      <view class="tab-item" @click="onTabClick(0)">
+        <view ref="tab-item1" class="tab-item-content">
           <text class="tab-item-icon uni-icon"
             :class="selectedIndex==0 ? 'tab-item-text-active' : ''">{{'\ue644'}}</text>
           <text class="tab-item-text" :class="selectedIndex==0 ? 'tab-item-text-active' : ''">
@@ -16,12 +16,12 @@
       </view>
       <view>
         <image class="concave-image" src="/static/template/custom-tab-bar2/concave.png"></image>
-        <view class="btn-plus">
+        <view class="btn-plus" @click="onPlusClick">
           <text class="btn-plus-text">+</text>
         </view>
       </view>
-      <view class="tab-item">
-        <view ref="tab-item2" class="tab-item-content" @click="onTabClick(1)">
+      <view class="tab-item" @click="onTabClick(1)">
+        <view ref="tab-item2" class="tab-item-content">
           <text class="tab-item-icon uni-icon"
             :class="selectedIndex==1 ? 'tab-item-text-active' : ''">{{'\ue699'}}</text>
           <text class="tab-item-text" :class="selectedIndex==1 ? 'tab-item-text-active' : ''">
@@ -83,6 +83,13 @@
           this.tabList[index].init = true
         }
         this.selectedIndex = index
+      },
+      onPlusClick() {
+        uni.showModal({
+          title: "提示",
+          content: "你点击了 +",
+          showCancel: false
+        })
       }
     }
   }
@@ -161,8 +168,8 @@
     border-radius: 50px;
     background-color: #FE5722;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
-    margin-left: auto;
-    margin-right: auto;
+    /* margin-left: auto;
+    margin-right: auto; */
     margin-top: -35px;
     align-items: center;
     justify-content: center;
-- 
GitLab