如何设置页面布局与组件渲染

网站的构成:布局【栅格容器】+渲染【组件】=网站


 一、   如何布局?


1.    添加主容器:

image.png

2.    拆分多列


image.png

image.png

image.png


3.    拆分多行


image.png

image.png

 4.    显示设置

image.png

综合简述:

(1)栅格代表行,容器代表列。

(2)需要拆分行,则右键点击容器添加栅格,需要拆分列则右键点击栅格添加容器。

(3)已渲染组件的末级容器不可拆分

  

 二、   如何添加组件?


1.    添加组件:容器内渲染组件

image.png    

image.png


 2.    组件构成:

设置+数据+展示效果

image.png


 3.   设置组件手机端展示规则


image.png



日期:2025-04-08

打印 】