refactor(TabBar): 格式化模板代码并调整注释结构

将模板中的长属性拆分为多行以提升可读性
调整 handleTabClick 函数内的注释格式，使其更清晰

 <!--
  * @Date: 2026-01-29 20:33:23
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2026-01-30 20:13:36
+ * @LastEditTime: 2026-01-30 21:03:18
  * @FilePath: /manulife-weapp/src/components/TabBar.vue
  * @Description: 通用底部导航栏组件，用于页面底部固定导航栏，展示页面标题。
 -->
 <template>
-  <view class="fixed bottom-0 left-0 w-full bg-white shadow-[0_-4rpx_16rpx_rgba(0,0,0,0.05)] pb-[env(safe-area-inset-bottom)] z-50">
-    <view class="flex items-center justify-around py-[32rpx]">
   <view
-        class="flex-1 flex flex-col items-center justify-center"
-        v-for="(item, index) in tabs"
-        :key="index"
-        @tap="handleTabClick(item)"
-      >
-        <IconFont
-          :name="item.icon"
-          :class="[current === item.key ? 'text-blue-600' : 'text-gray-400']"
-          size="24"
-        />
-        <text
-          class="text-[20rpx] mt-[8rpx]"
-          :class="[current === item.key ? 'text-blue-600' : 'text-gray-400']"
-        >{{ item.label }}</text>
+    class="fixed bottom-0 left-0 w-full bg-white shadow-[0_-4rpx_16rpx_rgba(0,0,0,0.05)] pb-[env(safe-area-inset-bottom)] z-50">
+    <view class="flex items-center justify-around py-[32rpx]">
+      <view class="flex-1 flex flex-col items-center justify-center" v-for="(item, index) in tabs" :key="index"
+        @tap="handleTabClick(item)">
+        <IconFont :name="item.icon" :class="[current === item.key ? 'text-blue-600' : 'text-gray-400']" size="24" />
+        <text class="text-[20rpx] mt-[8rpx]" :class="[current === item.key ? 'text-blue-600' : 'text-gray-400']">{{
+          item.label }}</text>
       </view>
     </view>
   </view>