rong-ui

rong-ui

基于Vue.js 2.0 UI组件库.

示例

链接

点击链接查看示例

扫描二维码体验

使用说明

安装

npm install rong-ui --save

引入

引入单个组件

import Dialog from "rong-ui/components/dialog"
Vue.use(Dialog);

引用单个组件时babel-loader需配置include和exclude，即：
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('node_modules/rong-ui/components')],
exclude: [resolve('node_modules/rong-ui/components/rong-ui.js')]
}

引入多个组件

import "rong-ui/components/rong-ui.css"
import {Dialog, Toast} from "rong-ui"
let components = [Dialog, Toast];
components.map(cp => Vue.use(cp));

使用

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

其他组件未挂载到Vue.prototype上，组件名均已r开头的camelCase命名

如Title标题组件，html如下：

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

说明文档

各组件说明文档如下：