低代码amis学习笔记(表单)

最新推荐文章于 2024-05-25 14:35:51 发布

poluocook

最新推荐文章于 2024-05-25 14:35:51 发布

阅读量1.2k

点赞数 1

文章标签：前端 css 百度云

本文链接：https://blog.csdn.net/poluocook/article/details/125196469

版权

表单是 amis 中核心组件之一，主要作用是提交或者展示表单数据。

摘要由CSDN通过智能技术生成

基本用法

最基本的用法是配置表单项和提交接口API。

表单展示

首先展示默认模式：

其代码

{
  "type": "page",
  "body": {
    "type": "form",
    "api": "/amis/api/mock2/form/saveForm",
    "body": [
      {
        "type": "input-text",
        "name": "name",
        "label": "姓名："
      },
      {
        "name": "email",
        "type": "input-email",
        "label": "邮箱："
      }
    ]
  }
}

只需要对其加入一些方法就可以改变其模式以及其他功能。

首先就是设置水平。

我们可以在mode中添加horizontal是表单水平，也可以通过配置horizontal的属性使其调整偏移量，格式如下：