|
@@ -1,9 +1,5 @@
|
|
|
<template>
|
|
|
<div class="index-container">
|
|
|
- <!-- <div class="left-top"></div>
|
|
|
- <div class="left-bottom"></div>
|
|
|
- <div class="right-top"></div>
|
|
|
- <div class="right-bottom"></div> -->
|
|
|
<el-row align="middle" justify="center">
|
|
|
<el-col :span="24" :offset="0" class="position">
|
|
|
<div class="center"></div>
|
|
@@ -54,48 +50,6 @@ export default {
|
|
|
position: absolute;
|
|
|
top: 67px;
|
|
|
}
|
|
|
- .left-top,
|
|
|
- .left-bottom,
|
|
|
- .right-top,
|
|
|
- .right-bottom {
|
|
|
- position: absolute;
|
|
|
- }
|
|
|
- .left-top {
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- z-index: 1;
|
|
|
- width: 223px;
|
|
|
- height: 291px;
|
|
|
- background: url('../../../static/index-top-left.png');
|
|
|
- background-size: 100% 100%;
|
|
|
- }
|
|
|
- .left-bottom {
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- z-index: 2;
|
|
|
- width: 461px;
|
|
|
- height: 236px;
|
|
|
- background: url('../../../static/index-bottom-left.png');
|
|
|
- background-size: 100% 100%;
|
|
|
- }
|
|
|
- .right-top {
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- z-index: 31;
|
|
|
- width: 346px;
|
|
|
- height: 309px;
|
|
|
- background: url('../../../static/index-top-right.png');
|
|
|
- background-size: 100% 100%;
|
|
|
- }
|
|
|
- .right-bottom {
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- z-index: 4;
|
|
|
- width: 463px;
|
|
|
- height: 320px;
|
|
|
- background: url('../../../static/index-bottom-right.png');
|
|
|
- background-size: 100% 100%;
|
|
|
- }
|
|
|
.center {
|
|
|
width: 100%;
|
|
|
height: 93vh;
|