lsappBms/lss_vue/src/views/404.vue

<template>
    <div>
        <div class="page-img">
            <img src="../assets/image/404.png" />
        </div>
        <p class="page-container"><b>Error</b>  页面加载失败！！！</p>
        <div class="page-button">
            <a @click="back" style="color:#93ADFA">点击重新加载</a>
        </div>
    </div>
</template>

<script>
    export default {
		data() {
			return {
				
			}
		},
		methods: {
            back() {
                // this.$router.go(-1);
                window.history.back()
            }
        },
        created() {
           
        },
		mounted() {
        }
	}
</script>

<style lang="scss" scoped>
    .page-img {
        text-align: center;
        padding: 100px 0 0 0 ;

        img {
            width: 2rem;
        }
    }

    .page-container {
        font-size: 20px;
        text-align: center;
        color: rgb(192, 204, 218);
        b {
            margin-right: 30px;
            font-size: 26px;
        }
    }

    .page-button {
        text-align: center;
        margin-top: 40px;
        .el-button.is-round {
            width: 150px;
            margin-right:80px;
        }
    }
</style>