Skip to content

vue-viewer-editor/vve-element-theme

Repository files navigation

vve element theme

vve支持的 element 主题

996.icu LICENSE

目前主题有

  • vve-te-00A1B7

element ui主题

-如果需要新增element主题,配合官方文档制作主题 -删除 除index.css其他文件,并修改index.css文件名为index.scss,添加main.scss,main.js,参考element-00A1B7目录

安装

npm安装使用

npm install vve-element-theme

引入样式

import 'vve-element-theme/dist/element-00A1B7.css'

如果你的项目支持sass,你可以直接引用

import 'vve-element-theme/src/element-00A1B7/main.scss'

之后应用样式

<!-- vve-te-00A1B7 是 vve-theme-element-00A1B7 的简写-->
<div class="vve-te-00A1B7"></div>

CDN安装使用

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vve-element-theme@1.0.1/dist/element-00A1B7.css">

<!-- vve-te-00A1B7 是 vve-theme-element-00A1B7 的简写-->
<div class="vve-te-00A1B7"></div>

开发

  • 安装依赖
npm install
  • 开发
npm start
  • 当个主题查看
npm start -- --env.SINGLE_ENTRY=element-rj-ivg
npm start -- --env.SINGLE_ENTRY=element-rj-onc-dark
npm start -- --env.SINGLE_ENTRY=element-rj-2b6afd
npm start -- --env.SINGLE_ENTRY=element-rj-18edd0
npm start -- --env.SINGLE_ENTRY=element-rj-2b6afd-old
npm start -- --env.SINGLE_ENTRY=element-rj-18edd0-old
  • 打包
npm run build
  • 发布
npm run release
git push --follow-tags origin master && npm publish