默认提交
Showing
2 changed files
with
18 additions
and
7 deletions
1 | <template> | 1 | <template> |
2 | <div id="app" :lang="lang"> | 2 | <div id="app" :lang="lang"> |
3 | <v-header class="header"></v-header> | 3 | <v-header class="header"></v-header> |
4 | <main ref="container" class="main-container"> | 4 | <main ref="container" class="main-container" :class="{'main-container-min-height':!initCss}"> |
5 | <router-view /> | 5 | <router-view /> |
6 | </main> | 6 | </main> |
7 | <v-footer></v-footer> | 7 | <v-footer></v-footer> |
... | @@ -32,7 +32,8 @@ export default { | ... | @@ -32,7 +32,8 @@ export default { |
32 | }, | 32 | }, |
33 | data() { | 33 | data() { |
34 | return { | 34 | return { |
35 | lang: "zh" | 35 | lang: "zh", |
36 | initCss: false | ||
36 | }; | 37 | }; |
37 | }, | 38 | }, |
38 | computed: { | 39 | computed: { |
... | @@ -76,6 +77,10 @@ export default { | ... | @@ -76,6 +77,10 @@ export default { |
76 | this.refreshUA(); | 77 | this.refreshUA(); |
77 | // | 78 | // |
78 | this.refreshProfile(); | 79 | this.refreshProfile(); |
80 | |||
81 | setTimeout(() => { | ||
82 | this.initCss = true; | ||
83 | }, 2000); | ||
79 | } | 84 | } |
80 | }; | 85 | }; |
81 | </script> | 86 | </script> |
... | @@ -346,7 +351,7 @@ textarea { | ... | @@ -346,7 +351,7 @@ textarea { |
346 | .main-container { | 351 | .main-container { |
347 | position: relative; | 352 | position: relative; |
348 | margin: 0 auto; | 353 | margin: 0 auto; |
349 | width: 100%; | 354 | width: 100%; |
350 | 355 | ||
351 | &::after { | 356 | &::after { |
352 | display: table; | 357 | display: table; |
... | @@ -355,6 +360,10 @@ textarea { | ... | @@ -355,6 +360,10 @@ textarea { |
355 | } | 360 | } |
356 | } | 361 | } |
357 | 362 | ||
363 | .main-container-min-height { | ||
364 | min-height: 600px; | ||
365 | } | ||
366 | |||
358 | .content { | 367 | .content { |
359 | max-width: 1200px; | 368 | max-width: 1200px; |
360 | width: 100%; | 369 | width: 100%; | ... | ... |
... | @@ -80,10 +80,12 @@ export default { | ... | @@ -80,10 +80,12 @@ export default { |
80 | if (this.type == "lang") { | 80 | if (this.type == "lang") { |
81 | // 如果是语言设置,则设置语言 | 81 | // 如果是语言设置,则设置语言 |
82 | let lang = curData.value; | 82 | let lang = curData.value; |
83 | this.$i18n.locale = lang; | 83 | if (lang != localStorage.getItem('lang')) { |
84 | localStorage.setItem("lang", lang); | 84 | // this.$i18n.locale = lang; |
85 | this.sTitle = curData.name; | 85 | // this.sTitle = curData.name; |
86 | window.location.reload(); | 86 | localStorage.setItem("lang", lang); |
87 | window.location.reload(); | ||
88 | } | ||
87 | } else { | 89 | } else { |
88 | // if (curData.value == "logout") { | 90 | // if (curData.value == "logout") { |
89 | // this.loginHandler(); | 91 | // this.loginHandler(); | ... | ... |
-
Please register or sign in to post a comment