提交

src/views/mainBuilding/index.vue

@@ -113,8 +113,9 @@
                 <van-icon
                   v-if="v"
                   name="down"
-                  :class="{ ro: v > item.qoq_read_count[i] }"
+                  :class="{ ro: v > item.qoq_read_count[i], noWidth: true }"
                   :color="v <= item.qoq_read_count[i] ? '#00B050' : 'red'"
+                  :style="{top: v <= item.qoq_read_count[i] ? '1.25em' : '1.5em'}"
                 />
                 <span v-if="!v">/</span>
               </van-col>
@@ -128,8 +129,9 @@
                 <van-icon
                   v-if="v"
                   name="down"
-                  :class="{ ro: v > item.qoq_read_count[i] }"
+                  :class="{ ro: v > item.qoq_read_count[i], noWidth: true }"
                   :color="v <= item.qoq_read_count[i] ? '#00B050' : 'red'"
+                  :style="{top: v <= item.qoq_read_count[i] ? '1.25em' : '1.5em'}"
                 />
                 <span v-if="!v">/</span>
               </van-col>
@@ -291,6 +293,11 @@ export default {
 .mainBuilding .data .van-col {
   height: 3.5em;
   line-height: 3.5em;
+  position: relative;
+}
+.mainBuilding .noWidth{
+    position: absolute;
+    top: 1.25em
 }
 .mainBuilding .data {
   text-align: center;
@@ -302,7 +309,8 @@ export default {
 .mainBuilding .ro {
   margin-top: -0.3em;
   transform: rotate(180deg);
-  vertical-align: middle;
+  transform-origin: center center;
+  vertical-align: middle;  
 }
 .mainBuilding .top {
   background-color: #5a80a7;