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

本文介绍了Amis低代码平台的表单设计,包括基本用法、表单展示、两端对齐、label对齐模式以及内联模式的配置方法。通过设置horizontal和justify属性,可以实现水平布局、固定左侧宽度以及内容两端对齐。此外,还展示了如何利用columnCount和group实现内联模式下的灵活布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

基本用法

最基本的用法是配置表单项和提交接口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的属性使其调整偏移量,格式如下:

"horizontal": {
    "left&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值