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

@@ -4,35 +4,35 @@
           <img @click="addCate" src="~@/assets/addCategory.png" alt="" class="dragbox_head_img"><span @click="addCate" class="dragbox_head_txt">添加分类</span>
       </div>
       <cateBox v-for="(cItem, cIndex) in cateList" :key="cIndex" :nolist="(!cItem.softList || cItem.softList.length == 0)">
-            <div class="dragbox_cate" :data-id="cItem.id" data-type="cate_container">
-                <!-- @dblclick="modifyName(cItem.name,cIndex)" -->
-                <div v-if="editIndex != cIndex" class="dragbox_cate_name" >{{cItem.name}}
-                    <img @click="modifyName(cItem.name,cIndex)" 
-                        src="~@/assets/edit_icon.png" alt="" class="dragbox_cate_edit">
-                </div>
-                <el-input v-else v-model="editName" placeholder="" @blur="closeEdit(cIndex)" class="dragbox_cate_input"></el-input>
-                <div v-if="cItem.softList" class="dragbox_cate_list">
-                    <cateItem v-for="(sItem, sIndex) in cItem.softList" :key="sIndex"  :detail="sItem" :src="sItem.icon" :name="sItem.name"></cateItem>
-                </div>
+        <div class="dragbox_cate" :data-id="cItem.id" data-type="cate_container">
+            <!-- @dblclick="modifyName(cItem.name,cIndex)" -->
+            <div v-if="editIndex != cIndex" class="dragbox_cate_name" >{{cItem.name}}
+                <img @click="modifyName(cItem.name,cIndex)" 
+                    src="~@/assets/edit_icon.png" alt="" class="dragbox_cate_edit">
             </div>
-        </cateBox>
-        <el-dialog
-            title="添加分类"
-            :visible.sync="centerDialogVisible"
-            width="30%"
-            destroy-on-close
-            center>
-            <div style="padding-bottom:12px;fontsize:16px">请输入分类名称</div>
-            <el-input v-model="cateName" placeholder="请输入"></el-input>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="cancelAdd">取 消</el-button>
-                <el-button type="primary" @click="sureAdd">确 定</el-button>
-            </span>
-        </el-dialog>
-        <right-menu @closeMenu="closeMenu" @select="selectMenu"
-            :cates="[{'name':'从当前分类移出'}]" :showText="false"
-            :visible="showMenu" :left="menuPosition.left" :top="menuPosition.top">
-        </right-menu>
+            <el-input v-else v-model="editName" placeholder="" @blur="closeEdit(cIndex)" class="dragbox_cate_input"></el-input>
+            <div v-if="cItem.softList" class="dragbox_cate_list">
+                <cateItem v-for="(sItem, sIndex) in cItem.softList" :key="sIndex"  :detail="sItem" :src="sItem.icon" :name="sItem.name"></cateItem>
+            </div>
+        </div>
+    </cateBox>
+    <el-dialog
+        title="添加分类"
+        :visible.sync="centerDialogVisible"
+        width="30%"
+        destroy-on-close
+        center>
+        <div style="padding-bottom:12px;fontsize:16px">请输入分类名称</div>
+        <el-input v-model="cateName" placeholder="请输入"></el-input>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="cancelAdd">取 消</el-button>
+            <el-button type="primary" @click="sureAdd">确 定</el-button>
+        </span>
+    </el-dialog>
+    <right-menu @closeMenu="closeMenu" @select="selectMenu"
+        :cates="[{'name':'从当前分类移出'}]" :showText="false"
+        :visible="showMenu" :left="menuPosition.left" :top="menuPosition.top">
+    </right-menu>
   </div>
 </template>
 
@@ -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,