uView Divider 分割线

简介: uView Divider 分割线

区隔内容的分割线,一般用于页面底部"没有更多"的提示。

#平台差异说明

App(vue) App(nvue) H5 小程序

#基本使用

文字内容通过text传入

<u-divider text="分割线"></u-divider>

copy

#设置虚线

可以通过dashed指定虚线

<u-divider text="分割线" :dashed="true"></u-divider>

copy

#设置细线

可以通过hairline指定细线

<u-divider text="分割线" :hairline="true"></u-divider>

copy

#设置以点代替文字

可以通过dot指定以点代替文字

<u-divider text="分割线" :dot="true"></u-divider>

copy

#设置文本靠左靠右

可以通过textPosition指定文字靠左靠右

<u-divider text="靠左" textPosition="left"></u-divider>
<u-divider text="靠右" textPosition="right"></u-divider>

copy

#设置文本颜色和线条颜色

可以通过textColorlineColor指定文字刚线条颜色

<u-divider
        text="分割线"
        textColor="#2979ff"
        lineColor="#ff0000"
></u-divider>
相关文章
|
移动开发 JavaScript 小程序
uView Cell 单元格
uView Cell 单元格
404 1
|
JavaScript 前端开发
vue3 判断变量值是否为数字
vue3 判断变量值是否为数字
1195 0
重置SQLSERVER表的自增列,让自增列重新计数
重置SQLSERVER表的自增列,让自增列重新计数
432 0
|
10月前
|
存储 监控 Java
招行面试: 分布式调度 设计,要考虑 哪些问题?
45岁资深架构师尼恩在读者交流群中分享了关于设计分布式调度框架时需考虑的关键问题。近期有小伙伴在面试招商银行时遇到了相关难题,因准备不足而失利。为此,尼恩系统化地梳理了以下几点核心内容,帮助大家在面试中脱颖而出,实现“offer直提”。
|
SQL Java 数据库连接
Mybatis如何通过泛型来动态调整返回参数
Mybatis如何通过泛型来动态调整返回参数
866 0
|
JavaScript 前端开发
在Vue3+ElementPlus项目中实现一个简单的新增/移除行记录的小组件
在Vue 3和Element Plus项目中创建一个支持新增和移除行记录的简单表格组件。
758 0
|
JavaScript Java 测试技术
基于SpringBoot+Vue的校园跑腿信息系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的校园跑腿信息系统的详细设计和实现(源码+lw+部署文档+讲解等)
283 1
|
SQL 存储 数据库
48. 【Android教程】数据库:SQLite 的使用
48. 【Android教程】数据库:SQLite 的使用
430 1
|
缓存 前端开发 数据安全/隐私保护
【Flutter 前端技术开发专栏】Flutter 中的键盘处理与输入框优化
【4月更文挑战第30天】本文探讨了Flutter中键盘处理与输入框优化的关键技术,包括监听键盘显示隐藏、焦点管理、键盘类型适配、输入框高度自适应、处理键盘遮挡问题及性能优化。通过使用WidgetsBindingObserver、FocusNode和TextInputType等工具,开发者能提升用户体验,确保输入框在各种场景下的良好表现。实例分析和实践建议有助于开发者将这些方法应用于实际项目。
681 0
【Flutter 前端技术开发专栏】Flutter 中的键盘处理与输入框优化
|
Java 关系型数据库 MySQL
校园跑腿|前后端分离跑腿项目Springboot+vue
校园跑腿|前后端分离跑腿项目Springboot+vue
324 0