refactor(tabbar): 更新图标配置和样式处理

- 将首页图标从UI库图标改为本地图片
- 调整tabbar图片样式类写法
- 移除首页页面中的示例代码
- 更新tabbar配置类型和注释说明

src/pages/index/index.vue

@@ -51,7 +51,7 @@ console.log('index')
 
 <template>
   <view class="bg-white px-4 pt-2" :style="{ marginTop: `${safeAreaInsets?.top}px` }">
-    <view class="mt-10">
+    <!-- <view class="mt-10">
       <image src="/static/logo.svg" alt="" class="mx-auto block h-28 w-28" />
     </view>
     <view class="mt-4 text-center text-4xl text-[#d14328]">
@@ -85,6 +85,6 @@ console.log('index')
       UI组件官网：<text class="text-green-500">
         https://wot-design-uni.cn
       </text>
-    </view>
+    </view> -->
   </view>
 </template>