页面布局与组件渲染

2022-11-02


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

 一、   如何布局?

1.    添加主容器:

image.png

2.    拆分多列

image.pngimage.png

image.png

image.png

 3.    拆分多行

image.png

image.png

image.png

image.png

 4.    显示设置

image.png

image.png

l  综合简述:

l  栅格代表行,容器代表列。

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

l  已渲染组件的末级容器不可拆分

  

 二、   如何添加组件?

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

image.png    

image.png

image.png

image.png


 image.png

 2.    组件构成:设置+数据+展示效果

image.png

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

image.png

image.png


厦门市软件园二期观日路8号三五互联大厦

400-885-0035

ciwei@35.cn