8-21基础数据完成

XiaoRuby

2023-08-22 73ae352a2cf79d802ce860c9a62e7334595b63e6

 src/layout/components/AppMain.vue

@@ -1,39 +1,52 @@
<template>
  <section class="app-main">
    <transition name="fade-transform" mode="out-in">
      <router-view :key="key" />
      <router-view
        ref="child"
        @triggerMainBtnPlan="triggerMainBtnPlan"
        :key="key"
      />
    </transition>
  </section>
</template>

<script>
export default {
  name: 'AppMain',
  name: "AppMain",
  computed: {
    key() {
      return this.$route.path
    }
  }
}
      return this.$route.path;
    },
  },
  methods: {
    childMethod() {
      this.$refs.child.combackLookPlan();
    },
    triggerMainBtnPlan() {
      this.$parent.triggerCombackBtn();
    },
  },
};
</script>

<style lang="scss" scoped>
.app-main {
  /*88 = navbar+baredcrumb  */
  /* 88 = navbar+baredcrumb  */
  min-height: calc(100vh - 88px);
  width: 100%;
  position: relative;
  overflow: hidden;
  >div{
  > div {
    min-height: calc(100vh - 88px);
    height: 100%;
    width: 100%;
  }
  ::v-deep .content-main{//这是所有页面的内边距
  ::v-deep .content-main {
    //这是所有页面的内边距
    padding: 24px !important;
  }
}
.fixed-header+.app-main {
.fixed-header + .app-main {
  padding-top: 50px;
}
</style>
@@ -45,7 +58,7 @@
    padding-right: 15px;
  }
}
.el-menu--popup{
.el-menu--popup {
  width: 120px;
}
</style>