Hik UI

灵感

Hik-UI 是一套为 Vue 应用使用的 移动端 风格的 UI 组件库。❤

灵感来自于 Github 上的 https://github.com/ElemeFE/mint-ui.git 项目。

npm 安装

npm install hik2020-ui

npm install sass sass-loader -D

需要安装 sass 和 sass-loader

快速上手

将介绍如何使用 Hik-ui。

引入 Hik

你可以引入整个 Hik-ui，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Hik-ui。

完整引入

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

import Vue from 'vue'
import App from './App.vue'
import HikUi from 'hik2020-ui'
import 'hik2020-ui/lib/h-ui.css'
Vue.use(HikUi)

new Vue({
  el: '#app',
  render: h => h(App)
})

以上代码便完成了 Hik-ui 的引入。

按需引入

如果你只希望引入部分组件，比如 Button ，那么需要在 main.js 中写入以下内容：

import Vue from 'vue'
import App from './App.vue'
import { Button } from 'Hik-ui'
import 'hik2020-ui/lib/h-ui.css'

Vue.use(Button)

new Vue({
  el: '#app',
  render: h => h(App)
});

完整组件列表和引入方式

import Vue from 'vue';
import {
  Button,
  Col,
} from 'Hik2020-ui';
import 'hik2020-ui/lib/h-ui.css'
Vue.use(Button);
Vue.use(Col);