Skip to content
On this page

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

属性类型默认值必填说明
titlestring标题,设置后中间显示标题文本
dashedbooleanfalse是否虚线显示

CSSProperties

属性默认值说明
color#bfbfbf文本颜色
border-color#f0f0f0分割线颜色