50 lines
703 B
Vue
50 lines
703 B
Vue
<!-- -->
|
|
<template>
|
|
<div class="appamin">
|
|
<transition name="fade" mode="out-in">
|
|
<router-view ></router-view>
|
|
</transition>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'AppMain',
|
|
data () {
|
|
return {
|
|
|
|
}
|
|
},
|
|
computed: {},
|
|
beforeMount () {},
|
|
mounted () {},
|
|
methods: {},
|
|
watch: {}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<style lang='less' scoped>
|
|
.appamin{
|
|
background: transparent;
|
|
flex: 1;
|
|
box-sizing: border-box;
|
|
padding: 60px 80px 0;
|
|
}
|
|
|
|
</style>
|
|
<style lang="less">
|
|
.fade-enter {
|
|
opacity: 0;
|
|
transform: translateX(10px);
|
|
}
|
|
.fade-leave{
|
|
transform: translateX(10px);
|
|
opacity: 1;
|
|
}
|
|
.fade-leave-active,.fade-enter-active {
|
|
transition:all 0.1s;
|
|
}
|
|
</style>
|