47 lines
878 B
Vue
47 lines
878 B
Vue
<template>
|
||
<view class="content vertical">
|
||
<image src="@/static/404/404.png" mode="widthFix"></image>
|
||
<view class="text">出错了</view>
|
||
<view class="text">你访问的页面以离开了地球~！</view>
|
||
<button type="default" size="mini" @click="$Router.replaceAll({name: 'Index'})">返回首页</button>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
};
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.content{
|
||
height: 100vh;
|
||
width: 100vw;
|
||
text-align: center;
|
||
padding-bottom: 20vh;
|
||
background: #2e065f;
|
||
.text{
|
||
color: #dbb6ec;
|
||
line-height: 60rpx;
|
||
font-size: $title-size-m;
|
||
}
|
||
button{
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
width: 60vw;
|
||
font-size: $title-size-lg;
|
||
border-radius: 0;
|
||
margin-top: $margin*2;
|
||
background: white;
|
||
color: #2e065f;
|
||
&::after{
|
||
border: none;
|
||
}
|
||
}
|
||
}
|
||
</style>
|