fix style

This commit is contained in:
KUN1007 2023-06-07 16:01:24 +08:00
parent 1abe8ce103
commit 94464b1f4c
6 changed files with 23 additions and 26 deletions

View file

@ -26,6 +26,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background-color: var(--kungalgame-white); background-color: var(--kungalgame-white);
color: var(--kungalgame-font-color-3);
} }
.container { .container {
margin: auto; margin: auto;

View file

@ -26,6 +26,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background-color: var(--kungalgame-white); background-color: var(--kungalgame-white);
color: var(--kungalgame-font-color-3);
} }
.container { .container {
margin: auto; margin: auto;

View file

@ -74,7 +74,7 @@ import { calculateTotalAmount } from './log'
/* 边距 */ /* 边距 */
padding: 10px; padding: 10px;
border-radius: 7px; border-radius: 7px;
border: 1px solid var(--kungalgame-trans-blue-2); border: 1px solid var(--kungalgame-blue-1);
/* 阴影 */ /* 阴影 */
box-shadow: var(--shadow); box-shadow: var(--shadow);
/* 竖直弹性盒 */ /* 竖直弹性盒 */

View file

@ -1,5 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import KUNGalgameTopBar from '@/components/KUNGalgameTopBar.vue' import KUNGalgameTopBar from '@/components/KUNGalgameTopBar.vue'
import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
</script> </script>
<template> <template>
@ -78,22 +79,23 @@ import KUNGalgameTopBar from '@/components/KUNGalgameTopBar.vue'
</li> </li>
</ul> </ul>
</div> </div>
<br />
<br />
<br />
</div> </div>
<!-- 版权 --> <!-- 版权 -->
<div class="copyright"> <KUNGalgameFooter style="position: absolute; bottom: 2%" />
<span>Copyright © 2023 KUNgalgame</span>
<span>All rights reserved | Version 0.01</span>
</div>
</div> </div>
</div> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.root { .root {
height: 1500px; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: 800px; min-width: 800px;
min-height: 1100px;
} }
/* 总容器 */ /* 总容器 */
.container { .container {
@ -101,8 +103,9 @@ import KUNGalgameTopBar from '@/components/KUNGalgameTopBar.vue'
margin: 0 auto; margin: 0 auto;
padding: 5px; padding: 5px;
/* 固定宽高 */ /* 固定宽高 */
width: 700px; width: 70%;
height: 1300px; max-width: 1300px;
height: 100%;
background-color: var(--kungalgame-trans-white-5); background-color: var(--kungalgame-trans-white-5);
border-radius: 7px; border-radius: 7px;
color: var(--kungalgame-font-color-3); color: var(--kungalgame-font-color-3);
@ -114,12 +117,13 @@ import KUNGalgameTopBar from '@/components/KUNGalgameTopBar.vue'
} }
/* 文章容器 */ /* 文章容器 */
.content { .content {
padding: 10px; width: 100%;
height: 100%; height: 100%;
padding: 10px;
border: 1px solid var(--kungalgame-trans-blue-4); border: 1px solid var(--kungalgame-trans-blue-4);
border-radius: 7px; border-radius: 7px;
box-sizing: border-box; box-sizing: border-box;
background-color: var(--kungalgame-trans-white-5); background-color: var(--kungalgame-trans-white-2);
box-shadow: var(--shadow); box-shadow: var(--shadow);
} }
/* 一级标题 */ /* 一级标题 */
@ -174,9 +178,4 @@ import KUNGalgameTopBar from '@/components/KUNGalgameTopBar.vue'
.topic > ul li { .topic > ul li {
margin: 5px 0; margin: 5px 0;
} }
/* 版权 */
.copyright {
position: absolute;
bottom: 2%;
}
</style> </style>

View file

@ -1,4 +1,6 @@
<script setup lang="ts"></script> <script setup lang="ts">
import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
</script>
<template> <template>
<div class="root"> <div class="root">
@ -13,10 +15,7 @@
</div> </div>
</div> </div>
<!-- 版权 --> <!-- 版权 -->
<div class="copyright"> <KUNGalgameFooter style="margin-bottom: 20px; white-space: nowrap" />
<span>Copyright © 2023 KUNgalgame</span>
<span>All rights reserved | Version 0.01</span>
</div>
</div> </div>
</template> </template>
@ -34,6 +33,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background-color: var(--kungalgame-white); background-color: var(--kungalgame-white);
color: var(--kungalgame-font-color-3);
} }
.container { .container {
/* 固定宽高 */ /* 固定宽高 */
@ -94,8 +94,4 @@
} }
} }
} }
.copyright {
margin-bottom: 20px;
white-space: nowrap;
}
</style> </style>

View file

@ -33,7 +33,7 @@ defineProps(['isMasterTopics'])
height: 1px; height: 1px;
flex-grow: 4; flex-grow: 4;
/* 上方区域的配色 */ /* 上方区域的配色 */
border: 1px solid var(--kungalgame-trans-blue-2); border: 1px solid var(--kungalgame-blue-1);
/* 隐藏溢出的颜色 */ /* 隐藏溢出的颜色 */
overflow: hidden; overflow: hidden;
border-radius: 5px; border-radius: 5px;
@ -87,7 +87,7 @@ defineProps(['isMasterTopics'])
color: var(--kungalgame-font-color-2); color: var(--kungalgame-font-color-2);
background-color: var(--kungalgame-trans-blue-1); background-color: var(--kungalgame-trans-blue-1);
/* 与单个帖子标题的分割线 */ /* 与单个帖子标题的分割线 */
border-bottom: 1px solid var(--kungalgame-trans-blue-2); border-bottom: 1px solid var(--kungalgame-blue-1);
/* 水平居中 */ /* 水平居中 */
justify-content: center; justify-content: center;
} }