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