|
@@ -14,7 +14,9 @@
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="8" class="center">
|
|
|
- <maps></maps>
|
|
|
+ <el-col :span="24" class="centerInfo">
|
|
|
+ <maps></maps>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="8" class="right">
|
|
|
<el-col :span="24" class="rightInfo">
|
|
@@ -161,12 +163,54 @@ export default {
|
|
|
height: 670px;
|
|
|
// border: 1px solid red;
|
|
|
}
|
|
|
+.dataShow .dataShowInfo .center .centerInfo {
|
|
|
+ width: 93%;
|
|
|
+ height: 670px;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px transparent solid;
|
|
|
+ border-radius: 10px;
|
|
|
+ position: relative;
|
|
|
+ left: 5px;
|
|
|
+ top: 2px;
|
|
|
+}
|
|
|
+.dataShow .dataShowInfo .center .centerInfo:after {
|
|
|
+ position: absolute;
|
|
|
+ top: -3px;
|
|
|
+ bottom: -3px;
|
|
|
+ left: -3px;
|
|
|
+ right: -3px;
|
|
|
+ background: linear-gradient(135deg, #cdeeff, #0370af);
|
|
|
+ border-radius: 10px;
|
|
|
+ content: '';
|
|
|
+ z-index: -1;
|
|
|
+}
|
|
|
.dataShow .dataShowInfo .right {
|
|
|
float: left;
|
|
|
width: 34%;
|
|
|
height: 670px;
|
|
|
// border: 1px solid red;
|
|
|
}
|
|
|
+.dataShow .dataShowInfo .right .rightInfo {
|
|
|
+ width: 93%;
|
|
|
+ height: 670px;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px transparent solid;
|
|
|
+ border-radius: 10px;
|
|
|
+ position: relative;
|
|
|
+ left: 5px;
|
|
|
+ top: 2px;
|
|
|
+}
|
|
|
+.dataShow .dataShowInfo .right .rightInfo:after {
|
|
|
+ position: absolute;
|
|
|
+ top: -3px;
|
|
|
+ bottom: -3px;
|
|
|
+ left: -3px;
|
|
|
+ right: -3px;
|
|
|
+ background: linear-gradient(135deg, #cdeeff, #0370af);
|
|
|
+ border-radius: 10px;
|
|
|
+ content: '';
|
|
|
+ z-index: -1;
|
|
|
+}
|
|
|
.dataShow .dataShowInfo .right p:first-child {
|
|
|
float: left;
|
|
|
width: 2px;
|