1 Star 0 Fork 3

小胖 / iview_blackui

forked from JMan / iview_blackui 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

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/

MIT License Copyright (c) 2020 JMan Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

IView暗黑风格主题构建工程,涵盖IView的所有组件,通过iview-theme主题构建工具进行打包编译 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/FengNull/iview_blackui.git
git@gitee.com:FengNull/iview_blackui.git
FengNull
iview_blackui
iview_blackui
master

搜索帮助