From 99d48720a4e0b0c626a60e1ccc01de2a2b1a1d15 Mon Sep 17 00:00:00 2001
From: jiaming <743192023@qq.com>
Date: Fri, 21 Dec 2018 15:47:49 +0800
Subject: [PATCH] add new decoration

---
 src/components/decoration7/img/decoration.png | Bin 0 -> 496 bytes
 src/components/decoration7/index.vue          |  26 ++++++++++++++++++
 src/components/index.js                       |   2 ++
 3 files changed, 28 insertions(+)
 create mode 100644 src/components/decoration7/img/decoration.png
 create mode 100644 src/components/decoration7/index.vue

diff --git a/src/components/decoration7/img/decoration.png b/src/components/decoration7/img/decoration.png
new file mode 100644
index 0000000000000000000000000000000000000000..7404336b3c0d61e81a8ee5591cdf0f3771a14d16
GIT binary patch
literal 496
zcmV<M0T2F(P)<h;3K|Lk000e1NJLTq000#L000sQ1^@s6v=Wsr0005ENkl<ZIE|gu
z-)qlN9LMp8$;vn7Lh_@{ujWT`r<QWD%+fRoSy?GJ{w#N>wL)T=X7i)mtXv35`w?qH
zhEjfHA{XcV&AU(E&n~<#U$58udCqyC(^=K|@Y@Im@d-!q)W7P+eKeA`6uD<=stxCH
z0~;`o1IeGl0KO+}BPOtaCFnBF;Z8K%!@iVxfK&L<0=%~lD!^xO7n`DCcgl^2znrwq
zv4O5SDEy4Z32enAb|rrdXDi^2$nC6yQf7A&k5a?-<ln*&ekH9la@*>lP4EC72XHbL
zXx4S*a(^dnN1U*u4hmlbJf)0aQW;6JMsT45?h5dhIw*X>F+5Q&ZLH#7#YOx{+8&Iq
z1pV(?3A$d{-9gOYc*P&Wr3zyjC+eW<Fp5K%!x1bde-M|kI%%`$#oJcU25#dp<|DX}
z{L{)jGw^lJRiO>sL{9{I@h15L7{;2UEhrz%d{fBKc3eXr-UV<r`TfcpZBN>wGMc%(
zvnI4X8v5}eR-R6|z81juk(;TUR$ClpIF8o*D_^Eek1~?ANn47AUR8lj=oMx7pOwe{
mJo(+qE6AVp#{j-)1%$s=17!J4S;2k)0000<MNUMnLSTZ8%IXOK

literal 0
HcmV?d00001

diff --git a/src/components/decoration7/index.vue b/src/components/decoration7/index.vue
new file mode 100644
index 0000000..92fd037
--- /dev/null
+++ b/src/components/decoration7/index.vue
@@ -0,0 +1,26 @@
+<template>
+  <div class="decoration-7">
+    <img src="./img/decoration.png" />
+    <slot></slot>
+    <img class="reverse" src="./img/decoration.png" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Decoration7'
+}
+</script>
+
+<style lang="less">
+.decoration-7 {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+
+  .reverse {
+    transform: rotate(180deg);
+  }
+}
+</style>
diff --git a/src/components/index.js b/src/components/index.js
index 15acbef..3108b80 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -12,6 +12,7 @@ import decoration3 from './decoration3/index'
 import decoration4 from './decoration4/index'
 import decoration5 from './decoration5/index'
 import decoration6 from './decoration6/index'
+import decoration7 from './decoration7/index'
 import loading from './loading/index.vue'
 
 import capsuleChart from './capsuleChart/index.vue'
@@ -44,6 +45,7 @@ export default function (Vue) {
   Vue.component('decoration4', decoration4)
   Vue.component('decoration5', decoration5)
   Vue.component('decoration6', decoration6)
+  Vue.component('decoration7', decoration7)
   Vue.component('loading', loading)
 
   Vue.component('capsuleChart', capsuleChart)