在Zion中首页改上下两栏布局须插入「上下两栏」容器模板,不可拖拽普通模块;分别向上下栏添加内容后,通过关闭「自适应内容」并设具体高度(如300px或50vh)调整比例。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在函子Zion中将首页改为上下两栏布局,需通过区块编辑器手动拆分容器结构,不能仅靠拖拽现有模块实现——因为Zion默认的“拖拽”仅作用于模块层级,而上下分栏属于容器级布局调整,必须先插入分栏容器再填充内容。
插入上下分栏容器
点击页面顶部工具栏的「+」号→选择「容器」→在弹出面板中找到并点击「上下两栏」模板(图标为两个叠放的矩形)。
这一步不能从左侧模块库直接拖一个“标题栏”或“图文模块”上来代替,【必须用容器模板】,否则后续无法对上下区域独立设置背景、间距或响应式行为。
向上下区域分别添加内容
方法一:直接拖入模块到上栏空白区→松手后模块自动归属上栏容器;同理,把光标悬停在下栏虚线区域内再拖入模块。
方法二:点击上栏容器右上角「⋮」→选「添加模块」→从列表中选「图片」或「文本」等,内容会直接插入该栏;下栏操作相同。
注意:如果拖入时页面没反应,大概率是光标没精准落在目标栏的浅灰色高亮区内,多试两次,边缘10像素范围不算有效落点。
调整上下栏比例
第一步:点击任意一个栏位的边框(不是内部模块),使其外框出现蓝色描边;
第二步:在右侧属性面板中找到「高度」设置项→关闭「自适应内容」开关;
第三步:输入具体数值,例如上栏填「300px」,下栏会自动剩余空间;若要等高,可都设为「50vh」。
这一步改完立刻生效,但若上栏内容超出设定高度,文字会被截断且不显示滚动条——所以建议先填好内容再调高度,或留足余量。











