From a4f774cbae1d63d190e0e962d98577249192c320 Mon Sep 17 00:00:00 2001 From: feige996 <1020102647@qq.com> Date: Mon, 15 Sep 2025 21:39:58 +0800 Subject: [PATCH] =?UTF-8?q?refactor(ui):=20=E7=A7=BB=E9=99=A4uni-icons?= =?UTF-8?q?=E5=92=8Cuni-scss=E6=A8=A1=E5=9D=97=EF=BC=8C=E6=94=B9=E7=94=A8u?= =?UTF-8?q?nocss=E5=9B=BE=E6=A0=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 删除uni-icons相关组件、字体文件和文档 - 删除uni-scss样式文件和变量配置 - 更新tabbar配置使用unocss图标 - 在uno.config.ts中添加新的安全图标 --- src/tabbar/config.ts | 16 +- src/tabbar/index.vue | 3 - src/uni_modules/uni-icons/changelog.md | 42 -- .../components/uni-icons/uni-icons.uvue | 91 --- .../components/uni-icons/uni-icons.vue | 110 --- .../components/uni-icons/uniicons.css | 664 ------------------ .../components/uni-icons/uniicons.ttf | Bin 35824 -> 0 bytes .../components/uni-icons/uniicons_file.ts | 664 ------------------ .../components/uni-icons/uniicons_file_vue.js | 649 ----------------- src/uni_modules/uni-icons/package.json | 89 --- src/uni_modules/uni-icons/readme.md | 8 - src/uni_modules/uni-scss/changelog.md | 8 - src/uni_modules/uni-scss/index.scss | 1 - src/uni_modules/uni-scss/package.json | 82 --- src/uni_modules/uni-scss/readme.md | 4 - src/uni_modules/uni-scss/styles/index.scss | 7 - .../uni-scss/styles/setting/_border.scss | 3 - .../uni-scss/styles/setting/_color.scss | 66 -- .../uni-scss/styles/setting/_radius.scss | 55 -- .../uni-scss/styles/setting/_space.scss | 56 -- .../uni-scss/styles/setting/_styles.scss | 167 ----- .../uni-scss/styles/setting/_text.scss | 24 - .../uni-scss/styles/setting/_variables.scss | 146 ---- .../uni-scss/styles/tools/functions.scss | 19 - src/uni_modules/uni-scss/theme.scss | 31 - src/uni_modules/uni-scss/variables.scss | 62 -- uno.config.ts | 2 +- 27 files changed, 9 insertions(+), 3060 deletions(-) delete mode 100644 src/uni_modules/uni-icons/changelog.md delete mode 100644 src/uni_modules/uni-icons/components/uni-icons/uni-icons.uvue delete mode 100644 src/uni_modules/uni-icons/components/uni-icons/uni-icons.vue delete mode 100644 src/uni_modules/uni-icons/components/uni-icons/uniicons.css delete mode 100644 src/uni_modules/uni-icons/components/uni-icons/uniicons.ttf delete mode 100644 src/uni_modules/uni-icons/components/uni-icons/uniicons_file.ts delete mode 100644 src/uni_modules/uni-icons/components/uni-icons/uniicons_file_vue.js delete mode 100644 src/uni_modules/uni-icons/package.json delete mode 100644 src/uni_modules/uni-icons/readme.md delete mode 100644 src/uni_modules/uni-scss/changelog.md delete mode 100644 src/uni_modules/uni-scss/index.scss delete mode 100644 src/uni_modules/uni-scss/package.json delete mode 100644 src/uni_modules/uni-scss/readme.md delete mode 100644 src/uni_modules/uni-scss/styles/index.scss delete mode 100644 src/uni_modules/uni-scss/styles/setting/_border.scss delete mode 100644 src/uni_modules/uni-scss/styles/setting/_color.scss delete mode 100644 src/uni_modules/uni-scss/styles/setting/_radius.scss delete mode 100644 src/uni_modules/uni-scss/styles/setting/_space.scss delete mode 100644 src/uni_modules/uni-scss/styles/setting/_styles.scss delete mode 100644 src/uni_modules/uni-scss/styles/setting/_text.scss delete mode 100644 src/uni_modules/uni-scss/styles/setting/_variables.scss delete mode 100644 src/uni_modules/uni-scss/styles/tools/functions.scss delete mode 100644 src/uni_modules/uni-scss/theme.scss delete mode 100644 src/uni_modules/uni-scss/variables.scss 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) { -