react + ant-design + steps中插入input框

废话不多说,直接上代码:

form表单里面的内容正常创建即可

<Steps current={0} direction="vertical" status="finish">
        <Steps.Step 
          title="审核详情"
          description={
            <>
              <Form layout={"horizontal"} labelCol={{ span: 4 }} wrapperCol={{ span: 16  
                 }} form={form}>
                <Form.Item label={"审核状态"} name={"sellerRemark"}>
                  <span style={{ minHeight: 300 }}>
                       审核信息
                  </span>
                </Form.Item>
                <Form.Item label={"详情:"} name={"dx_info"}>
                  <Input.TextArea disabled style={{ minHeight: 150 }} />
                </Form.Item>
                <Form.Item label={"详情图:"} name={"dx_img"}>
                  <div>
                    {item.dx_img.map(function (val, key) {
                      return <Image src={val.url} key={key} style={{ width: "80px",                     
                         height: "80px" }}></Image>;
                    })}
                  </div>
                </Form.Item>
              </Form>
            </>
          }
        />
      </Steps>
    </div>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值