<!--
 * @Author: your name
 * @Date: 2020-12-02 10:27:53
 * @LastEditTime: 2020-12-08 14:32:42
 * @LastEditors: Please set LastEditors
 * @Description: 应用详情
 * @FilePath: \rs-cloud-platform-ui\src\views\webSiteManagement\industryApplication\applicationList\index.vue
-->
<template>
  <div id='Container'>
    <transition name="fade">
        <component v-show="componentName" :is="`${componentName}`"></component>
    </transition>
  </div>
</template>

<script>
import appList from './appList/index'
import addApp from './addApp/index'
export default {
  name: 'Container',
  components: {
    appList,
    addApp
  },
  data(){
    return {
      componentName: "appList",
    }
  },
  mounted() {

  },
  methods: {

  },
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
    .fade-enter-active, .fade-leave-active {
        transition: opacity .5s
    }
    .fade-enter, .fade-leave-active {
        opacity: 0
    }
</style>