JTBC 组件文档

基础用法

<jtbc-divider line-color="#d62626" line-height="5" line-style="dashed" gap="5" padding="5" position="center"><p>你好！</p></jtbc-divider>
<jtbc-divider line-color="#d62626" line-height="5" line-style="dashed" gap="5" padding="5" position="center"></jtbc-divider>

<jtbc-divider>默认值</jtbc-divider>

<jtbc-divider line-color="red">line-color="red"</jtbc-divider>

<jtbc-divider line-height="5">line-heightr="5"</jtbc-divider>
<jtbc-divider line-height="10">line-heightr="10"</jtbc-divider>

<jtbc-divider line-style="dotted">line-style="dotted"</jtbc-divider>

线形取值

• solid: 实线边框
• dotted: 点线边框
• dashed: 虚线边框
• double: 双线边框

<jtbc-divider padding="5">padding="5"</jtbc-divider>
<jtbc-divider padding="10">padding="20"</jtbc-divider>

<jtbc-divider position="left">position="left"</jtbc-divider>
<jtbc-divider position="center">position="center"</jtbc-divider>
<jtbc-divider position="right">position="right"</jtbc-divider>

<jtbc-divider gap="225" position="right">gap="225"</jtbc-divider>