v-render-ui

a vrender component library

Usage no npm install needed!

<script type="module">
  import vRenderUi from 'https://cdn.skypack.dev/v-render-ui';
</script>

README

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