add borderbox2 component
This commit is contained in:
BIN
src/components/borderBox2/img/border.png
Normal file
BIN
src/components/borderBox2/img/border.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 549 B |
20
src/components/borderBox2/index.vue
Normal file
20
src/components/borderBox2/index.vue
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
<template>
|
||||||
|
<div class="border-box-2">
|
||||||
|
<slot></slot>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'BorderBox2'
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.border-box-2 {
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-style: solid;
|
||||||
|
border-image: url('./img/border.png') 14 fill;
|
||||||
|
border-width: 14px;
|
||||||
|
}
|
||||||
|
</style>
|
Reference in New Issue
Block a user