DashedBorder 虚线边框

基础用法

<template>
  <plv-dashed-border />
</template>

显示代码

边框宽度

<template>
  <plv-dashed-border :border-width="6" />
</template>

显示代码

虚线宽度、间距长度、颜色

<template>
  <div>
    <plv-dashed-border :solid-width="10" :space-width="6" />
    <br />
    <plv-dashed-border :solid-width="5" :space-width="5" />
    <br />
    <plv-dashed-border
      :solid-width="20"
      :space-width="10"
      solid-color="#2196f3"
      space-color="yellow"
    />
  </div>
</template>

显示代码

方向

<template>
  <plv-dashed-border direction="vertical" style="height: 200px;" />
</template>

显示代码

Attributes

参数	说明	类型	可选值	默认值
border-width	边框宽度	Number	-	1
solid-color	虚线颜色	String	-	#CFD8DC
solid-width	虚线宽度	Number	-	2
space-color	间距颜色	String	-	#FFFFFF
space-width	间距宽度	Number	-	4
direction	边框方向，horizontal-横向，vertical-纵向	String	horizontal/vertical	horizontal