Divider 分割线
vue
<template>
<ta-group title="基础用法">
<ta-divider />
</ta-group>
<ta-group title="带文本">
<ta-divider title="文本" />
</ta-group>
<ta-group title="虚线">
<ta-divider title="文本" dashed />
</ta-group>
<ta-group title="自定义颜色">
<ta-divider class="exp-divider-custom-color" title="蓝色" />
</ta-group>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
name: 'ExpDivider'
})
</script>
Import
js
import { TaDivider } from 'tantalum-ui-mobile'
具体的引入方式可以参考引入组件。
Props
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
title | string | 否 | 标题,设置后中间显示标题文本 | |
dashed | boolean | false | 否 | 是否虚线显示 |
CSSProperties
属性 | 默认值 | 说明 |
---|---|---|
color | #bfbfbf | 文本颜色 |
border-color | #f0f0f0 | 分割线颜色 |