|
|
|
@ -1,18 +1,18 @@
|
|
|
|
|
<!--
|
|
|
|
|
* @Author: your name
|
|
|
|
|
* @Date: 2021-10-13 14:25:26
|
|
|
|
|
* @LastEditTime: 2021-11-02 17:24:34
|
|
|
|
|
* @LastEditTime: 2021-11-03 11:12:39
|
|
|
|
|
* @LastEditors: Please set LastEditors
|
|
|
|
|
* @Description: In User Settings Edit
|
|
|
|
|
* @FilePath: /data-show/src/lycomponents/iLayout/index.vue
|
|
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
|
<div class="layout-container">
|
|
|
|
|
<iHeader v-if="getHeaderType == 1"></iHeader>
|
|
|
|
|
<iHeader v-if="getHeaderType == 1" :style="headerStyle"></iHeader>
|
|
|
|
|
<iHeaderMa v-if="getHeaderType == 2"></iHeaderMa>
|
|
|
|
|
<iHeaderBrand v-if="getHeaderType == 3"></iHeaderBrand>
|
|
|
|
|
<div class="layout-body">
|
|
|
|
|
<router-view v-if="isRouterAlive && !scrollShow"></router-view>
|
|
|
|
|
<router-view v-if="isRouterAlive && !scrollShow" @changeZoom="changeZoom"></router-view>
|
|
|
|
|
<vue-scroll v-if="scrollShow && isRouterAlive">
|
|
|
|
|
<router-view></router-view>
|
|
|
|
|
</vue-scroll>
|
|
|
|
@ -45,6 +45,7 @@ export default {
|
|
|
|
|
return {
|
|
|
|
|
isRouterAlive: true,
|
|
|
|
|
scrollShow: true,
|
|
|
|
|
headerStyle: {}
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
@ -54,6 +55,9 @@ export default {
|
|
|
|
|
this.isRouterAlive = true;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
changeZoom() {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|