tiny-vue/examples/sites/demos/pc/app/divider/customStyle-composition-api...

15 lines
490 B
Vue

<template>
<p>自定义分隔线颜色</p>
<tiny-divider color="#1476ff"></tiny-divider>
<p>自定义分隔线的样式</p>
<tiny-divider border-style="dashed"></tiny-divider>
<p>自定义文案的颜色</p>
<tiny-divider content-color="#1476ff">文案</tiny-divider>
<p>文案的背景颜色</p>
<tiny-divider content-color="#ffffff" content-background-color="#1476ff">文案</tiny-divider>
</template>
<script setup>
import { TinyDivider } from '@opentiny/vue'
</script>