第六章：主题更换

简介

saiadmin V3 前端是基于Arco Design Pro进行改造的, 可以参考 Arco Design Pro, 同时也受 MineAdmin影响,进行简单的封装而成，主打接近原生arco design的体验。

主题更换

arco design pro 为我们提供了上千套主题，可以自由选择

使用步骤如下：

1、打开主题网址 https://arco.design/themes 点击跳转

2、找到喜爱的皮肤主题, 例如saiadmin-vue官网皮肤, 找到安装库：@arco-themes/vue-saithink

3、在项目中执行

bash

yarn add @arco-themes/vue-saithink
or
npm install @arco-themes/vue-saithink

4、在项目的main.js文件中，引用样式即可

javascript

// 官方样式
import '@arco-design/web-vue/dist/arco.css'

//转换为如下代码

// 官方样式
//import '@arco-design/web-vue/dist/arco.css'
// saiadmin官网样式
import '@arco-themes/vue-saithink/index.less'

第六章：主题更换 ​

主题更换 ​

第六章：主题更换

主题更换