打包样式错乱

src/views/cockpit/common/DialWatch.vue

@@ -1,15 +1,15 @@
 <template>
-    <div class="content_scjd">
+    <div id="content_dial_watch">
         <div class="space">
 
-            <div class="lt_box box">
+            <div class="lt_box box_dial_watch">
                 <div class="text">
 
                     <p>{{ dial_watch_info.lt.key }}</p>
                     <span>{{ dial_watch_info.lt.value }}</span>{{ dial_watch_info.lt.unit }}
                 </div>
             </div>
-            <div class="lb_box box">
+            <div class="lb_box box_dial_watch">
                 <div class="text">
                     <p>{{ dial_watch_info.lb.key }}</p>
                     <span>{{ dial_watch_info.lb.value }}</span>{{ dial_watch_info.lb.unit }}
@@ -19,13 +19,13 @@
 
 
             </div>
-            <div class="rt_box_tdsc_jd box">
+            <div class="rt_box box_dial_watch">
                 <div class="text">
                     <p>{{ dial_watch_info.rt.key }}</p>
                     <span>{{ dial_watch_info.rt.value }}</span>{{ dial_watch_info.rt.unit }}
                 </div>
             </div>
-            <div class="rb_box_tdsc_jd box">
+            <div class="rb_box box_dial_watch">
                 <div class="text">
                     <p>{{ dial_watch_info.rb.key }}</p>
                     <span>{{ dial_watch_info.rb.value }}</span>{{ dial_watch_info.rb.unit }}
@@ -288,7 +288,7 @@ export default {
 };
 </script>
 <style lang="scss"  scoped>
-.content_scjd {
+#content_dial_watch {
     #dial_watch_scjg {
         // border: 1px red solid;
         width: 26rem;
@@ -300,7 +300,7 @@ export default {
     }
 
 
-    .box {
+    .box_dial_watch {
         width: 10rem;
         height: 5rem;
         position: absolute;
@@ -327,7 +327,7 @@ export default {
 
     }
 
-    .rt_box_tdsc_jd {
+    .rt_box {
         background: no-repeat;
         background-size: 101% 50%;
 
@@ -345,7 +345,7 @@ export default {
         }
     }
 
-    .rb_box_tdsc_jd {
+    .rb_box {
         background: no-repeat;
         background-size: 101% 50%;
         background-image: url("/static/images/overview/rbback.png");

src/views/cockpit/tdsy.vue

@@ -65,10 +65,8 @@
       </div>
       <div v-show="left_value == left_options[0].value && right_value == right_options[0].value">
 
-        <div class="tdgy_gyjd_box">
-          <DialWatch class="tdgy_gyjd" :dial_watch_info="dial_watch_info" ref="tdgy_gyjd" />
+        <DialWatch class="tdgy_gyjd" :dial_watch_info="dial_watch_info" ref="tdgy_gyjd" />
 
-        </div>
         <pie3d id="tdgy_echart_gyjd" unit="公顷" :legendFlag=true ref="tdgy_echart_gyjd"></pie3d>
 
       </div>
@@ -1030,9 +1028,4 @@ export default {
   }
 }
 
-.tdgy_gyjd_box {
-  color: #002B6C;
-  color: #002B6C;
-  margin-top: -1rem;
-}
 </style>