• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

iview_blackui: IView暗黑风格主题构建工程,涵盖IView的所有组件,通过iview-theme主 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

iview_blackui

开源软件地址:

https://gitee.com/jman325_admin/iview_blackui

开源软件介绍:


iview_blackui

介绍

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

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

工程截图:输入图片说明输入图片说明输入图片说明输入图片说明输入图片说明

软件架构

  • 基于vue-cli构建的基于vue2.x的工程项目
  • 使用iview官方推荐的iview-theme工具进行皮肤源码的初始化与打包构建

安装教程

运行如下命令安装相关依赖包并启动项目,如果您只需要构建出皮肤的CSS样式文件,可以直接调到使用说明

// 安装依赖包yarn install// 启动工程yarn serve

注意:启动过程有可能会因为本地安装的node版本过高(12+)造成启动异常,建议使用nvm安装node 11.15.0,然后切换使用的node版本再进行启动。

使用说明

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

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

iview-theme build -o dist/
  • 注意:如果在打包中报如下错误
fs.js:36} = primordials;    ^ReferenceError: primordials is not defined    at fs.js:36:5    at req_ (/Users/huangjian/.config/yarn/global/node_modules/natives/index.js:143:24)    at Object.req [as require] (/Users/huangjian/.config/yarn/global/node_modules/natives/index.js:55:10)    at Object.<anonymous> (/Users/huangjian/.config/yarn/global/node_modules/vinyl-fs/node_modules/graceful-fs/fs.js:1:37)    at Module._compile (internal/modules/cjs/loader.js:1015:30)    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1035:10)    at Module.load (internal/modules/cjs/loader.js:879:32)    at Function.Module._load (internal/modules/cjs/loader.js:724:14)    at Module.require (internal/modules/cjs/loader.js:903:19)    at require (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 查阅)

参考资料

  1. iview3.x官网:http://v3.iviewui.com/docs/guide/theme

友情连接

本项目由PageNow数据可视化技术团队开发,PageNow官网:http://www.pagenow.cn/


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap