Explorar el Código

improve: 样式调整/浮窗跳转

From-wh hace 2 años
padre
commit
196236908e

+ 1 - 0
template/admin/src/components/main/components/side-menu/collapsed-menu.vue

@@ -66,6 +66,7 @@ export default {
   },
   methods: {
     handleClick(name) {
+      console.log(name)
       this.$emit('on-click', name);
     },
     handleMousemove(event, children) {

+ 6 - 2
template/admin/src/components/main/components/side-menu/side-menu.vue

@@ -69,7 +69,7 @@
       <template v-for="item in menuList">
         <collapsed-menu
           v-if="item.children && item.children.length > 0"
-          @on-click="handleSelect"
+          @on-click="collHandleSelect"
           :hide-title="true"
           :activeMenuPath="activeMenuPath"
           :root-icon-size="rootIconSize"
@@ -80,7 +80,7 @@
         ></collapsed-menu>
         <Tooltip transfer v-else :content="item.title" placement="right" :key="`drop-menu-${item.path}`">
           <a
-            @click="handleSelect(item)"
+            @click="collHandleSelect(item)"
             class="drop-menu-a"
             :class="{ on: item.path == activeMenuPath }"
             :style="{ textAlign: 'center' }"
@@ -196,6 +196,7 @@ export default {
         }
       });
     },
+
     handleSelect(name, type) {
       this.childOptions = [];
       this.menuList.map((e) => {
@@ -241,6 +242,9 @@ export default {
     handleChildSelect(name) {
       this.turnToPage(name);
     },
+    collHandleSelect(name) {
+      this.turnToPage(name);
+    },
     turnToPage(route, all) {
       let { path, name, params, query } = {};
       if (typeof route === 'string' && !all) path = route;

+ 2 - 2
template/admin/src/components/main/main.less

@@ -18,11 +18,11 @@
     line-height: 50px;
   }
   .main-layout-con {
-    height: 100%;
+    height: calc(~"100vh - 60px");
     overflow: hidden;
   }
   .main-content-con {
-    height: ~'calc(100% - 70px)';
+    height: ~'calc(100vh - 60px)';
     overflow: hidden;
   }
   .tag-nav-wrapper {