add borderbox3 component

2018-12-05 13:43:54 +08:00
parent 95c30832ad
commit 84e2374814
2 changed files with 20 additions and 0 deletions
--- a/src/components/borderBox3/img/border.png
+++ b/src/components/borderBox3/img/border.png
--- a/src/components/borderBox3/index.vue
+++ b/src/components/borderBox3/index.vue
@ -0,0 +1,20 @@
+<template>
+  <div class="border-box-3">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BorderBox3'
+}
+</script>
+
+<style lang="less">
+.border-box-3 {
+  box-sizing: border-box;
+  border-style: solid;
+  border-image: url('./img/border.png') 17 24 18 19 fill;
+  border-width: 24px;
+}
+</style>