<template>
<div>
<!-- 使用 van-divider 组件 -->
<van-divider>这是一条分割线</van-divider>
<!-- 也可以使用 slot 自定义分割线的内容 -->
<van-divider>
<span style="color: #1989fa;">自定义内容</span>
</van-divider>
</div>
</template>
<script>
export default {
setup() {
// 这里可以添加组件的相关逻辑
},
};
</script>
<style>
/* 这是一个简单的样式示例，你可以根据需求自定义样式 */
</style>
在上述代码中，我们使用了 van-divider 组件来创建分割线。默认情况下，分割线会显示 "这是一条分割线" 的文本内容。你也可以通过使用插槽（slot）来自定义分割线的内容，如上述例子中的 "自定义内容"。
确保你的项目已经正确引入了 Vant3 并按照文档配置，以确保组件能够正常工作。
转载请注明出处：http://www.zyzy.cn/article/detail/5748/Vant