下载下来后,安装相关依赖
clone相关代码
$ yarn install
$ gulp
默认是极客蓝
,另外还支持经典红
、幽暗黑
、深空灰
、活力橙
更换很简单
极客蓝
<!--css样式请放在head标签内部-->
<link type="text/css" rel="stylesheet" data-theme href="//storage.360buyimg.com/v2.0.0/nv.min.css" />
<link type="text/css" rel="stylesheet" data-theme href="//storage.360buyimg.com/v2.0.0/pro/dark.min.css" />
切记,data-theme
必须添加,否则组件库无法识别当前的主题色
经典红
<!--css样式请放在head标签内部-->
<link type="text/css" rel="stylesheet" data-theme href="//storage.360buyimg.com/v2.0.0/nv.red.min.css" />
<link type="text/css" rel="stylesheet" data-theme href="//storage.360buyimg.com/v2.0.0/pro/red.min.css" />
活力橙
<!--css样式请放在head标签内部-->
<link type="text/css" rel="stylesheet" data-theme href="//storage.360buyimg.com/v2.0.0/nv.orange.min.css" />
<link type="text/css" rel="stylesheet" data-theme href="//storage.360buyimg.com/v2.0.0/pro/orange.min.css" />
深空灰
<!--css样式请放在head标签内部-->
<link type="text/css" rel="stylesheet" data-theme href="//storage.360buyimg.com/v2.0.0/nv.grey.min.css" />
<link type="text/css" rel="stylesheet" data-theme href="//storage.360buyimg.com/v2.0.0/pro/grey.min.css" />
幽暗黑,全套暗黑联盟
<!--css样式请放在head标签内部-->
<link type="text/css" rel="stylesheet" data-theme href="//storage.360buyimg.com/v2.0.0/nv.black.min.css" />
<link type="text/css" rel="stylesheet" data-theme href="//storage.360buyimg.com/v2.0.0/pro/black.min.css" />