光伏二级页样式修改

src/components/PvDetailPages.vue

@@ -17,7 +17,9 @@
                         <span>{{item.name}}</span>
                     </div>
                     <div class="arrMsg">
-                        <span style="padding-right: 20px">{{item.value}}</span>
+                        <div class="msgNum">
+                            <span style="padding-right: 20px">{{item.value}}</span>
+                        </div>
                         <span style="width: 20%;color: #c3c3c3">{{item.unit}}</span>
                     </div>
                 </div>
@@ -333,8 +335,15 @@ export default {
             .arrMsg{
                 width: 60%;
                 display: flex;
-                justify-content: end;
+                // justify-content: end;
                 padding-right: 20px;
+                .msgNum{
+                    width: 140px;
+                    span{
+                        padding-right: 20px;
+                        float: right;
+                    }
+                }
                 span{
                     display: inline-block;
                 }