0.0.2 • Published 2 years ago
pcmspf1a-web-themeplug v0.0.2
pcmspf1a-web-themeplug
一、公共主题样式使用方法
1、下载依赖包
npm install pcmspf1a-web-themeplug // npm
yarn add pcmspf1a-web-themeplug // yarn
2、在main.js中引入、注册依赖
import themePlugin from 'pcmspf1a-web-themeplug'
Vue.use(themePlugin)
二、自定义主题样式使用
1、依赖包下载、引入、导入
2、将依赖包中template文件夹里面的所有文件拷贝到项目中
_handle.scss // 样式构建方法定义文件
_theme.scss // 样式常量定义文件
theme.scss // 样式文件
/** 注意
1、如果定义的样式跟公共主题样式冲突,可以考虑使用 !impotant
*/
3、再引入自定义样式文件
// 例如在App.vue中引入,也可以在其他地方引入
<style lang="scss">
@import "./assets/scss/theme.scss";
</style>