Variant Form - 可视化低代码表单 Variant Form - 可视化低代码表单
首页
  • ✨表单模板
  • 📚使用教程 (opens new window)
  • 二次开发
  • GitHub (opens new window)
  • 码云 (opens new window)
  • VForm 3简介
  • VForm 3使用教程 (opens new window)
  • VForm 3二次开发
  • GitHub (opens new window)
  • 码云 (opens new window)
  • VS Code插件
  • iView版本
💰订阅Pro版
  • 更新日志 (opens new window)
  • 常见问题及解答 (opens new window)
  • 技术交流群
  • 人人开源 (opens new window)
  • Gin + Vue的全栈开发基础平台 (opens new window)
  • 好用的.Net权限工作流框架 (opens new window)
  • 零代码地学数据应用搭建平台 (opens new window)
  • Fantastic-admin (opens new window)
  • Rebuild (opens new window)
首页
  • ✨表单模板
  • 📚使用教程 (opens new window)
  • 二次开发
  • GitHub (opens new window)
  • 码云 (opens new window)
  • VForm 3简介
  • VForm 3使用教程 (opens new window)
  • VForm 3二次开发
  • GitHub (opens new window)
  • 码云 (opens new window)
  • VS Code插件
  • iView版本
💰订阅Pro版
  • 更新日志 (opens new window)
  • 常见问题及解答 (opens new window)
  • 技术交流群
  • 人人开源 (opens new window)
  • Gin + Vue的全栈开发基础平台 (opens new window)
  • 好用的.Net权限工作流框架 (opens new window)
  • 零代码地学数据应用搭建平台 (opens new window)
  • Fantastic-admin (opens new window)
  • Rebuild (opens new window)

VForm常见表单模板

# VForm 常见表单模板

单列表单

所有组件单独占据整行宽度

多列表单

利用栅格布局实现字段多列排版

分组表单

利用卡片布局设置字段分组显示

标签页表单

利用标签页容器分页排版字段

主从表单

演示主表单、子表单字段排版

响应式表单

利用响应式栅格设置,可实现表单多端自适应布局

问卷调查表

一个简单问卷调查表单示例

固定表格表单

利用固定表格容器实现字段排版

- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t1.png@style@wn420
  link: http://120.92.142.115/?case=vcase11
  name: 单列表单
  desc: 所有组件单独占据整行宽度
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t2.png@style@wn420
  link: http://120.92.142.115/?case=vcase12
  name: 多列表单
  desc: 利用栅格布局实现字段多列排版
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t3.png@style@wn420
  link: http://120.92.142.115/?case=3
  name: 分组表单
  desc: 利用卡片布局设置字段分组显示
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t4.png@style@wn420
  link: http://120.92.142.115/?case=vcase14
  name: 标签页表单
  desc: 利用标签页容器分页排版字段
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t5.png@style@wn420
  link: http://120.92.142.115/pro/?case=vcase15
  name: 主从表单
  desc: 演示主表单、子表单字段排版
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t6.png@style@wn420
  link: http://120.92.142.115/?case=vcase16
  name: 响应式表单
  desc: 利用响应式栅格设置,可实现表单多端自适应布局
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t7.png@style@wn420
  link: http://120.92.142.115/?case=vcase17
  name: 问卷调查表
  desc: 一个简单问卷调查表单示例
- img: https://ks3-cn-beijing.ksyuncs.com/vform-static/form-samples/t8.png@style@wn420
  link: http://120.92.142.115/?case=vcase18
  name: 固定表格表单
  desc: 利用固定表格容器实现字段排版
最近更新
更多文章>
Theme by Vdoing | Copyright © 2022-2022 Variant Form
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式