beauty-border

beautiful card component

Quick Start

完整引入
import Vue from 'vue'
import beautyBorder from 'beauty-border'

Vue.use(beautyBorder)

<yl-border-1></yl-border-1>

按需引入
import { YlBorder1 } from 'beauty-border'

Demo

// 不指定宽高则按照父元素宽高100%展示
<yl-border-2></yl-border-2>

import { YlBorder2 } from 'beauty-border'
...
export default {
    component: { YlBorder2 },
    ...
}

For detailed explanation on how things work, consult the raw code.