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>
相关文章
|
4月前
|
移动开发 前端开发 JavaScript
uView Sticky 吸顶
uView Sticky 吸顶
95 0
|
4月前
|
移动开发 JavaScript 小程序
uView Popup 弹出层
uView Popup 弹出层
82 0
|
4月前
|
移动开发 JavaScript 小程序
uView Grid 宫格布局
uView Grid 宫格布局
83 0
|
4月前
|
移动开发 JavaScript 小程序
uView Tabs 标签
uView Tabs 标签
138 0
|
23天前
Vue3分割线(Divider)
这是一个可定制的分割线组件,支持多种属性设置,包括标题位置、边距、宽度、样式、颜色及垂直分割等。通过简单的配置即可实现多样化的视觉效果,适用于不同场景下的布局需求。在线预览和详细代码示例可见链接。
Vue3分割线(Divider)
|
4月前
|
移动开发 JavaScript 小程序
uView Icon 图标
uView Icon 图标
82 2
|
4月前
|
移动开发 JavaScript 小程序
uView Tooltip 长按提示
uView Tooltip 长按提示
45 1
|
4月前
|
JavaScript API
uView Drawer 抽屉
uView Drawer 抽屉
71 0
|
4月前
|
移动开发 小程序 JavaScript
uView Navbar 自定义导航栏
uView Navbar 自定义导航栏
175 0
|
4月前
|
移动开发 JavaScript 小程序
uView Swiper 轮播图
uView Swiper 轮播图
134 0