Divider 分割线
概述
代码示例
<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>
<template>
Text
<Divider type="vertical" />
<a href="#">Link</a>
<Divider type="vertical" />
<a href="#">Link</a>
</template>
<script>
export default {
}
</script>
<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
