线

线组件。

介绍

快速创建一条横线或竖线。

基础使用

默认为横线，宽度 100%，高度 1px。
通过 vertical 属性设置为竖线，默认宽度 1px，高度 1em。

<template>
	<!-- 默认横线 -->
	<pure-line></pure-line>

	<!-- 设置为竖线 -->
	<pure-line vertical></pure-line>
</template>

自定义宽高

通过 width 和 height 属性自定义宽高。

<template>
	<!-- 横线 -->
	<pure-line width="50%" height="2px"></pure-line>

	<!-- 竖线 -->
	<pure-line vertical width="2px" height="0.8em"></pure-line>
</template>

主题

通过 theme 属性设置主题，主题的使用参考 主题。

<template>
	<pure-line theme="primary"></pure-line>
	<pure-line theme="success"></pure-line>
	<pure-line theme="warning"></pure-line>
	<pure-line theme="danger"></pure-line>
	<pure-line theme="info"></pure-line>
</template>

自定义颜色

通过 color 属性自定义颜色，支持渐变色。

<template>
	<pure-line color="red"></pure-line>
</template>

属性

名称	类型	默认值	说明
size	String		线的大小，横线表示高度，竖线表示宽度
width	String		线的宽度
height	String		线的高度
theme	String		线的主题
color	String		线的颜色
vertical	Boolean	false	是否为竖线

样式变量

名称	说明
--pure-line-width	线的宽度
--pure-line-height	线的高度
--pure-line-color	线的颜色
--pure-line-margin	线的外边距