iview_blackui IView 暗黑风格主题构建工具开源项目

我要开发同款
匿名用户2020年10月23日
61阅读
开发技术JavaScript
所属分类Web应用开发、网页组件
授权协议MIT

作品详情

iview_blackui 是一个IView暗黑风格主题构建工程,由于IView本身的主题配置方案还是基于白色底色为主,需要配置出暗黑系的主题风格还是比较麻烦的。

本工程默认已经配置好了暗黑色系的风格主题,覆盖IView的所有组件,目前只实现了iview3.x的暗黑风格配置,4.x后续会更新。

工程截图:

软件架构基于vue-cli构建的基于vue2.x的工程项目使用iview官方推荐的iview-theme工具进行皮肤源码的初始化与打包构建安装教程运行如下命令安装相关依赖包并启动项目,如果您只需要构建出皮肤的CSS样式文件,可以直接调到使用说明

//安装依赖包yarninstall//启动工程yarnserve注意:启动过程有可能会因为本地安装的node版本过高(12+)造成启动异常,建议使用nvm安装node11.15.0,然后切换使用的node版本再进行启动。

使用说明

工程已经默认创建暗黑风格的主题源码,位于目录src/assets下的black_3x文件夹中,如果有其他配置需要,可以直接编辑custom.less文件中的相关变量,

打包主题:命令行工具进入black_3x目录,运行如下命令进行主题的打包

iview-themebuild-odist/注意:如果在打包中报如下错误fs.js:36}=primordials;^ReferenceError:primordialsisnotdefinedatfs.js:36:5atreq_(/Users/huangjian/.config/yarn/global/node_modules/natives/index.js:143:24)atObject.req[asrequire](/Users/huangjian/.config/yarn/global/node_modules/natives/index.js:55:10)atObject.<anonymous>(/Users/huangjian/.config/yarn/global/node_modules/vinyl-fs/node_modules/graceful-fs/fs.js:1:37)atModule._compile(internal/modules/cjs/loader.js:1015:30)atObject.Module._extensions..js(internal/modules/cjs/loader.js:1035:10)atModule.load(internal/modules/cjs/loader.js:879:32)atFunction.Module._load(internal/modules/cjs/loader.js:724:14)atModule.require(internal/modules/cjs/loader.js:903:19)atrequire(internal/modules/cjs/helpers.js:74:18)说明你的node版本过高,可以使用nvm安装11.15.0版本的node(nvm可以进行node的多版本管理,具体使用方法请前往:https://www.runoob.com/w3cnote/nvm-manager-node-versions.html 查阅)

参考资料iview3.x官网:https://v3.iviewui.com/docs/guide/theme友情连接本项目由PageNow数据可视化技术团队开发,PageNow官网:https://www.pagenow.cn/

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论