jpcj-h5/src/App.vue

<template>
	<router-view v-slot="{ Component }">
		<component :is="Component" />
	</router-view>
</template>

<script lang="ts">
	import { defineComponent } from "vue";

	export default defineComponent({
		name: "App",
	});
</script>

<style lang="scss">
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	#app::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}
	/* 可以设置不同的进入和离开动画   */
	/* 设置持续时间和动画函数        */
	.slide-left-enter,
	.slide-right-leave-active {
		opacity: 0;
		-webkit-transform: translate(30px, 0);
		transform: translate(30px, 0);
	}
	.slide-left-leave-active,
	.slide-right-enter {
		opacity: 0;
		-webkit-transform: translate(-30px, 0);
		transform: translate(-30px, 0);
	}
</style>