筛选区默认置于列表上方、操作按钮正左侧,适配桌面端视觉动线;AI根据页面类型自动定位,不支持手动拖拽;可通过方位词锚定、业务动线描述或设备优先级指令微调,或在编辑模式切换为自定义布局重排。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在码上飞AI平台中为表单或数据列表配置筛选区时,位置安排直接影响用户操作效率和信息查找路径——把筛选区放在顶部左侧会导致移动端折叠后关键条件被遮挡,放在底部则会让用户必须滚动到底部才能调整条件。
筛选区默认布局逻辑
码上飞AI自动生成筛选区时,会优先将筛选区域置于列表上方、操作按钮区域的正左侧。该位置适配桌面端快速扫视习惯,且与“新增”“导出”等主操作按钮形成视觉动线:从左到右依次为筛选→操作→结果展示。
系统不支持手动拖拽调整筛选区坐标,所有位置均由AI根据页面类型(如管理后台/小程序/PC网站)自动判定。
【筛选区不可跨行插入到表格内部】 若强行在对话中要求“把筛选项放在第二行中间”,AI会忽略该指令并维持顶部左对齐布局。
通过对话指令微调筛选区位置
方法一:用方位词+容器名明确指定
在需求描述中加入“筛选区固定在顶部通栏下方”或“筛选区紧贴表格标题上方”,AI会识别“通栏”“标题”为可锚定的UI结构,生成时将筛选容器嵌套进对应区块的DOM层级中。
方法二:用业务动线替代空间描述
说“用户查完数据立刻要导出,筛选和导出按钮必须在同一直线上”,AI会把筛选区右对齐,并与导出按钮共享同一水平基准线,避免视线跳跃。
方法三:限定设备优先级
若强调“主要在手机上用”,AI会自动将筛选区转为可收起的折叠面板,默认收起状态,点击“筛选”文字才展开;此时原始位置仍为顶部,但视觉占用高度大幅压缩。
强制重排筛选区的三步干预法
第一步:在预览沙盒中点击右上角「编辑页面」进入可视化调整模式
第二步:找到筛选区域组件,在右侧属性面板中将「布局模式」从“自动”切换为“自定义”
第三步:在「垂直位置」下拉菜单中选择“表格上方居中”或“操作栏右侧”,确认后筛选区立即重绘
注意:此操作仅影响当前页面,不改变AI后续生成同类页面的默认逻辑;若需全局统一,须在项目设置中提交「筛选区定位规范」文档供AI学习。
















