v-render-ui's Introduction

v-render-ui

这是一个从原 v-render 框架中分离出的组件库，v-render 框架新版本将不再内置组件。

使用 v-render-ui

安装

npm i v-render-ui --save

引入

const Path = require("path");
const VRender = require("v-render");

VRender.use(require("v-render-ui"));

// 配置路由信息...

new VRender({
  cwd: Path.resolve(__dirname, "./")
});

使用（如：index页面【Index.js】）

const VRender = require("v-render");

const Index = VRender.PageView.extend(module, {
  renderBody: function (body) {
    Index.super(this, body);
    new VRender.UIInput(this, {
      prompt: "请输入"
    }).render(body);
  }
});

组件列表

名称	描述
UIButton	按钮
UICheckbox	多选框
UICheckGroup	多选组
UIConfirm	确认对话框
UIContainer	边框容器
UIDateInput	日期输入框
UIDatePicker	日期选择器
UIDateRange	起止日期输入框
UIDateTime	日期时间输入框
UIDialog	对话框
UIFileUpload	文件上传
UIForm	表单视图
UIGroup	组视图
UIInput	文本输入框
UIList	列表视图
UIMessage	提示框
UINotice	通知
UIPaginator	分页
UIPanel	面板
UIPopupMenu	弹出菜单
UIRadiobox	单选框
UIRadioGroup	单选组
UIScroll	滚动加载
UISelect	下拉选择框
UITabbar	标签栏
UITable	数据网络
UITimeInput	时间输入框
UITree	树形视图
UITreeSelect	树形下拉选择框

Recommend Projects