123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- <template>
- <div class="exception">
- <div class="img">
- <img src="https://gw.alipayobjects.com/zos/rmsportal/RVRUAYdCGeYNBWoKiIwB.svg"/>
- </div>
- <div class="content">
- <h1>{{ }}</h1>
- <div class="desc">{{ }}</div>
- <div class="action">
- <a-button type="primary" @click="handleToHome">返回登录</a-button>
- </div>
- </div>
- </div>
- </template>
- <script>
- export default {
- name: "Exception",
- // props: {
- // type: {
- // type: String,
- // default: '404'
- // }
- // },
- data() {
- return {
- errorInfo:''
- }
- },
- methods: {
- handleToHome() {
- this.$router.push({name: 'login'})
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- .exception {
- min-height: 500px;
- height: 80%;
- align-items: center;
- text-align: center;
- margin-top: 150px;
- .img {
- display: inline-block;
- padding-right: 52px;
- zoom: 1;
- img {
- height: 360px;
- max-width: 430px;
- }
- }
- .content {
- display: inline-block;
- flex: auto;
- h1 {
- color: #434e59;
- font-size: 72px;
- font-weight: 600;
- line-height: 72px;
- margin-bottom: 24px;
- }
- .desc {
- color: rgba(0, 0, 0, .45);
- font-size: 20px;
- line-height: 28px;
- margin-bottom: 16px;
- }
- }
- }
- .mobile {
- .exception {
- margin-top: 30px;
- .img {
- padding-right: unset;
- img {
- height: 40%;
- max-width: 80%;
- }
- }
- }
- }
- </style>
|