<template>
	<div class="router-container">
		<transition name="router-fade" mode="out-in">
			<keep-alive>
			  <router-view v-if="$route.meta.keepAlive"></router-view>
			</keep-alive>
    </transition>
    <transition name="router-fade" mode="out-in">
			<router-view v-if="!$route.meta.keepAlive"></router-view>
		</transition>
		<!-- <svg-icon></svg-icon>	 -->
    </div>
</template>

<script>
	// import svgIcon from './components/common/svg';
  	export default {
    	components:{
            // svgIcon
        },
  	}

</script>

<style lang="less">
  	@import './style/mixin';
  	@import './style/common';
  	@import './style/global';
	.router-fade-enter-active, .router-fade-leave-active {
	  	transition: opacity .1s;
	}
	.router-fade-enter, .router-fade-leave-active {
	  	opacity: 0;
	}
  .router-container{
    height: 100%;
  }
</style>
