fix style

This commit is contained in:
KUN1007 2023-06-07 16:01:24 +08:00
parent f54c55f080
commit 95b4a09011
6 changed files with 23 additions and 26 deletions

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -33,7 +33,7 @@ defineProps(['isMasterTopics'])
height: 1px;
flex-grow: 4;
/* 上方区域的配色 */
border: 1px solid var(--kungalgame-trans-blue-2);
border: 1px solid var(--kungalgame-blue-1);
/* 隐藏溢出的颜色 */
overflow: hidden;
border-radius: 5px;
@ -87,7 +87,7 @@ defineProps(['isMasterTopics'])
color: var(--kungalgame-font-color-2);
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;
}