Переглянути джерело

feat:首页的导航,使用 wd-navbar 替代

YunaiV 4 місяців тому
батько
коміт
68afe93d17

+ 5 - 4
src/pages/index/index.vue

@@ -1,7 +1,10 @@
 <template>
-  <view class="min-h-screen flex flex-col bg-#f5f5f5" :style="{ paddingTop: `${safeAreaInsets?.top}px` }">
+  <view class="min-h-screen bg-#f5f5f5">
     <!-- 顶部导航栏 -->
-    <wd-navbar title="工作台" />
+    <wd-navbar
+      title="工作台"
+      placeholder safe-area-inset-top fixed
+    />
     <!-- 用户信息头部 -->
     <UserHeader />
     <!-- Banner 轮播图 -->
@@ -12,7 +15,6 @@
 </template>
 
 <script lang="ts" setup>
-import { safeAreaInsets } from '@/utils/systemInfo'
 import HomeBanner from './components/banner.vue'
 import MenuSection from './components/menu-section.vue'
 import UserHeader from './components/user-header.vue'
@@ -25,7 +27,6 @@ definePage({
   type: 'home',
   style: {
     navigationStyle: 'custom',
-    navigationBarTitleText: '工作台',
   },
 })
 </script>

+ 15 - 2
src/pages/index/settings/index.vue

@@ -1,7 +1,14 @@
 <template>
   <view class="min-h-screen bg-#f5f5f5">
+    <!-- 顶部导航栏 -->
+    <wd-navbar
+      title="编辑工作台"
+      left-arrow placeholder safe-area-inset-top fixed
+      @click-left="handleBack"
+    />
+
     <!-- 搜索框 -->
-    <view class="mx-20rpx overflow-hidden rounded-16rpx bg-white">
+    <view>
       <wd-search v-model="searchKeyword" placeholder="搜索" hide-cancel />
     </view>
 
@@ -71,6 +78,7 @@
 import type { MenuGroup, MenuItem } from '../index'
 import { useUserStore } from '@/store/user'
 import { getMenuGroups, getMenuItemByKey } from '../index'
+import { navigateBackPlus } from '@/utils';
 
 defineOptions({
   name: 'FavoriteSettings',
@@ -78,7 +86,7 @@ defineOptions({
 
 definePage({
   style: {
-    navigationBarTitleText: '编辑工作台',
+    navigationStyle: 'custom',
   },
 })
 
@@ -108,6 +116,11 @@ const filteredMenuGroups = computed(() => {
     .filter(group => group.menus.length > 0)
 })
 
+/** 返回上一页 */
+function handleBack() {
+  navigateBackPlus()
+}
+
 /** 初始化数据 */
 function initData() {
   menuGroups.value = getMenuGroups()

+ 2 - 1
src/pages/message/index.vue

@@ -1,9 +1,10 @@
 <template>
   <view class="min-h-screen bg-[#f5f5f5]">
     <!-- 顶部导航栏 -->
+    <!-- TODO @AI:待修复 -->
     <wd-navbar
       title="我的消息"
-      left-arrow placeholder safe-area-inset-top fixed
+      placeholder safe-area-inset-top fixed
       @click-left="handleBack"
     >
       <template #right>