From ffc637544bda4872938ea66ed1c2ef67f3fb14c8 Mon Sep 17 00:00:00 2001
From: Admin <978517621@qq.com>
Date: 星期三, 17 八月 2022 09:14:55 +0800
Subject: [PATCH] Default Changelist

---
 src/views/doublePrevent/dpIndex/index.vue |   47 +++++++++++++++++++++++++++++++++++++----------
 1 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/src/views/doublePrevent/dpIndex/index.vue b/src/views/doublePrevent/dpIndex/index.vue
index af4b5db..89dd7b5 100644
--- a/src/views/doublePrevent/dpIndex/index.vue
+++ b/src/views/doublePrevent/dpIndex/index.vue
@@ -379,6 +379,18 @@
     $homeNavLengh: 8;
 
     @media screen and (min-width: 1366px) {
+        .main-cont {
+            width: 100%;
+            height: 100%;
+            display: grid;
+            margin-bottom: 40px;
+            box-sizing: border-box;
+            grid-gap: 20px;
+            grid-template-columns: repeat(3, 1fr);
+            grid-template-rows: repeat(2, 1fr);
+            grid-auto-flow: row;
+            justify-content: center;
+        }
         .item-head{
             height: 25px;
             line-height: 25px;
@@ -402,6 +414,18 @@
     }
 
     @media screen and (min-width: 1024px) and (max-width: 1366px){
+        .main-cont {
+            width: 100%;
+            height: 100%;
+            display: grid;
+            margin-bottom: 40px;
+            box-sizing: border-box;
+            grid-gap: 15px;
+            grid-template-columns: repeat(3, 1fr);
+            grid-template-rows: repeat(2, 1fr);
+            grid-auto-flow: row;
+            justify-content: center;
+        }
         .item-head{
             height: 20px;
             line-height: 20px;
@@ -424,6 +448,18 @@
     }
 
     @media screen and (max-width: 1024px) {
+        .main-cont {
+            width: 100%;
+            height: 100%;
+            display: grid;
+            margin-bottom: 40px;
+            box-sizing: border-box;
+            grid-gap: 10px;
+            grid-template-columns: repeat(3, 1fr);
+            grid-template-rows: repeat(2, 1fr);
+            grid-auto-flow: row;
+            justify-content: center;
+        }
         .item-head{
             height: 20px;
             line-height: 20px;
@@ -450,16 +486,7 @@
         overflow: hidden;
 
         .main-cont {
-            width: 100%;
-            height: 100%;
-            display: grid;
-            margin-bottom: 40px;
-            box-sizing: border-box;
-            grid-gap: 20px;
-            grid-template-columns: repeat(3, 1fr);
-            grid-template-rows: repeat(2, 1fr);
-            grid-auto-flow: row;
-            justify-content: center;
+
             .table-item{
                 border-radius: 8px;
                 background: #fff;

--
Gitblit v1.9.2