You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
959 B
Vue
38 lines
959 B
Vue
11 months ago
|
<script>
|
||
|
|
import './index.css'
|
||
|
|
export default {
|
||
|
|
// #ifdef H5
|
||
|
|
onLaunch: function() {
|
||
|
|
this.show()
|
||
|
|
this.$router.beforeEach((to, from, next) => {
|
||
|
|
this.hide(next)
|
||
|
|
})
|
||
|
|
this.$router.afterEach(() => {
|
||
|
|
setTimeout(this.show, 50)
|
||
|
|
})
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
hide(callback) {
|
||
|
|
const classList = document.querySelector('uni-page').classList
|
||
|
|
classList.add('animation-before', 'animation-leave')
|
||
|
|
classList.remove('animation-show')
|
||
|
|
setTimeout(() => {
|
||
|
|
classList.remove('animation-before', 'animation-leave')
|
||
|
|
callback && callback()
|
||
|
|
}, 300)
|
||
|
|
},
|
||
|
|
show() {
|
||
|
|
const classList = document.querySelector('uni-page').classList
|
||
|
|
classList.add('animation-before')
|
||
|
|
setTimeout(() => {
|
||
|
|
classList.add('animation-enter', 'animation-after', 'animation-show')
|
||
|
|
setTimeout(() => {
|
||
|
|
classList.remove('animation-before', 'animation-after', 'animation-enter')
|
||
|
|
}, 300)
|
||
|
|
}, 20)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// #endif
|
||
|
|
}
|
||
|
|
</script>
|