From 060b4553ed9a06c8a53d9f89caa924bb73bb0c58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E9=B9=8F?= <fanpeng@star-lock.cn>
Date: Tue, 31 Dec 2024 18:53:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=BF=87=E6=BB=A4pages=E4=B8=AD?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                                |   8 ++--
 .../application-list/application-list.vue     |   7 +++
 src/pages/home/CustomTab.vue                  |  40 ++++++++++++++----
 src/pages/home/home.vue                       |   3 +-
 src/static/images/bg_table.png                | Bin 0 -> 513 bytes
 src/static/images/icon_table_menu.png         | Bin 0 -> 1862 bytes
 src/types/uni-pages.d.ts                      |   2 +-
 vite.config.ts                                |   2 +-
 8 files changed, 45 insertions(+), 17 deletions(-)
 create mode 100644 src/pages/application-list/application-list.vue
 create mode 100644 src/static/images/bg_table.png
 create mode 100644 src/static/images/icon_table_menu.png

diff --git a/src/pages.json b/src/pages.json
index db2c4f6..830b295 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -58,6 +58,10 @@
         "navigationBarTitleText": "首页"
       }
     },
+    {
+      "path": "pages/application-list/application-list",
+      "type": "page"
+    },
     {
       "path": "pages/code/code",
       "type": "page",
@@ -74,10 +78,6 @@
         "disableScroll": true
       }
     },
-    {
-      "path": "pages/home/CustomTab",
-      "type": "page"
-    },
     {
       "path": "pages/login/login",
       "type": "page",
diff --git a/src/pages/application-list/application-list.vue b/src/pages/application-list/application-list.vue
new file mode 100644
index 0000000..126a836
--- /dev/null
+++ b/src/pages/application-list/application-list.vue
@@ -0,0 +1,7 @@
+<template>
+  <view></view>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/home/CustomTab.vue b/src/pages/home/CustomTab.vue
index feedb58..6db1a09 100644
--- a/src/pages/home/CustomTab.vue
+++ b/src/pages/home/CustomTab.vue
@@ -1,6 +1,18 @@
 <template>
-  <view class="m-2 p-2 bg-white rounded-2">
-    <wd-tabs v-model="tab" auto-line-width swipeable animated>
+  <view class="m-2 p-2 bg-white rounded-2 pos-relative">
+    <image
+      @click="clickMenu"
+      src="/static/images/icon_table_menu.png"
+      class="w-6 h-6 pos-absolute right-1 top-3 p-1 z-10"
+    ></image>
+    <wd-tabs
+      v-model="tab"
+      auto-line-width
+      swipeable
+      animated
+      color="#0d100e"
+      inactiveColor="#838383"
+    >
       <wd-tab v-for="(item, index) in list" :key="index" :title="item.title" :name="index">
         <view class="flex flex-wrap">
           <view
@@ -19,13 +31,15 @@
 </template>
 
 <script setup lang="ts">
+  defineOptions({
+    options: {
+      styleIsolation: 'shared'
+    }
+  })
+
   const tab = ref<number>(0)
 
   const props = defineProps({
-    index: {
-      type: Number,
-      default: 0
-    },
     list: {
       type: Array<HomeTab>,
       required: true
@@ -34,11 +48,19 @@
 
   const emits = defineEmits(['clickItem'])
 
-  onMounted(() => {
-    tab.value = props.index
-  })
+  const clickMenu = () => {
+    uni.navigateTo({
+      url: '/pages/application-list/application-list'
+    })
+  }
 
   const clickItem = (item: HomeTabItem) => {
     emits('clickItem', item)
   }
 </script>
+
+<style>
+  :deep(.wd-tabs__nav--wrap) {
+    margin-right: 30px;
+  }
+</style>
diff --git a/src/pages/home/home.vue b/src/pages/home/home.vue
index b39176d..72aaa46 100644
--- a/src/pages/home/home.vue
+++ b/src/pages/home/home.vue
@@ -9,9 +9,8 @@
 <template>
   <view class="custom-bg-default">
     <TopNavigation :title="appName"></TopNavigation>
-    <TopNavigation mini :title="appName"></TopNavigation>
     <button class="mt-12" @click="toLogin">去登录</button>
-    <CustomTab class="mt-10" :list="featuresList" :index="2" @clickItem="clickItem"></CustomTab>
+    <CustomTab class="mt-10" :list="featuresList" @clickItem="clickItem"></CustomTab>
     <view class="pt-10">
       <CustomTabBar :list="list" :default-index="1" @change="change"></CustomTabBar>
     </view>
diff --git a/src/static/images/bg_table.png b/src/static/images/bg_table.png
new file mode 100644
index 0000000000000000000000000000000000000000..565f0b29436bd8563bfca54f33dddefa49c74294
GIT binary patch
literal 513
zcmeAS@N?(olHy`uVBq!ia0vp^8-O^1gBeIB)%7+5DdPa25LY0bP}@xsTD|W4YM?g3
zk|4ie28V=({r~#|=D!!XZ*X3rVErZauZI~J7;`*b978G?-`--~w8B8Z<zk=7NtGM_
z%zwwuljgY)dPh`d4o8{pktxRZvVNL8^(%xP1obZA+OhPUuk2aVyf+o=_$*3-IPS0o
zaoYGzVG>^~Vo|jH%ASzVL1(>pm<Ms+@!^@XlGX1D(|Hl*bi;y$5<9vZm5&~X<%!W?
zJD2oeX3_&!UYpLw^sYv6(+{iI%nU#H7#0LFtAjY_vJ!%sKO5hDAYId(|ABYk!C2lo
zR}W0pORboC<v^nz?}t?vm$D|U?_}7x+%M<XT;V@iap&h;*|GDEx6!`uN4T!9x-7f!
z^G4&XYuPz3SRFOq;#b&O?f8a;`RYTyu$zlgc-=!{?j7W+7t!WhRr)S4-(uCp9k$XB
zCp^xTDNG4Gvpd#?A?Ok7@$fSb>k4w;{D~4P@XLJ~J}Yfbm`S_5-1VrZ&rd1)>7~@|
zkt=L;DtqutOzXbBd&~;4@O`2F#_Phmw|-ul6Pp&ZMJ(v-|C`gUhkQF)$KEN_vi*!<
Sy9h8+7(8A5T-G@yGywpuy4)`S

literal 0
HcmV?d00001

diff --git a/src/static/images/icon_table_menu.png b/src/static/images/icon_table_menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9195537f6f8b5dabaa98fd8ad0cc6c340abd0ef
GIT binary patch
literal 1862
zcmV-M2f6r(P)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00001b5ch_0Itp)
z=>Px+07*naRCr$Po!x%iCJ@C@uH$6isL7KhezLf4w26D&ZP~0`RV!eI`Cz;p-^9Nd
z2{`A^3_=oG5`LyuV41r2=zIbIlS2Ri0Knu5Ox}G&001z#0+V+i5dZ*8uE6BoM+5)>
zlPfTJ_YnaAz~l-{-hD&>05G`%lXo8x002y`fI;^^o=#srr1a(QlwR`b|2m(q|3>^l
z1W<D2)9Lj6a!KDRr+c|9={Xt<06+);!TA5xuq^5M*ZKTiSgqRO06-um*ZfUYVWNQ>
z068xTw5}dHBCHC`f9uO-Nnb~_eJiFJ0P95Pa!G%rl+4WEj;j2-N1oL%e{J_@2uuLb
z6sRX^SmxPQ-}ZIqfw26Z92N(`NC?ycXbIF~Xy-BNdA8BFm)D=?ucfxObQuMKDgaNP
zPd}W(J(Y>7Db$nXauV~`dLlxg20*KG9I-XaYNP`V^P@tb0>CZL<<WollMTrKX?5+p
zUR~7ktR%c@njaAY6#z=1Ut{!fqCv^5-ga1+9}NO604@hcspVe{2ws1lS$(xMKN18i
zQI3o#g?~xd<ruy%TWSvn01xw{Kwt&{M{tSZN5?*WKHWtmY8vn~KLP||01AQ)3ID60
zM{^Pi03*yF4FLeSIWW@vkq`g?r9~dCG}c;A(VkmP4?u*GzlX;Yf~f(hEnxk-q&;*V
z;|1o_095W>3^kuJC!kDfDQRh104gIag!vQ*G%mHL1)wzgHAJP1JWd(yCGKtAGXrq9
zSfo9}=9t_nD_PvCoqI|EG?t57hH3xZYQb$v0IbB+Hhp`(QW}t^EC8@kSt_O_09H|J
zN&uqW!K8pwn6!$oSf&IZ3vM;3qL|4oQ(3SA0EOGZcMqrT7fzx)#YBOj)K-nFmT4nE
zZK+jjm5pL<tBmz(<+K1~;iE%Pd(2*A^k)sG2B0(-SV!f^NKi9hvt82z(7N@iDRwK|
zuYYg6U?ZORVJUd$L?j42%|{B@fDi!!Z}TkyNF!I(j2;S2mg!)G`6>WdEm2bQWnmql
z`%d48NHEHL6#$~Gs%hLb@q}Qc`KAEmlWSe8Qlo+9lBov-qs><XAi{!*MH?(3h+w`N
z0Ida;+X#MHmh>leG*inF_8<~nH(Nju#e7u&T0&6`)h?%zhFX2&TpdI*UloAX+Pb!}
zl=E?nX`N34f@tQe1CUSHc-f+*v)bP^&0ibU3jtxLFj1P4h$g-lP^x^?hEW#AZ~NGS
zAiq&`y8?R78%AG$Z|osl+g(gzF6CG=0M^QP8%9#v#458+Ec4FXUb}7*AfWbP*vMZS
zXbu2XiT74c0fOP?o6G^;n~{?C5_0?D>8;Zgr%#9g9JLB%Inf}J`G^1t=5OaZS3&=q
z@U43Tzb$}S?Ug9$1|on&y$3iJ06c(+k}kLb@F*XQu<D1`CF~v+GXNgtgAun0-ot(L
z!gL*gGb@&auhOv^Gwny{14Uca2+(_7OlfFGneGopj5dGM*X}-0^-=|3)cSv=v+UKj
zK<2-7%klwRH2@+CcfBrWe5WtUoy@z58lw-?k*_)jXzjO`Z`fGftkL{n#L+9`Z$d5U
zd1N0rAafv4i2zYvwU+FrRf%BiG{P}pU$z!WEmDCN0Pp^T5s|iyD?y;~c$@k<K(y^v
zdS6sI3jY>@Q=@~|4kqFV&?`7qh@Ns>@uEST``r6_8&@we0EKYnnm6~I=86{)VlQ0*
zK;=PJi%A!CgaQDnQU~P_0qEi(0w4m=X*nwC6{<L`L<FF#g$RHMK&J%}K&BPvXs^hM
z2!IH{;qtz$7pa_9Vh%u83lRVjfKChM05YvOM|(w9L;yqp4wsk%$kd`AjR-*3>aHXv
zfpqbZ0+0gev|th_(~5I6QUFJ-U0I|6x_C$dNC9+OkOE{{agIg`;HZTZ(5)6y08&6V
zJl6wD&#;etp6(GQfmUA%-McN001=<4?RmzZ`zX0=*tC!4Lfk&%aS1U1`LvP5>y1cW
zf>Vt0d{4m)fZS2<H)|vxjF7xnNHLXD#`06K>M5W$56FMBdaHHck=jd@lr~6@=NMcn
z+jzy^<YgO`2vAA`yN-tcU<6^0gX>1nMjyWTR)feYnyLXn5Km)}u+PC2uC_-2yK<!i
zC=sl;Dm4IFsi3!klH+=Wiw1H}A2^z+0+1_?vdxM_xG0-lN%}yAKplX!;!zt$X^J*5
z8kp}6w)$iSz*@m0d@y3S4-s{6vC6FzOYaS(%>iJkfWqzy004K%V^s(MV)^0T8UWxf
zd8`TnKrBDpTLS>xC684h0Ep#>dusrIyX3Jd1OT!8aBmF&aF;w*g#aLyAMULI0Pd2<
zst^Fg^25C~0Ki@HSQP?*Sbn&-1^~EA9;?EC0I;U5>g>`>KmY&$07*qoM6N<$f@JhL
Aod5s;

literal 0
HcmV?d00001

diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index 2397e12..afa4b3b 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -5,9 +5,9 @@
 
 interface NavigateToOptions {
   url: "/pages/home/home" |
+       "/pages/application-list/application-list" |
        "/pages/code/code" |
        "/pages/get-code/get-code" |
-       "/pages/home/CustomTab" |
        "/pages/login/login" |
        "/pages/mine/mine" |
        "/pages/notification/notification" |
diff --git a/vite.config.ts b/vite.config.ts
index 2841da9..ccaa0a2 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -52,7 +52,7 @@ export default ({ command, mode }) => {
 
     plugins: [
       UniPages({
-        exclude: ['**/components/**/**.*'],
+        exclude: ['**/**/[A-Z]*.*'],
         routeBlockLang: 'json5', // 虽然设了默认值，但是vue文件还是要加上 lang="json5", 这样才能很好地格式化
         // homePage 通过 vue 文件的 route-block 的type="home"来设定
         // pages 目录为 src/pages，分包目录不能配置在pages目录下