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 | 树形下拉选择框 |