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

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

可以通过textColor和lineColor指定文字刚线条颜色

<u-dividertext="分割线"textColor="#2979ff"lineColor="#ff0000"
></u-divider>

这篇关于uView Divider 分割线的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---