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
【前端-欢乐逛图标库】
修改 /src/create-icon.js 文件下的 ICON_FONT_URL 地址
npm run update:icon
FAQs
欢乐逛 UI 库
The npm package hlg-ui receives a total of 52 weekly downloads. As such, hlg-ui popularity was classified as not popular.
We found that hlg-ui demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.
Security News
Research
Socket's threat research team has detected five malicious npm packages targeting Roblox developers, deploying malware to steal credentials and personal data.
Security News
vlt introduced its new package manager and a serverless registry this week, innovating in a space where npm has stagnated.