样式调整

src/components/Query/clickQuery/CockpitVector.vue

@@ -7,9 +7,15 @@
 
 
 
-      <div class="list_vector" v-for="(item, index ) in store.state.vectorData" :key="index" v-if="item.name != 'geom'">
-        <span>{{ item.name }}：</span>
-        <span>{{ item.value }}</span>
+      <div class="list_vector list_vector_multi" v-for="(item, index ) in store.state.vectorData" :key="index"
+        v-if="item.name != 'geom'">
+        <div class="filed_box">
+          {{ item.name }}
+        </div>
+        :
+        <div class="filed_box">
+          {{ item.value }}
+        </div>
       </div>
     </div>
   </div>
@@ -284,9 +290,10 @@ export default {
 };
 </script>
 <style  scoped lang="scss">
-.CockpitVectorBox{
+.CockpitVectorBox {
   // color: #198ec0;
 }
+
 .search {
   position: absolute;
   top: 5rem;
@@ -378,4 +385,25 @@ export default {
   background-color: rgba(8, 162, 223, 0.8);
   border-radius: 6px;
 }
+
+
+.list_vector_multi {
+  background-image: url("/static/images/ghzc/内容框.png");
+
+  width: 20rem;
+  border-top: 1px solid #CCC;
+  font-size: 14px;
+  padding: 0.5rem 0rem 0.5rem 0rem;
+  border-left: 1px solid #CCC;
+  border-right: 1px solid #CCC;
+}
+
+.list_vector_multi:last-child {
+
+  border-bottom: 1px solid #CCC;
+}
+
+.filed_box {
+  display: inline-block;
+}
 </style>