主题更换
提示
saiadmin V3 前端 是基于Arco Design Pro进行改造的, 可以参考Arco Design Pro (opens new window), 同时也受MineAdmin (opens new window)影响,进行简单的封装而成,主打接近原生arco design的体验。
# 主题更换
arco design pro
为我们提供了上千套主题,可以自由选择
使用步骤如下:
1、打开主题网址 https://arco.design/themes
跳转 (opens new window)
2、找到喜爱的皮肤主题, 例如GI-DEMO
, 找到安装库:@arco-themes/vue-gi-demo
3、在项目中执行
yarn add @arco-themes/vue-gi-demo
or
npm install @arco-themes/vue-gi-demo
4、在项目的main.js
文件中,引用样式即可
// 官方样式
import '@arco-design/web-vue/dist/arco.css'
//转换为如下代码
// 官方样式
//import '@arco-design/web-vue/dist/arco.css'
// GI-DEMO样式
import '@arco-themes/vue-gi-demo/index.less'