From 1ece6dada56e2fce39a3d45e5132964bbb5fe8e6 Mon Sep 17 00:00:00 2001
From: zhenyuWang <13641039885@163.com>
Date: Sun, 7 Jul 2024 11:35:37 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BF=AE=E5=A4=8D=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E8=AD=A6=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/tabBar/API.uvue       | 18 ++++++++--------
 pages/tabBar/CSS.uvue       | 18 ++++++++--------
 pages/tabBar/component.uvue | 43 +++++++++++++++++++------------------
 3 files changed, 40 insertions(+), 39 deletions(-)

diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue
index 008e4e18..116cd43b 100644
--- a/pages/tabBar/API.uvue
+++ b/pages/tabBar/API.uvue
@@ -12,21 +12,21 @@
           :inWhiteList="true"></u-link>
       </view>
      <uni-collapse>
-       <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem!.name"
+       <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem.name"
          class="item">
-         <view v-for="page in menuItem!.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
-           @click="goPage(`/${page!.path}`)">
+         <view v-for="page in menuItem.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
+           @click="goPage(`/${page.path}`)">
            <text class="uni-navigate-text">{{
-               page!.style["navigationBarTitleText"]
+               page.style["navigationBarTitleText"]
              }}</text>
            <image :src="arrowRightIcon" class="uni-icon-size"></image>
          </view>
-         <uni-collapse style="width: 100%" v-for="childMenu in menuItem!.children" :key="childMenu!.id">
-           <uni-collapse-item :title="childMenu!.name" class="item" style="margin-bottom: 0">
-             <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu!.pages"
-               :key="childPage!.path" @click="goPage(`/${childPage!.path}`)">
+         <uni-collapse style="width: 100%" v-for="childMenu in menuItem.children" :key="childMenu!.id">
+           <uni-collapse-item :title="childMenu.name" class="item" style="margin-bottom: 0">
+             <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu.pages"
+               :key="childPage!.path" @click="goPage(`/${childPage.path}`)">
                <text class="uni-navigate-text">{{
-                   childPage!.style["navigationBarTitleText"]
+                   childPage.style["navigationBarTitleText"]
                  }}</text>
                <image :src="arrowRightIcon" class="uni-icon-size"></image>
              </view>
diff --git a/pages/tabBar/CSS.uvue b/pages/tabBar/CSS.uvue
index a00580cf..2577cc0d 100644
--- a/pages/tabBar/CSS.uvue
+++ b/pages/tabBar/CSS.uvue
@@ -12,21 +12,21 @@
           :inWhiteList="true"></u-link>
       </view>
       <uni-collapse>
-        <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem!.name"
+        <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem.name"
           class="item">
-          <view v-for="page in menuItem!.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
-            @click="goPage(`/${page!.path}`)">
+          <view v-for="page in menuItem.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
+            @click="goPage(`/${page.path}`)">
             <text class="uni-navigate-text">{{
-                page!.style["navigationBarTitleText"]
+                page.style["navigationBarTitleText"]
               }}</text>
             <image :src="arrowRightIcon" class="uni-icon-size"></image>
           </view>
-          <uni-collapse style="width: 100%" v-for="childMenu in menuItem!.children" :key="childMenu!.id">
-            <uni-collapse-item :title="childMenu!.name" class="item" style="margin-bottom: 0">
-              <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu!.pages"
-                :key="childPage!.path" @click="goPage(`/${childPage!.path}`)">
+          <uni-collapse style="width: 100%" v-for="childMenu in menuItem.children" :key="childMenu!.id">
+            <uni-collapse-item :title="childMenu.name" class="item" style="margin-bottom: 0">
+              <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu.pages"
+                :key="childPage!.path" @click="goPage(`/${childPage.path}`)">
                 <text class="uni-navigate-text">{{
-                    childPage!.style["navigationBarTitleText"]
+                    childPage.style["navigationBarTitleText"]
                   }}</text>
                 <image :src="arrowRightIcon" class="uni-icon-size"></image>
               </view>
diff --git a/pages/tabBar/component.uvue b/pages/tabBar/component.uvue
index f55baee9..e733d859 100644
--- a/pages/tabBar/component.uvue
+++ b/pages/tabBar/component.uvue
@@ -11,27 +11,28 @@
         <u-link :href="'https://uniapp.dcloud.io/uni-app-x/component/'"
           :text="'https://uniapp.dcloud.io/uni-app-x/component/'" :inWhiteList="true"></u-link>
       </view>
-      <uni-collapse>
-        <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem!.name" class="item">
-          <view v-for="page in menuItem!.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
-            @click="goPage(`/${page!.path}`)">
-            <text class="uni-navigate-text">{{
-                page!.style["navigationBarTitleText"]
-            }}</text>
-            <image :src="arrowRightIcon" class="uni-icon-size"></image>
-          </view>
-          <uni-collapse style="width: 100%" v-for="childMenu in menuItem!.children" :key="childMenu!.id">
-            <uni-collapse-item :title="childMenu!.name" class="item" style="margin-bottom: 0">
-              <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu!.pages"
-                :key="childPage!.path" @click="goPage(`/${childPage!.path}`)">
-                <text class="uni-navigate-text">{{
-                    childPage!.style["navigationBarTitleText"]
-                }}</text>
-                <image :src="arrowRightIcon" class="uni-icon-size"></image>
-              </view>
-            </uni-collapse-item>
-          </uni-collapse>
-        </uni-collapse-item>
+      <uni-collapse>
+        <uni-collapse-item v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem.name"
+          class="item">
+          <view v-for="page in menuItem.pages" :key="page!.path" class="uni-navigate-item" hover-class="is--active"
+            @click="goPage(`/${page.path}`)">
+            <text class="uni-navigate-text">{{
+                page.style["navigationBarTitleText"]
+              }}</text>
+            <image :src="arrowRightIcon" class="uni-icon-size"></image>
+          </view>
+          <uni-collapse style="width: 100%" v-for="childMenu in menuItem.children" :key="childMenu!.id">
+            <uni-collapse-item :title="childMenu.name" class="item" style="margin-bottom: 0">
+              <view class="uni-navigate-item" hover-class="is--active" v-for="childPage in childMenu.pages"
+                :key="childPage!.path" @click="goPage(`/${childPage.path}`)">
+                <text class="uni-navigate-text">{{
+                    childPage.style["navigationBarTitleText"]
+                  }}</text>
+                <image :src="arrowRightIcon" class="uni-icon-size"></image>
+              </view>
+            </uni-collapse-item>
+          </uni-collapse>
+        </uni-collapse-item>
       </uni-collapse>
 
       <!-- #ifdef UNI-APP-X && APP -->
-- 
GitLab