汉化错误页面

This commit is contained in:
RuoYi 2019-12-03 19:18:22 +08:00
parent 9f5ed82cdf
commit 4e8b69c1d7
2 changed files with 18 additions and 24 deletions

View File

@ -6,31 +6,22 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<h1 class="text-jumbo text-ginormous"> <h1 class="text-jumbo text-ginormous">
Oops! 401错误!
</h1> </h1>
gif来源<a href="https://zh.airbnb.com/" target="_blank">airbnb</a> 页面 <h2>您没有访问权限</h2>
<h2>你没有权限去该页面</h2> <h6>对不起您没有访问权限请不要进行非法操作您可以返回主页面</h6>
<h6>如有不满请联系你领导</h6>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li>或者你可以去:</li>
<li class="link-type"> <li class="link-type">
<router-link to="/dashboard"> <router-link to="/">
回首页 回首页
</router-link> </router-link>
</li> </li>
<li class="link-type">
<a href="https://www.taobao.com/">随便看看</a>
</li>
<li><a href="#" @click.prevent="dialogVisible=true">点我看图</a></li>
</ul> </ul>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream."> <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
</el-col> </el-col>
</el-row> </el-row>
<el-dialog :visible.sync="dialogVisible" title="随便看">
<img :src="ewizardClap" class="pan-img">
</el-dialog>
</div> </div>
</template> </template>
@ -41,15 +32,13 @@ export default {
name: 'Page401', name: 'Page401',
data() { data() {
return { return {
errGif: errGif + '?' + +new Date(), errGif: errGif + '?' + +new Date()
ewizardClap: 'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
dialogVisible: false
} }
}, },
methods: { methods: {
back() { back() {
if (this.$route.query.noGoBack) { if (this.$route.query.noGoBack) {
this.$router.push({ path: '/dashboard' }) this.$router.push({ path: '/' })
} else { } else {
this.$router.go(-1) this.$router.go(-1)
} }

View File

@ -8,13 +8,18 @@
<img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404"> <img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404">
</div> </div>
<div class="bullshit"> <div class="bullshit">
<div class="bullshit__oops">OOPS!</div> <div class="bullshit__oops">
<div class="bullshit__info">All rights reserved 404错误!
<a style="color:#20a0ff" href="https://wallstreetcn.com" target="_blank">wallstreetcn</a>
</div> </div>
<div class="bullshit__headline">{{ message }}</div> <div class="bullshit__headline">
<div class="bullshit__info">Please check that the URL you entered is correct, or click the button below to return to the homepage.</div> {{ message }}
<a href="" class="bullshit__return-home">Back to home</a> </div>
<div class="bullshit__info">
对不起您正在寻找的页面不存在尝试检查URL的错误然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容
</div>
<router-link to="/" class="bullshit__return-home">
返回首页
</router-link>
</div> </div>
</div> </div>
</div> </div>
@ -26,7 +31,7 @@ export default {
name: 'Page404', name: 'Page404',
computed: { computed: {
message() { message() {
return 'The webmaster said that you can not enter this page...' return '找不到网页!'
} }
} }
} }