xaboy / form-create

:fire::fire::fire: 强大的低代码动态表单组件,通过数据驱动表单渲染,适配移动端,支持可视化设计。提高开发者对表单的开发效率。目前在政务系统、OA系统、ERP系统、电商系统、流程管理等系统中已稳定应用。
https://www.form-create.com/
MIT License
5.97k stars 960 forks source link

elementui 使用栅格布局设置总分数为24,row值占一半 没有占满整个空间 #714

Closed Nextdoor1u closed 1 month ago

Nextdoor1u commented 2 months ago

版本号 @form-create/element-ui": "^3.2.0",

{ type: 'el-row', native: true, children: [ { type: 'el-col', props: { span: 24, }, children: [ { type: 'input', title: '员工状态1 :', field: 'staffStatus', value: '试用', props: { type: 'text', disabled: true, }, }, { type: 'input', title: '员工状态3 :', field: 'staffStatus', value: '试用', props: { type: 'text', disabled: true, }, }, ], }, { type: 'el-col', props: { span: 24, }, children: [ { type: 'input', title: '员工状态2 :', field: 'staffStatus', value: '试用', props: { type: 'text', disabled: true, }, }, ], }, ], },

image 这是代码运行后的效果 下面 111 是el-row正常布局的结果 添加后没有占满一行是什么原因呢

xaboy commented 2 months ago

感谢反馈,我这边测试一下

xaboy commented 1 month ago

在规则中增加style: width: 100%;即可解决

{ 
            type: 'el-row', 
            native: true,
            style: 'width: 100%;',
            //....
}
Nextdoor1u commented 1 month ago

在规则中增加style: width: 100%;即可解决

{ 
            type: 'el-row', 
            native: true,
            style: 'width: 100%;',
            //....
}

好的谢谢大佬