fast-crud antd修改form的label宽度

干饭了干饭了1

已于 2023-07-18 15:30:46 修改

阅读量1k

点赞数

文章标签：前端 javascript html

于 2023-07-18 15:24:42 首次发布

本文链接：https://blog.csdn.net/m0_45827438/article/details/131788408

版权

效果图：由左变成右

在是否分配资源里单独配置form下的属性col，根据需求分配labelCol（label 标签布局）和wrapperCol（输入控件设置布局样式）,或者直接设置宽度labelCol: { style: { width: '150px' } },

      columns: {
         mark: {
          title: '是否已分配资源',
          search: { show: true },
          column: { show: true, align: 'center',width: 200 }, // 表单配置
          type: 'dict-radio',
          dict: dict({
            data: [
              { value: true, label: '未分配', color: '#BBBBBB' },
              { value: false, label: '已分配', color: '#21D100' },
            ],
          }),
          // 通过form的labelCol修改label的宽度
          form: {
            col: { span: 24 },
            //第一种
            labelCol: { span: 3 },
            //第二种
            labelCol: { style: { width: '150px' } },
            wrapperCol: { span: 21 },
          },
        },   

       }