Skip to content
On this page

Line 线条

基本使用

template
<c-line />

颜色

template
<c-line color="primary" />
<c-line color="error" />
<c-line color="success" />
<c-line color="warning" />
<c-line color="info" />
<c-line color="#7546c9" />

长度粗细

length 为线条长度; width 为线条粗细。不能理解为元素的高宽。

template
<c-line length="200rpx" width="20rpx" />

API

Line Props

名称类型默认值版本说明
cstringdefault配置名。使用说明
propsLinePropsundefined全部 props 。 使用说明
c-classHTMLAttributes['class']undefined自定义类名
c-styleHTMLAttributes['style']undefined自定义样式
lengthnumber | stringundefined线条长度
widthnumber | stringundefined线条粗细
colorstring#ebedf0线条颜色。 使用说明
border-styleCSSProperties['borderStyle']undefined线条样式。MDN Web Docs
verticalbooleanundefined是否垂直
roundbooleanundefined是否显示为圆角