ykxiao
/
DemuMesDataV
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add new decoration

This commit is contained in:
jiaming 2018-12-21 15:47:49 +08:00
parent c669335864
commit 99d48720a4
3 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/components/decoration7/img/decoration.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 496 B

26
src/components/decoration7/index.vue Normal file
View File

@ -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>

2
src/components/index.js
View File

@ -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)