reloaded 5 år sedan
förälder
incheckning
acd5feb1eb
1 ändrade filer med 45 tillägg och 1 borttagningar
  1. 45 1
      src/views/dynamic/index.vue

+ 45 - 1
src/views/dynamic/index.vue

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