首页修改小屏样式

ui/dasadmin/src/views/backend/dashboard.vue

@@ -3,7 +3,7 @@
         <el-row style="margin: 0px;">
             <el-col :md="24" :lg="24" class="col-top">
                 <el-row class="overview">
-                    <el-col :sm="24" :md="12" :lg="4">
+                    <el-col :xs="12" :sm="8" :md="8" :lg="4">
                         <div class="overviewItem" style="margin-left: 0px;">
                             <img class="small-panel-pic" src="~assets/dashboard/overview01.png" alt="" />
                             <div class="small-base">
@@ -15,7 +15,7 @@
                             </div>
                         </div>
                     </el-col>
-                    <el-col :sm="24" :md="12" :lg="4">
+                    <el-col :xs="12" :sm="8" :md="8" :lg="4">
                         <div class="overviewItem">
                             <img class="small-panel-pic" src="~assets/dashboard/overview02.png" alt="" />
                             <div class="small-base">
@@ -28,7 +28,7 @@
                         </div>
                     </el-col>
 
-                    <el-col :sm="24" :md="12" :lg="4">
+                    <el-col :xs="12" :sm="8" :md="8" :lg="4">
                         <div class="overviewItem">
                             <img class="small-panel-pic" src="~assets/dashboard/overview03.png" alt="" />
                             <div class="small-base">
@@ -41,7 +41,7 @@
                         </div>
                     </el-col>
 
-                    <el-col :sm="24" :md="12" :lg="4">
+                    <el-col :xs="12" :sm="8" :md="8" :lg="4">
                         <div class="overviewItem">
                             <img class="small-panel-pic" src="~assets/dashboard/overview04.png" alt="" />
                             <div class="small-base">
@@ -54,7 +54,7 @@
                         </div>
                     </el-col>
 
-                    <el-col :sm="24" :md="12" :lg="4">
+                    <el-col :xs="12" :sm="8" :md="8" :lg="4">
                         <div class="overviewItem">
                             <img class="small-panel-pic" src="~assets/dashboard/overview05.png" alt="" />
                             <div class="small-base">
@@ -66,7 +66,7 @@
                             </div>
                         </div>
                     </el-col>
-                    <el-col :sm="24" :md="12" :lg="4">
+                    <el-col :xs="12" :sm="8" :md="8" :lg="4">
                         <div class="overviewItem" style="margin-right: 0px;">
                             <img class="small-panel-pic" src="~assets/dashboard/overview06.png" alt="" />
                             <div class="small-base">
@@ -622,59 +622,18 @@ $labelHeight: 30px;
     }
 }
 
-@media screen and (max-width: 1920px) {
+
-    .default-main {
+
-        .trend {
-            height: 315px !important;
-        }
-    }
-}
-@media screen and (max-width: 1280px) {
-    .default-main {
-        /*height: auto !important;*/
-        .windtitle {
-            margin-bottom: 10px;
-        }
-        .summarize {
-            .summarize-panel {
-                margin: 2px !important;
-                .summarize-panel-base {
-                    white-space: normal !important;
-                }
-            }
-        }
-    }
-}
 @media screen and (max-width: 1360px) {
     .default-main {
         font-size: 11px !important;
-        .summarize {
-            word-break: break-all !important;
-        }
-        .overview {
-            .small-panel {
-                .small-base {
-                    margin-left: 0px !important;
-                    font-size: 11px !important;
-                }
-            }
-        }
     }
 }
 @media screen and (max-width: 1480px) {
     .default-main {
         font-size: 12px !important;
-        .overview {
+        .content-number {
-            .small-panel {
+            font-size: 16px !important;
-                padding: 13px 0px !important;
-            }
-        }
-        .status {
-            .status-panel {
-                .status-base-main {
-                    margin-left: 5px !important;
-                }
-            }
         }
     }
 }
@@ -682,7 +641,7 @@ $labelHeight: 30px;
     .default-main {
         /*font-size: 12px !important;*/
         .content-number {
-            font-size: 16px !important;
+            font-size: 18px !important;
         }
 
         .homelabel {
@@ -697,26 +656,6 @@ $labelHeight: 30px;
                 /* padding: 10px !important;*/
                 margin-bottom: 10px !important;
             }
-            .summarize {
-                margin-bottom: 10px !important;
-            }
-        }
-        .toal-panel {
-            padding: 0 !important;
-            padding-bottom: 10px !important;
-        }
-        // .matrix {
-        //     height: 900px !important;
-        // }
-        :deep(.el-tabs__header) {
-            margin-top: -33px !important;
-        }
-        .overview {
-            .small-panel {
-                .small-base {
-                    margin-left: 5px !important;
-                }
-            }
         }
     }
 }

ui/dasadmin/src/views/backend/home/windMatrix.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="FanList-content">
         <el-row :gutter="10">
-            <el-col :xs="24" :sm="12" :md="12" :lg="4" :xl="3" v-for="(item, index) in props.parentData" style="margin-bottom: 5px">
+            <el-col :xs="12" :sm="8" :md="8" :lg="4" :xl="3" v-for="(item, index) in props.parentData" style="margin-bottom: 5px">
                 <div class="grid-content ep-bg-purple" @dblclick="handleDoubleClick(item)">
                     <div class="FanList-panel" :class="item.standard == true ? 'wind-mark' : 'wind-default'">
                         <div class="fanlist-top">