vue/element中分割线Divider的使用
·
1. 单独的分割线
<div>
<span>内容1</span>
<el-divider></el-divider>
<span>内容2</span>
</div>
样式展示
2. 分割线带文字带位置带颜色
<div>
<span>内容</span>
<el-divider content-position="left">左侧</el-divider>
<span>内容</span>
<el-divider>
中央
</el-divider>
<span>内容</span>
<el-divider content-position="right">右侧</el-divider>
<span>内容</span>
<el-divider content-position="right"><span style="color: #409EFF">蓝色</span></el-divider>
</div>

3. 垂直分割
<div>
<span>1</span>
<el-divider direction="vertical"></el-divider>
<span>2</span>
<el-divider direction="vertical"></el-divider>
<span>3</span>
</div>


AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)