`fix`

src/components/HomeComponents/stationPie.vue

@@ -8,39 +8,47 @@
         <div style="display: flex;flex-direction: row;margin-top: 1vh;padding-left: 1vw;">
           <div ref="stationchart" style="width:10vw;height: 20vh;"></div>
           <div style="display: flex;flex-direction: column;">
-            <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;">
-              <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png" /></div>
+            <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;position:relative;">
+              <div><img style="width: 2vw;height: 1vh;;position:absolute;top:0" src="@/assets/images/homeImages/up.png" /></div>
               <div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
                 <div class="typeClass">总设备数</div>
                 <div class="countClass" style="color: #FEF822;">
                   {{totaldevice }}
                 </div>
               </div>
-              <div style="margin-left: 6vw;"><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/bottom.png" /></div>
+              <div style="margin-left: 6vw;">
+                <img style="width: 2vw;height: 1vh;position:absolute; bottom:0;right:0" src="@/assets/images/homeImages/bottom.png" />
+              </div>
             </div>
-            <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;">
-              <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png" /></div>
+            <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;position:relative;">
+              <div><img style="width: 2vw;height: 1vh;position:absolute;top:0" src="@/assets/images/homeImages/up.png" /></div>
               <div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
                 <div class="typeClass">在线设备</div>
                 <div class="countClass" style="color: #22FE31;">{{ onlinedevice }}</div>
               </div>
-              <div style="margin-left: 6vw;"><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/bottom.png" /></div>
+              <div style="margin-left: 6vw;">
+                <img style="width: 2vw;height: 1vh;position:absolute; bottom:0;right:0" src="@/assets/images/homeImages/bottom.png" />
+              </div>
             </div>
-            <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;">
-              <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png" /></div>
+            <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;position:relative;">
+              <div><img style="width: 2vw;height: 1vh;position:absolute;top:0" src="@/assets/images/homeImages/up.png" /></div>
               <div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
                 <div class="typeClass">箱体总数</div>
                 <div class="countClass" style="color: #FEF822;">{{ totalcabinet }}</div>
               </div>
-              <div style="margin-left: 6vw;"><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/bottom.png" /></div>
+              <div style="margin-left: 6vw;">
+                <img style="width: 2vw;height: 1vh;position:absolute; bottom:0;right:0" src="@/assets/images/homeImages/bottom.png" />
+              </div>
             </div>
-            <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;">
-              <div><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/up.png" /></div>
+            <div class="countDiv" style="display: flex;flex-direction: column;justify-content: space-between;margin-top: 0.5vh;position:relative;">
+              <div><img style="width: 2vw;height: 1vh;position:absolute;top:0" src="@/assets/images/homeImages/up.png" /></div>
               <div style="display: flex;flex-direction: row;justify-content: space-between;padding-left: 0.5vw;padding-right: 1vw;">
                 <div class="typeClass">空闲箱体</div>
                 <div class="countClass" style="color: #22FE31;">{{ kxcabinet }}</div>
               </div>
-              <div style="margin-left: 6vw;"><img style="width: 2vw;height: 1vh;" src="@/assets/images/homeImages/bottom.png" /></div>
+              <div style="margin-left: 6vw;">
+                <img style="width: 2vw;height: 1vh; position:absolute; bottom:0;right:0" src="@/assets/images/homeImages/bottom.png" />
+              </div>
             </div>
           </div>