Hooke / hager

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
8c539306 1 parent a29a1b93

🐞 fix: 底部组件随屏幕高度变化

Inline Side-by-side
Showing 2 changed files with 8 additions and 4 deletions
1 <!-- 1 <!--
2 * @Date: 2024-09-26 13:36:06 2 * @Date: 2024-09-26 13:36:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-09-26 17:16:14 4 + * @LastEditTime: 2024-09-27 20:32:41
5 * @FilePath: /hager/src/App.vue 5 * @FilePath: /hager/src/App.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
9 - <div class=""> 9 + <div style=" display: flex; flex-direction: column; min-height: 100vh;">
10 <hager-header></hager-header> 10 <hager-header></hager-header>
11 - <router-view style="margin-top: 3rem;"></router-view> 11 + <router-view style="margin-top: 3rem; flex-grow: 1;"></router-view>
12 <hager-footer></hager-footer> 12 <hager-footer></hager-footer>
13 </div> 13 </div>
14 </template> 14 </template>
...@@ -50,6 +50,9 @@ body { ...@@ -50,6 +50,9 @@ body {
50 } 50 }
51 } 51 }
52 52
53 +body {
54 +}
55 +
53 .global-center { 56 .global-center {
54 position: relative; 57 position: relative;
55 top: 50%; 58 top: 50%;
......
1 <!-- 1 <!--
2 * @Date: 2024-09-26 13:42:22 2 * @Date: 2024-09-26 13:42:22
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-09-27 19:34:39 4 + * @LastEditTime: 2024-09-27 20:31:41
5 * @FilePath: /hager/src/components/common/hagerFooter.vue 5 * @FilePath: /hager/src/components/common/hagerFooter.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -115,6 +115,7 @@ export default { ...@@ -115,6 +115,7 @@ export default {
115 <style lang="less" scoped> 115 <style lang="less" scoped>
116 .hager-footer { 116 .hager-footer {
117 background-color: #414141; 117 background-color: #414141;
118 + margin-top: auto;
118 .link-box { 119 .link-box {
119 .link-title { 120 .link-title {
120 font-size: 1.15rem; 121 font-size: 1.15rem;
......