From a90fa8d106a70744f59003d88143b501b2eb7f9d Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: 星期四, 18 六月 2020 18:41:08 +0800
Subject: [PATCH] 修改: 调整布局，解决全局动画导致的界面抖动问题；
---
src/components/exception/ExceptionPage.vue | 17 ++++++++---------
1 files changed, 8 insertions(+), 9 deletions(-)
diff --git a/src/components/exception/ExceptionPage.vue b/src/components/exception/ExceptionPage.vue
index ca2eea9..9fc4bed 100644
--- a/src/components/exception/ExceptionPage.vue
+++ b/src/components/exception/ExceptionPage.vue
@@ -1,8 +1,7 @@
<template>
- <div class="exception">
+ <div class="exception-page" :style="{minHeight: layoutMinHeight - 64 + 'px'}">
<div class="img">
<img :src="config[type].img" />
- <!--<div class="ele" :style="{backgroundImage: `url(${config[type].img})`}"/>-->
</div>
<div class="content">
<h1>{{config[type].title}}</h1>
@@ -24,17 +23,18 @@
return {
config: Config
}
- }
+ },
+ inject: ['layoutMinHeight']
}
</script>
<style lang="less" scoped>
- .exception{
- min-height: 500px;
- height: 80%;
+ .exception-page{
+ border-radius: 4px;
+ display: flex;
+ justify-content: center;
align-items: center;
- text-align: center;
- margin-top: 150px;
+ background-color: white;
.img{
display: inline-block;
padding-right: 52px;
@@ -46,7 +46,6 @@
}
.content{
display: inline-block;
- flex: auto;
h1{
color: #434e59;
font-size: 72px;
--
Gitblit v1.9.1