Zion组件库未提供Divider组件，需手动验证；替代方案有三：使用原生标签、手写SimpleDivider.vue组件、复用Zion的utility classes。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

页面里想插一条分割线，但不确定函子Zion是否提供现成的Divider组件，需要手动验证其组件库文档或源码结构才能确认是否存在封装好的分割线功能。

先查Zion组件库是否导出Divider

打开项目中 node_modules/@zionjs/ui（或类似路径）目录，搜索文件名含 divider 或 separator 的 Vue 文件；若无匹配结果，说明Zion未提供该组件。

在项目代码中尝试全局导入并使用：，运行后检查控制台是否有“Unknown custom element”警告——有则代表未注册。

确认无Divider时的替代方案

方法一：用原生

---

标签快速占位

直接写

---

，再通过CSS控制样式，例如设置 border: none; height: 1px; background: #e0e0e0;。这一步操作起来很简单，直接把标签拖进模板就行。

函子Zion

一款支持AI搭建、可视化编辑和多端发布的全栈无代码开发平台。

下载

方法二：手写一个轻量级Vue组件

新建 SimpleDivider.vue，内容仅需两行核心逻辑：