添加tabbar及分类

pages/mall/merchant/index.uvue

@@ -1,7 +1,13 @@
 <!-- 商家端首页 -->
 <template>
 	<view class="merchant-container">
-		<scroll-view scroll-y class="main-scroll" :refresher-enabled="true" :refresher-triggered="refreshing" @refresherrefresh="onRefresh">
+		<!-- #ifdef MP-WEIXIN -->
+		<!-- Tab 页无返回按鈕，展示顶部安全区 + 页面标题 -->
+		<view class="mp-tab-navbar">
+			<text class="mp-tab-title">商家工作台</text>
+		</view>
+		<!-- #endif -->
+		<scroll-view direction="vertical" class="main-scroll" :refresher-enabled="true" :refresher-triggered="refreshing" @refresherrefresh="onRefresh">
 			<!-- 头部区域 -->
 			<view class="header">
 				<view class="header-bg"></view>
@@ -231,15 +237,18 @@
 					</view>
 				</view>
 				
-				<!-- 底部安全区域 -->
+				<!-- 底部安全区域（需要覆盖自定义 tabbar 高度） -->
 				<view class="safe-bottom"></view>
 			</view>
 		</scroll-view>
+		<!-- 商家端自定义 TabBar -->
+		<merchant-tab-bar :current="0"></merchant-tab-bar>
 	</view>
 </template>
 
 <script lang="uts">
 	import supa from '@/components/supadb/aksupainstance.uts'
+	import MerchantTabBar from '@/components/merchant-tabbar/MerchantTabBar.uvue'
 
 	type ShopInfoType = {
 		id: string | null
@@ -292,6 +301,7 @@
 	}
 
 	export default {
+		components: { MerchantTabBar },
 		data() {
 			return {
 				merchantId: '',
@@ -887,7 +897,9 @@
 	.amount-label { font-size: 24rpx; color: #999; margin-right: 8rpx; }
 	.amount-value { font-size: 32rpx; font-weight: bold; color: #FF6B35; }
 
-	.safe-bottom { height: 30rpx; }
+	.mp-tab-navbar { height: calc(88rpx + var(--status-bar-height)); padding-top: var(--status-bar-height); background-color: #ffffff; display: flex; flex-direction: row; align-items: center; justify-content: center; border-bottom-width: 1rpx; border-bottom-style: solid; border-bottom-color: #f0f0f0; }
+	.mp-tab-title { font-size: 34rpx; font-weight: bold; color: #333333; }
+	.safe-bottom { height: 160rpx; }
 </style>