# UI库或框架
# Element UI
# 更改主题色
参考官网：https://element.eleme.cn/#/zh-CN/component/custom-theme
新建文件 element-variables.scss
mary: teal;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
1
2
3
4
5
6
2
3
4
5
6
在 main.js 添加
import Vue from 'vue'
import Element from 'element-ui'
import './element-variables.scss'
Vue.use(Element)
1
2
3
4
5
2
3
4
5
即可生效。
# UNO CSS
# 在uniapp上使用
- 安装插件
unocss-preset-weapp，使其能在微信小程序运行。 - 文档：https://github.com/MellowCo/unocss-preset-weapp/tree/main/examples/uniapp_vue3
# !important使用
在类名后面添加 !
<uni-icons class="text-gray-400!" type="forward" ></uni-icons>
1