xhl-ui v0.1.0

xhl-ui

安装

使用npm 或 yarn 安装

npm install xhl-ui
yarn add xhl-ui

引入 xhl-ui

完整引入

需要注意的是 css 样式文件需要单独引入。

在 main.js 中写入以下内容：

import Vue from 'vue'
import App from './App.vue'
// 导入组件库
import xhlUi from 'xhl-ui'
import 'xhl-ui/lib/xhl-Ui.css';
 
Vue.use(xhlUi)

愉快开始

至此 xhl-Ui 就引入完成并且可以使用了。

<!-- html -->
<xhl-button>默认按钮</xhl-button>
<xhl-button type="primary">主要按钮</xhl-button>
<xhl-button type="success">成功按钮</xhl-button>
<xhl-button type="danger">危险按钮</xhl-button>
<xhl-button type="info">信息按钮</xhl-button>
<xhl-button type="warning">警告按钮</xhl-button>
<xhl-button type="text">文本按钮</xhl-button>