<!--
 * @Author: your name
 * @Date: 2020-12-01 09:54:12
 * @LastEditTime: 2020-12-02 16:35:10
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \rs-cloud-platform-ui\src\views\webSiteManagement\newsCategory\index.vue
-->
<template>
  <div id='Container'>
    <transition name="fade">
        <component v-show="componentName" :is="`${componentName}`"></component>
    </transition>
  </div>
</template>

<script>
import nebulaDynamics from './nebulaDynamics/index'
import newsCreator from './newsCreator/index'
export default {
  name: 'Container',
  components: {
      nebulaDynamics,
      newsCreator
  },
  data(){
    return {
        componentName: 'nebulaDynamics',
    }
  },
  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>