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>
相关文章
|
小程序 API 索引
uniapp中uview组件库中丰富的Picker 选择器用法
uniapp中uview组件库中丰富的Picker 选择器用法
2253 0
|
小程序 安全 JavaScript
从零开始uniapp微信小程序项目到发布(超级详细)
最近微信小程序又掀起一波风潮,本文站在新手的角度出发,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考,从零搭建uniapp小程序项目
2739 1
|
移动开发 JavaScript 小程序
uView Cell 单元格
uView Cell 单元格
351 1
重置SQLSERVER表的自增列,让自增列重新计数
重置SQLSERVER表的自增列,让自增列重新计数
384 0
|
JavaScript 前端开发
vue3 判断变量值是否为数字
vue3 判断变量值是否为数字
1131 0
|
9月前
|
存储 监控 Java
招行面试: 分布式调度 设计,要考虑 哪些问题?
45岁资深架构师尼恩在读者交流群中分享了关于设计分布式调度框架时需考虑的关键问题。近期有小伙伴在面试招商银行时遇到了相关难题,因准备不足而失利。为此,尼恩系统化地梳理了以下几点核心内容,帮助大家在面试中脱颖而出,实现“offer直提”。
|
11月前
|
移动开发 安全 测试技术
全新完整版H5商城系统源码
H5商城系统设置是实现商城基本功能的核心部分,涵盖了从网站配置、短信和支付配置,到商品、工单、订单、分站和提现管理等多个模块的设置。以下是详细的设置指南,帮助您快速上手并高效管理商城系统。 测试环境:Nginx+PHP7.0+MySQL5.6
247 2
|
SQL Java 数据库连接
Mybatis如何通过泛型来动态调整返回参数
Mybatis如何通过泛型来动态调整返回参数
822 0
|
存储 关系型数据库 MySQL
【mysql】文本字符串类型
【mysql】文本字符串类型
4260 1
【mysql】文本字符串类型
|
JavaScript 前端开发
在Vue3+ElementPlus项目中实现一个简单的新增/移除行记录的小组件
在Vue 3和Element Plus项目中创建一个支持新增和移除行记录的简单表格组件。
719 0