Divider 分割线
概述
代码示例
![](https://ask.qcloudimg.com/raw/yehe-1935fe496ecd940/g1csviuip9.png)
<template>
<p>Steven Paul Jobs was an American entrepreneur and business magnate. He was the chairman, chief executive officer, and a co-founder of Apple Inc.</p>
<Divider />
<p>Steven Paul Jobs was an American entrepreneur and business magnate. He was the chairman, chief executive officer, and a co-founder of Apple Inc.</p>
<Divider>With Text</Divider>
<p>Steven Paul Jobs was an American entrepreneur and business magnate. He was the chairman, chief executive officer, and a co-founder of Apple Inc.</p>
<Divider dashed />
<p>Steven Paul Jobs was an American entrepreneur and business magnate. He was the chairman, chief executive officer, and a co-founder of Apple Inc.</p>
</template>
<script>
export default {
}
</script>
![](https://ask.qcloudimg.com/raw/yehe-1935fe496ecd940/roks88tfn7.png)
<template>
Text
<Divider type="vertical" />
<a href="#">Link</a>
<Divider type="vertical" />
<a href="#">Link</a>
</template>
<script>
export default {
}
</script>
![](https://ask.qcloudimg.com/raw/yehe-1935fe496ecd940/z616pgq980.png)
<template>
<Divider orientation="left">Left Text</Divider>
<p>Steven Paul Jobs was an American entrepreneur and business magnate. He was the chairman, chief executive officer, and a co-founder of Apple Inc.</p>
<Divider orientation="right">Right Text</Divider>
<p>Steven Paul Jobs was an American entrepreneur and business magnate. He was the chairman, chief executive officer, and a co-founder of Apple Inc.</p>
</template>
<script>
export default {
}
</script>
API
Divider props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 水平还是垂直类型,可选值为 horizontal 或 vertical | String | horizontal |
orientation | 分割线标题的位置,可选值为 left、right 或 center | Number | center |
dashed | 是否虚线 | Boolean | false |
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com