hlg-ui

https://ui.huanleguang.com

npm install hlg-ui

import Vue from 'vue';
import HLGUI from 'hlg-ui';
import 'hlg-ui/lib/hlg-ui.css';

Vue.use(HLGUI);

HLGUI 使用 Sass 编写，如果你的项目也使用了 Sass，那么可以直接在项目中改变 HLGUI 的样式变量。

$--color-primary: #d92424;
$--color-primary-light-1: #F55252;
$--color-primary-light-2: #FFEEEE;

@import "~hlg-ui/packages/stylesheet/index.sass";

目前可以通过阿里 CDN 在页面上引入 js 文件即可开始使用。

<!-- 引入样式 -->
<link rel="stylesheet" href="//alicdn.huanleguang.com/package/hlg-ui@0.22.2/index.css">

<!-- 引入组件库 -->
<script src="//alicdn.huanleguang.com/package/hlg-ui@0.22.2/index.js"></script>

npm i

npm run dev

npm run test

将会自动同步到 npmjs 上

npm run npm-publish

🔗 线上

🔗 预发

⛱ TeamCity

🎨 设计稿

目前图标库使用的地址是 https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2264946 【前端-欢乐逛图标库】

1. 修改 /src/create-icon.js 文件下的 ICON_FONT_URL 地址

2. 新增 /docs/changelog.md 文件下的 操作记录

3. 修改/package.json 文件下的 version 版本

npm run update:icon