样式调整

src/components/scene/GovernmentAffairs.vue

@@ -57,9 +57,9 @@
       </dv-border-box-4>
     </div>
 <!--    满意度统计-->
-    <dv-border-box1 :color="['#49baa5', 'white']" backgroundColor="rgba(0, 0, 0, 0.5)" style="position:absolute;width: 33%;height: 25%;top: 65%;right: 33%">
+    <dv-border-box1 :color="['#49baa5', 'white']" backgroundColor="rgba(0, 0, 0, 0.5)" style="position:absolute;width: 33%;height: 25%;top: 65%;right: 33%;">
       <div style="width: 100%;height: 10%;justify-content: center" class="title center">满意度统计</div>
-      <dv-conical-column-chart :config="config" style="width:90%;height:90%;" />
+      <dv-conical-column-chart :config="config" style="margin-left:5%; width:90%;height:88%;" />
     </dv-border-box1>
   </div>
 </template>
@@ -78,7 +78,7 @@
           type: {},
           amount: 0,
           config:{
-            columnColor:'rgba(0,78,50,0.9)',
+            columnColor:'rgba(0, 194, 255, 0.4)',
             data:[
               {
                 name: '非常满意',

src/components/scene/TraficScreen.vue

@@ -1,17 +1,18 @@
 <template>
   <div class="full">
 
-    <!--  交通元素数据  -->
-    <div style="position:absolute;width: 40%;height: 10%;top: 10%;right: 30%;color: white;">
+    <!--  交通元素数据 backgroundColor="rgba(0, 0, 0, 0.5)" -->
+    <div style="position:absolute;width: 40%;height: 10%;top: 15%;right: 30%;color: white;">
       <div class="full center">
         <dv-border-box-7
           class="click"
-          :color="['#42c3b6', 'white']" backgroundColor="rgba(0, 0, 0, 0.5)"
+          :color="['#42c3b6', 'white']"
+          
           v-for="(item,index) of carList" :key="item"
                          style="width: 100px;height: 100px;margin: 10px;"
         >
           <div class="full center" style="flex-direction: column">
-            <div style="width: 50px;height: 50px;" :style="{
+            <div style="width: 50px;height: 50px;margin-top: 10px" :style="{
               background: 'url(/icon/car'+index+'.png) no-repeat center/contain'
             }"></div>
             <div style="width: 100%;height: 50px;" class="center">{{item.name}}</div>
@@ -105,8 +106,8 @@
       </div>
     </div>
 
-    <div style="position:absolute;width: 20%;height: 25%;top: 20%;right: 1%;color: white;">
-      <dv-border-box-11 :color="['#49baa5', '#18625d']" backgroundColor="rgba(0, 0, 0, 0.5)" title="郑州市交通实况">
+    <div style="position:absolute;width: 25%;height: 30%;top: 15%;right: 1%;color: white;">
+      <dv-border-box-11 style="width: 100%;height: 100%" :color="['#49baa5', '#18625d']" backgroundColor="rgba(0, 0, 0, 0.5)" title="郑州市交通实况">
         <div class="full center" style="flex-direction: column">
           <div style="width: 90%;height: 15%;"></div>
           <div style="width: 90%;height: 65%;background: url('/data/trafic.png') no-repeat center/cover"></div>

src/views/grid/mainScreen.vue

@@ -11,7 +11,7 @@
       <div style="width: 30%;height: 100%" >
         <time-bar></time-bar>
       </div>
-      <div style="width: 40%;height: 100%" class="center">汤阴运营指挥中心</div>
+      <div style="width: 40%;height: 100%" class="center">汤阴县5G+新型智慧城市指挥中心</div>
       <dv-border-box-5 :reverse="true" style="width: 30%;font-size: 20px" :color="['#49baa5', '#dddddd']" backgroundColor="rgba(0, 0, 0, 0.5)">
         <div  class="full center">
           <top-menu></top-menu>