rong-ui2 v1.3.3

rong-ui2

基于Vue.js 2.0 UI组件库.

示例

链接

点击链接查看示例

扫描二维码体验

使用说明

安装

npm install rong-ui2 --save

引入

按需引用

npm install babel-plugin-import --save-dev

// .babelrc
{
  "plugins": [["import", {
    "libraryName": "rong-ui2",
    "libraryDirectory": "src/components"
  }]]
}

然后这样按需引入组件，就可以减小体积了：
import {Titlebar, Button} from 'rong-ui2';
Vue.use(Titlebar)
Vue.use(Button)

注意：项目需要安装less文件：
npm install less less-loader --save-dev （低版本可以用less@^2.7.2 less-loader@^4.0.3）

引入所有组件

import RongUi2 from 'rong-ui2';
import 'rong-ui2/dist/styles/rong-ui.css'
Vue.use(RongUi2)

使用

Dialog提示框、Toast弹框、Loading加载中、Keyboard虚拟数字键盘 均以挂载到Vue.prototype，引入后，直接使用$dialog(options),$toast(options),$loading(options),$keyboard(options)使用

其他组件未挂载到Vue.prototype上，组件名均已UpperCamelCase命名

如Title标题组件，html如下：

<Titlebar theme="a" title="Title标题"></Titlebar>

说明文档

各组件说明文档如下：