feat: 更新项目配置与组件使用

- 在入口文件中引入uview-plus的配置，优化字体加载逻辑
- 移除manifest.json中不必要的权限描述
- 更新package.json和package-lock.json，添加开发依赖
- 调整多个组件的样式和结构，提升用户体验
- 修复部分组件的逻辑和样式问题，确保兼容性

pages/tabbar/home/template/tpl_menu.vue

@@ -1,13 +1,13 @@
 <template>
-  <div class="layout">
-    <div class="menu-list">
-      <div
+  <view class="layout">
+    <view class="menu-list">
+      <view
         class="menu-item"
         @click="modelNavigateTo(item)"
         v-for="(item, index) in res.list"
         :key="index"
       >
-        <div>
+        <view class="menu-img-wrap">
           <u-image
             width="88rpx"
             height="88rpx"
@@ -16,11 +16,11 @@
           >
             <template #loading><u-loading></u-loading></template>
           </u-image>
-        </div>
-        <div class="menu-title">{{ item.title }}</div>
-      </div>
-    </div>
-  </div>
+        </view>
+        <view class="menu-title">{{ item.title }}</view>
+      </view>
+    </view>
+  </view>
 </template>
 <script>
 import { modelNavigateTo } from "./tpl";
@@ -38,24 +38,45 @@ export default {
 @import "./tpl.scss";
 .menu-list {
   display: flex;
-  align-items: center;
-  justify-content: space-between;
   flex-wrap: wrap;
+  align-items: flex-start;
 
   > .menu-item {
-    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
     width: 20%;
-    // flex: 1;
+    flex: 0 0 20%;
+    box-sizing: border-box;
     margin: 20rpx 0;
+    padding: 0 4rpx;
   }
 }
-.menu-img {
-  display: flex;
-  margin: 0 auto;
+
+.menu-img-wrap {
   width: 88rpx;
   height: 88rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
+
+.menu-img {
+  flex-shrink: 0;
+}
+
+:deep(.menu-img .u-image) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .menu-title {
+  margin-top: 8rpx;
   font-size: 24rpx;
+  line-height: 1.3;
+  width: 100%;
+  text-align: center;
 }
 </style>