0.1.0 • Published 1 year ago

comconfig v0.1.0

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

5G切片自服务平台

安装依赖

npm install

启动项目

npm run serve

编译打包

前缀为/,部署到html根目录

npm run build

前缀为/newportal/,部署到二级目录

npm run build:prod

element-ui 换肤功能使用说明

  • 1.安装 elementui 主题工具 npm i element-theme -g
  • 2.安装 chalk 主题 npm i element-theme-chalk -D
  • 3.安装 gulp 及相关依赖,npm install gulp gulp-clean-css gulp-css-wrap,这个工具可以对 css 样式进行包裹
  • 4.在根目录创建一个 gulpfile.js 文件,目前已经创建好,具体修改内容文件中已写明
  • 5.初始化主题变量文件,运行命令et -i,会在根目录生成一个 element-variables.scss 文件
  • 6.在这个 element-variables.scss 文件里可以修改主题颜色,进行主题配置
  • 7.编译生成主题文件,运行命令et ,会在根目录生成一个 theme 文件夹,里面包含按照主题变量文件配置生成的主题
  • 8.修改gulpfile.js文件,将里面主题色色值做对应修改,即修改打包后目录名和selector名
  • 9.运行 gulp css-wrap 命令,输出包裹后的主题文件夹,文件夹位置在src/assets/css/theme下
  • 10.字体文件已经在index.css引入,不需额外引入
  • 11.在 src/assets/css/theme/index.scss 中引入生成的文件,并且在对应的主题 vue 文件中,添加新增的主题颜色(或在数据库CONF_PARAM表中SELF_THEME_CODE字段配置颜色)
  • 12.添加新的主题重复 6-11 步即可