需求说明
实现表单在 PC 端一行多列,移动端保持一行一列的布局效果。
实践方案
1. 在页面编辑器中拖入表单容器组件,绑定所需模型生成表单。
2. 在表单容器中拖入网格布局组件。
3. 将网格布局中所有的列组件的列宽度·PC端属性调整为适应内容,列宽度·移动端属性调整为手动调节 12/12。
4. 单击列组件的向右添加列,实现一共6个列组件,对应6个表单组件。
5. 网格布局组件的列间距属性调整为16px。
6. 将各个表单组件分别放入各个列组件中,即可实现 PC 端一行多列布局,移动端保持一行一列。
7. 预览区或运行态效果。
PC 端:
移动端: