anxiaoxia 3 år sedan
förälder
incheckning
7d6308a37b
1 ändrade filer med 38 tillägg och 11 borttagningar
  1. 38 11
      src/views/valueDelivery.vue

+ 38 - 11
src/views/valueDelivery.vue

@@ -11,18 +11,32 @@
             <div class="hor-head">
                 <HorHead />
             </div>
-            <div>
-                <NowData screenType="hor" />
-            </div>
-            <div>
-                <LastMonth screenType="hor" />
-            </div>
-            <div>
-                <AirSwitch screenType="hor" />
+
+            <div class="hor-nowData-content flexBetween">
+                <div class="content-left">
+                    <div>
+                        <NowData screenType="hor" />
+                    </div>
+                    <div class="content-left-next flexBetween">
+                        <div>
+                            <AirSwitch screenType="hor" />
+                        </div>
+                        <div>
+                            <span>chart图</span>
+                        </div>
+                    </div>
+
+                </div>
+                <div class="content-right">
+                    <div>
+                        <LastMonth screenType="hor" />
+                    </div>
+                </div>
             </div>
-            <div>
+
+            <!-- <div>
                 <FloorSpace />
-            </div>
+            </div> -->
         </div>
 
     </div>
@@ -45,15 +59,28 @@ export default {
 </script>
 <style lang="less" scoped>
 .valueDelivery {
+    scrollbar-width: none;
     .bg {
         position: absolute;
         z-index: -1;
     }
     .hor-head {
-        padding-top: 32px;
+        // padding-top: 32px;
         display: flex;
         justify-content: center;
     }
+    .hor-nowData-content {
+        padding: 32px 20px;
+        box-sizing: border-box;
+        .content-left-next {
+            padding-top: 27px;
+        }
+    }
+
+    .flexBetween {
+        display: flex;
+        justify-content: space-between;
+    }
 }
 </style>