diff --git a/src/tabbar/config.ts b/src/tabbar/config.ts index d067219..f24bc10 100644 --- a/src/tabbar/config.ts +++ b/src/tabbar/config.ts @@ -52,7 +52,7 @@ export type CustomTabBarItemBadge = number | 'dot' export interface CustomTabBarItem { text: string pagePath: string - iconType: 'uniUi' | 'uiLib' | 'unocss' | 'iconfont' | 'image' // 不建议用 image 模式,需要配置2张图 + iconType: 'uiLib' | 'unocss' | 'iconfont' | 'image' // 不建议用 image 模式,需要配置2张图 icon: any // 其实是 string 类型,这里是为了避免 ts 报错 (tabbar/index.vue 里面 uni-icons 那行) iconActive?: string // 只有在 image 模式下才需要,传递的是高亮的图片(PS: 不建议用 image 模式) badge?: CustomTabBarItemBadge @@ -64,11 +64,11 @@ export const customTabbarList: CustomTabBarItem[] = [ { text: '首页', pagePath: 'pages/index/index', - // 本框架内置了 uniapp 官方UI库 (uni-ui)的图标库 - // 使用方式如: - // 图标列表地址:https://uniapp.dcloud.net.cn/component/uniui/uni-icons.html - iconType: 'uniUi', - icon: 'home', + // 注意 unocss 图标需要如下处理:(二选一) + // 1)在fg-tabbar.vue页面上引入一下并注释掉(见tabbar/index.vue代码第2行) + // 2)配置到 unocss.config.ts 的 safelist 中 + iconType: 'unocss', + icon: 'i-carbon-home', // badge: 'dot', }, { @@ -84,8 +84,8 @@ export const customTabbarList: CustomTabBarItem[] = [ { pagePath: 'pages/me/me', text: '我的', - iconType: 'uniUi', - icon: 'contact', + iconType: 'unocss', + icon: 'i-carbon-user', // badge: 100, }, // 其他类型演示 diff --git a/src/tabbar/index.vue b/src/tabbar/index.vue index 487ceb3..c600530 100644 --- a/src/tabbar/index.vue +++ b/src/tabbar/index.vue @@ -88,9 +88,6 @@ function getImageByIndex(index: number, item: CustomTabBarItem) { -