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

v 1.1.0

Browse Source
This commit is contained in:
jiaming743
2019-01-16 16:56:11 +08:00
parent e2e51986cb
commit 9de66342ce
99 changed files with 1102 additions and 11649 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/components/borderBox1/img/border.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 93 KiB

54
src/components/borderBox1/index.vue
View File

@ -1,54 +0,0 @@
<template>
<div class="border-box-1">
<img class="flash-left-top" src="./img/border.gif">
<img class="flash-right-top" src="./img/border.gif">
<img class="flash-left-bottom" src="./img/border.gif">
<img class="flash-right-bottom" src="./img/border.gif">
<slot></slot>
</div>
</template>
<script>
export default {
name: 'BorderBox1'
}
</script>
<style lang="less">
.border-box-1 {
position: relative;
box-sizing: border-box;
min-width: 300px;
min-height: 300px;
padding: 35px;
overflow: hidden;
.flash-left-top, .flash-right-top, .flash-left-bottom, .flash-right-bottom {
position: absolute;
width: 250px;
}
.flash-left-top {
top: 0px;
left: -70px;
}
.flash-right-top {
top: 0px;
right: -70px;
transform: rotateY(180deg);
}
.flash-left-bottom {
bottom: 0px;
left: -70px;
transform: rotateX(180deg);
}
.flash-right-bottom {
bottom: 0px;
right: -70px;
transform: rotate(180deg);
}
}
</style>