XiaoRuby
2023-08-22 4c4c6475fde41dbee74c6a071a187a47a1c4a243
src/layout/components/AppMain.vue
@@ -1,7 +1,7 @@
<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>
@@ -13,19 +13,32 @@
    key() {
      return this.$route.path
    }
  },
  methods: {
    childMethod(){
      this.$refs.child.combackLookPlan()
    },
    triggerMainBtnPlan(){
      this.$parent.triggerCombackBtn()
    },
    mainAdd(){
      this.$refs.child.measureAdd()
    },
    mainShowAdd(){
      this.$parent.showIndexAdd()
    }
  }
}
</script>
<style lang="scss" scoped>
.app-main {
  /*88 = navbar+baredcrumb  */
  min-height: calc(100vh - 88px);
  /* 88 = navbar+baredcrumb  */
  height: calc(100vh - 88px);
  width: 100%;
  position: relative;
  overflow: hidden;
  >div{
    min-height: calc(100vh - 88px);
    height: 100%;
    width: 100%;
  }