修改样式标准

src/assets/scss/index.scss

@@ -84,6 +84,12 @@
     }
     // 平行四边形
     .react-right {
+
+      font-size: 18px;
+      width: 400px;
+      // line-height: 50px;
+      text-align: center;
+      // transform: skewX(-45deg); 菱形
       &.react-l-s0 {
         text-align: center;
         width: 450px;
@@ -92,12 +98,6 @@
         text-align: right;
         width: 450px;
       }
-      font-size: 18px;
-      width: 400px;
-      // line-height: 50px;
-      text-align: center;
-      // transform: skewX(-45deg); 菱形
-
       .react-after {
         position: absolute;
         right: -25px;
@@ -110,15 +110,15 @@
     }
 
     .react-left {
-      &.react-l-s {
-        width: 500px;
-        text-align: left;
-      }
       font-size: 18px;
       width: 400px;
       // height: 50px;
       line-height: 50px;
       text-align: center;
+      &.react-l-s {
+        width: 500px;
+        text-align: left;
+      }
       // transform: skewX(45deg);
       // background-color: #0f1325;
 

src/views/centerLeft1.vue

@@ -138,14 +138,15 @@ $box-height: 410px;
 
   .bottom-data {
     .item-box {
-      & > div {
-        padding-right: 5px;
-      }
+
       font-size: 14px;
       float: right;
       position: relative;
       width: 50%;
       color: #d3d6dd;
+      & > div {
+        padding-right: 5px;
+      }
       .dv-digital-flop {
         width: 120px;
         height: 30px;