示例仅供参考,请以真机为主

Divider 分割符

分割符组件,区隔内容的分割线

参数

参数说明类型可选值默认值
background-color背景颜色string#ffffff
color线条颜色,Array 下当渐变色处理string / Array#dcdfe6
width线条宽度string100%

示例

基本用法

<cl-divider>默认</cl-divider>

<cl-divider color="#409EFF">不同颜色</cl-divider>

渐变颜色

<cl-divider :color="['#fff', '#F56C6C']">渐变颜色</cl-divider>

线条宽度

<cl-divider width="50%">线条宽度</cl-divider>

自定义

<cl-divider>
	<text class="cl-icon-favor"></text>
	<text>猜你喜欢</text>
</cl-divider>
Last Updated: