vue3 的 iview 改名为了 view-ui-plus

官方文档

https://www.iviewui.com/view-ui-plus/guide/introduce

定制主题

https://www.iviewui.com/view-ui-plus/guide/theme

需要装 less,然后跟着文档走即可

npm i -save-dev less

自定义的主题代码例子:

@import '../../../node_modules/view-ui-plus/src/styles/index.less';

@link-color: #558ED5;
@primary-color: #558ED5;

定制主题后图标不显示,重新定义下 less 变量即可

// 不写图标会不显示
// https://github.com/view-design/ViewUIPlus/issues/212
@ionicons-font-path: "../../../node_modules/view-ui-plus/src/styles/common/iconfont/fonts";