leben-ui

LebenUI

Install

安装

# 安装leben-ui
$ npm install leben-ui --save

使用

1. FontAwesome：LebenUI使用了FontAwesome中的部分图标，并且也推荐用户使用<i class="fa fa-xxx"></i>的方式添加图标。请在index.html的head中添加以下cdn：

<link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">

2. loaders.css（可选）：LebenUI中的Loader组件样式依赖于loaders.css，如果使用到该组件，请引入：

<link href="//cdn.bootcss.com/loaders.css/0.1.2/loaders.min.css" rel="stylesheet">

3. vue-router、vue-resource：LebenUI中的SideMenu组件使用了vue-router进行视图跳转，ImgUploader组件使用了vue-resource进行异步提交，如果使用了这些组件，请自行添加依赖。

# 安装vue-router
$ npm install vue-router --save
$ npm install vue-resource --save

4. LebenUI：

方法一：Vue插件形式引用

import LebenUI from 'leben-ui/dist/leben-ui'
import 'leben-ui/dist/leben-ui.css'

Vue.use(LebenUI)

方法二：单个组件形式引用

import 'leben-ui/dist/leben-ui.css'
import SideMenu from 'leben-ui/dist/components/SideMenu'
import XButton from 'leben-ui/dist/components/XButton'
import Popup from 'leben-ui/dist/directives/Popup'
...
Vue.component('SideMenu', SideMenu)
Vue.component('XButton', XButton)
Vue.directive('Popup', Popup)
...