1

src/renderer/components/Appbox/item.vue

@@ -42,20 +42,20 @@ export default {
   .item_wrap {
     cursor: pointer;
     flex-shrink: 0;
-    margin-right: 15px;
-    // margin-right: 8px;
+    // margin-right: 15px;
+    margin-right: 8px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
     padding-top: 10px;
-    // padding-bottom: 10px;
+    padding-bottom: 10px;
     box-sizing: border-box;
     // max-width: 110px;
-    width: 110px;
-    height: 110px;
+    // width: 110px;
+    // height: 110px;
     border-radius: 12px 12px 12px 12px;
-    // width: calc(33.3% - 6px);
+    width: calc(33.3% - 6px);
     &:nth-child(3n) {
       margin-right: 0;
     }

src/renderer/components/DragBox/box.vue

@@ -20,22 +20,25 @@ export default {
     float: left;
     // width: 460px;
     // width: 43%;
-    width: 49%;
+    // width: 49%;
+    box-sizing: border-box;
+    width: 100%;
     display: flex;
     flex-wrap: wrap;
     margin-top: 24px;
     padding: 30px 15px 18px;
     background: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.5) 100%);
     box-shadow: 0px 4px 4px 0px rgba(10,78,141,0.1);
-    border-radius: 20px 20px 20px 20px;
-    margin: 24px 12px 0;
+    border-radius: 20px;
+    // margin: 24px 12px 0;
+    margin-top: 24px;
     &.noList {
       padding-bottom: 30px;
     }
     &:nth-child(2n+1) {
       // margin-left: 30px;
       // width: 346px;
-      width: 37%;
+      // width: 37%;
     }
   }
 </style>
\ No newline at end of file

src/renderer/components/DragBox/index.vue

@@ -204,6 +204,7 @@ export default {
         }
     }
     .dragbox_cate {
+        width: 100%;
         .dragbox_cate_name {
             display: flex;
             align-items: center;
@@ -231,6 +232,7 @@ export default {
             border: 1px solid #C6D3EA;
         }
         .dragbox_cate_list {
+            width: 100%;
             display: flex;
             flex-wrap: wrap;
         }

src/renderer/components/DragBox/item.vue

@@ -45,12 +45,16 @@ export default {
     justify-content: flex-start;
     padding-top: 10px;
     box-sizing: border-box;
-    width: 110px;
-    height: 110px;
+    // width: 110px;
+    // height: 110px;
+    width: calc(33.3% -  4px);
     border-radius: 12px 12px 12px 12px;
     &:hover {
       background: rgba(57, 157, 249, 0.1);
     }
+    &:nth-child(3n) {
+      margin-right: 0;
+    }
   }
   .item_img {
     padding: 4px;

src/renderer/components/SchoolBox/index.vue

@@ -165,7 +165,8 @@ export default {
     }
     .resource_item {
         margin-top: 25px;
-        margin-left: 90px;
+        // margin-left: 90px;
+        margin-left: 10px;
         display: flex;
         flex-wrap: wrap;
     }

src/renderer/components/SchoolBox/item.vue

@@ -33,6 +33,9 @@ export default {
         align-items: center;
         cursor: pointer;
         min-height: 40px;
+        min-width: max-content;
+        margin-bottom: 15px;
+        margin-right: 20px;
         .school_item_img {
             width: 40px;
             height: 40px;

src/renderer/views/Home.vue

@@ -78,8 +78,8 @@ export default {
       this.ipcRenderer.send("window-new", {
         title: "管理页面",
         route: "/manage",
-        width: 1200,
-        // width: 600,
+        // width: 1200,
+        width: 600,
         height: 700,
         backgroundColor: "#DBE4F6",
         resizable: false,