吉鹏 / gulu-admin

Blame view

src/views/error-page/500.vue 1.04 KB
edit raw normal view history
1172ebb79   Adam   auto commit the c... 
1
2
3
4
 
  <template>
    <div class="error-page">
      <div class="error-code">
        5
50760eab9   Adam   auto commit the c... 
5
 
        <span>0</span>0
1172ebb79   Adam   auto commit the c... 
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
      </div>
      <div class="error-desc">啊哦~ 系统出了故障！</div>
      <div class="error-handle">
        <router-link to="/">
          <el-button type="primary" size="large">返回首页</el-button>
        </router-link>
        <el-button class="error-btn" type="primary" size="large" @click="goBack">返回上一页</el-button>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    methods: {
      goBack() {
3d3cdb68f   Adam   auto commit the c... 
21
 
        this.$router.go(-1)
1172ebb79   Adam   auto commit the c... 
22
23
 
      }
    }
3d3cdb68f   Adam   auto commit the c... 
24
 
  }
1172ebb79   Adam   auto commit the c... 
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
  </script>
  <style scoped>
  .error-page {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #f3f3f3;
    box-sizing: border-box;
  }
  .error-code {
    line-height: 1;
    font-size: 250px;
    font-weight: bolder;
    color: #f02d2d;
  }
  .error-code span {
    color: #00a854;
  }
  .error-desc {
    font-size: 30px;
    color: #777;
  }
  .error-handle {
    margin-top: 30px;
    padding-bottom: 200px;
  }
  .error-btn {
    margin-left: 100px;
  }
3d3cdb68f   Adam   auto commit the c... 
57
 
  </style>