zpf 1 年之前
父節點
當前提交
58d7f34237

+ 3 - 3
src/App.vue

@@ -10,8 +10,8 @@ export default {
 };
 </script>
 <style lang="scss">
-#app {
-  background-image: url("/static/images/overview/驾驶背景遮罩.png");
+// #app {
+//   background-image: url("/static/images/overview/驾驶背景遮罩.png");
 
-}
+// }
 </style>

+ 34 - 15
src/views/cockpitNew1/tdsc.vue

@@ -1,7 +1,11 @@
 <template>
   <div class="tdsc">
-    <div class="title">土地收储</div>
+    <div class="title">
+      <div class="icon"></div>
+      <span>土地收储</span>
+    </div>
     <div class="content">
+
     </div>
     <div id="tdsc_echart">
 
@@ -421,7 +425,6 @@ export default {
   height: 310px;
   border-width: 0px;
   background: inherit;
-  background-color: rgba(3, 25, 67, 0.698039215686274);
   border: none;
   border-radius: 0px;
   -moz-box-shadow: none;
@@ -429,28 +432,44 @@ export default {
   box-shadow: none;
 }
 
-
 .title {
   border-width: 0px;
   width: 100%;
   height: 40px;
-  font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
-  font-weight: 700;
-  font-style: normal;
-  color: #00FFFF;
-  padding: 2%;
+  // font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
+  // font-weight: 700;
+  // font-style: normal;
+  // color: #fff;
+  // padding: 2%;
+  background: no-repeat;
+  background-image: url("/static/images/overview/标题框.png");
+
+  .icon {
+    background: no-repeat;
+
+    background-image: url("/static/images/overview/icon_标题框装饰.png");
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    background-position: 14px 7px;
+  }
+
+  span {
+    color: #fff;
+    font-size: 14px;
+    font-weight: bold;
+    position: relative;
+    bottom: 0.5rem;
+  }
 }
 
 .content {
-  // border: #00FFFF 1px solid;
-  position: absolute;
-  left: 5%;
-  width: 400px;
-  height: 190px;
-  top: 18%;
+  background: no-repeat;
+  width: 100%;
+  height: 44px;
+  // background-image: url("/static/images/overview/info.jpg");
 }
 
-
 #tdsc_echart {
   left: 1rem;
   top: 2rem;

+ 37 - 10
src/views/map3d.vue

@@ -3,10 +3,7 @@
     <div class="header">
       <div class="timeline">
         <div class="timeline-item" v-html="formattedText"></div>
-        <div
-          class="timeline-item timeline-item-time"
-          v-html="formattedTime"
-        ></div>
+        <div class="timeline-item timeline-item-time" v-html="formattedTime"></div>
       </div>
       <div class="menuClass" id="menuClass">
         <!-- <div
@@ -73,15 +70,18 @@
       <div class="user">
         <span>admin</span>
         <i style="width: 24px;height: 24px;background-image: url('/static/images/overview/icon_LogOut.png');"
-          @click="exit"
-
-        ></i>
+          @click="exit"></i>
       </div>
     </div>
     <div class="routerContainer">
       <router-view ref="routeViewRef"></router-view>
     </div>
     <sm-viewer @viewerChange="viewerChange"> </sm-viewer>
+
+    <div class="masking_left"></div>
+    <div class="masking_bottom"></div>
+    <div class="masking_right"></div>
+
   </div>
 </template>
 
@@ -223,6 +223,7 @@ export default {
   justify-content: space-between;
   align-items: center;
 }
+
 .user span {
   display: inline-block;
   width: 60px;
@@ -253,10 +254,37 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  background-image: url("/static/images/overview/title_new.png");
+  background-image: url("/static/images/overview/masking_top.png");
   background-size: 100% 100%;
 }
 
+.masking_left {
+  width: 415px;
+  height: 100%;
+  background: no-repeat;
+  background-image: url("/static/images/overview/masking_left.png");
+
+}
+
+.masking_bottom {
+
+  width: 100%;
+  height: 140px;
+  background: no-repeat;
+  background-image: url("/static/images/overview/masking_bottom.png");
+
+  position: fixed;
+  bottom: 0.1rem;
+}
+
+.masking_right {
+  width: 415px;
+  height: 100%;
+  background: no-repeat;
+  background-image: url("/static/images/overview/masking_right.png");
+
+}
+
 .systemTitle {
   height: 100%;
   width: 430;
@@ -475,5 +503,4 @@ export default {
   background-color: transparent !important;
   border: none !important;
   text-align: center !important;
-}
-</style>
+}</style>

二進制
static/images/overview/icon_info.png


二進制
static/images/overview/icon信息@2x.png


二進制
static/images/overview/info.jpg


二進制
static/images/overview/info_left.png


二進制
static/images/overview/info_main.png


二進制
static/images/overview/masking_bottom.png


二進制
static/images/overview/masking_left.png


二進制
static/images/overview/masking_right.png


二進制
static/images/overview/masking_top.png