浏览代码

feat(tabbar): 启用首页和关于页面的徽章显示并更新注释

更新自定义标签栏配置,启用首页的圆点徽章和关于页面的数字徽章
同时完善了其他图标类型的注释说明,包括uiLib、iconfont和image类型的使用示例
feige996 8 月之前
父节点
当前提交
8329afe674
共有 1 个文件被更改,包括 18 次插入5 次删除
  1. 18 5
      src/tabbar/config.ts

+ 18 - 5
src/tabbar/config.ts

@@ -84,14 +84,27 @@ export const customTabbarList: CustomTabBarItem[] = [
     iconType: 'uniUi',
     icon: 'contact',
   },
+  // 其他类型演示
+  // 1、uiLib
   // {
   //   pagePath: 'pages/index/index',
   //   text: '首页',
-  // 注意 iconfont 图标需要额外加上 'iconfont',如下
-  // iconType: 'iconfont',
-  // icon: 'iconfont icon-my',
-  //   // 使用 ‘image’时,需要配置 icon + iconActive 2张图片(不推荐)
-  //   // 既然已经用了自定义tabbar了,就不建议用图片了,所以不推荐
+  //   iconType: 'uiLib',
+  //   icon: 'home',
+  // },
+  // 2、iconfont
+  // {
+  //   pagePath: 'pages/index/index',
+  //   text: '首页',
+  //   // 注意 iconfont 图标需要额外加上 'iconfont',如下
+  //   iconType: 'iconfont',
+  //   icon: 'iconfont icon-my',
+  // },
+  // 3、image
+  // {
+  //   pagePath: 'pages/index/index',
+  //   text: '首页',
+  //   // 使用 ‘image’时,需要配置 icon + iconActive 2张图片
   //   iconType: 'image',
   //   icon: '/static/tabbar/home.png',
   //   iconActive: '/static/tabbar/homeHL.png',