Line 线条

Line 线条 平台差异说明

App	H5	微信小程序	支付宝小程序	百度小程序	头条小程序	QQ小程序
√	√	√	√	√	√	√

基本使用

组件内部有预置的参数，直接使用即可，有如下几个参数需要了解：

• color为线条的颜色
• direction为线条的方向，默认为横向
• hair-line为是否设置细线条(0.5px)，默认为true
• length参数需要特别留意，它需要带上单位，比如设置为"50%"，"500rpx"等，在线条为横向时，表现为线条的长度；在线条为竖向时，表现为线条的高度。

<template>
	<u-line color="red" />
	
	/* 等同于 */
	<u-line color="red"></u-line>
</template>

线条类型 1.3.7

我们可以通过border-style参数设置线条的类型，有如下三种可选项：

• solid表示实线
• dashed表示方形虚线
• dotted表示圆点虚线

兼容性

由于头条小程序的兼容性，如果组件无效的情况下，您可能需要给组件加上u-line类，如下：

<u-line class="u-line"></u-line>

API

Props