| | |
| | | <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> |
| | |
| | | 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); |
| | | height: calc(100vh - 88px); |
| | | width: 100%; |
| | | position: relative; |
| | | overflow: hidden; |
| | | >div{ |
| | | min-height: calc(100vh - 88px); |
| | | height: 100%; |
| | | width: 100%; |
| | | } |