fix style
This commit is contained in:
parent
f54c55f080
commit
95b4a09011
|
@ -26,6 +26,7 @@
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: var(--kungalgame-white);
|
||||
color: var(--kungalgame-font-color-3);
|
||||
}
|
||||
.container {
|
||||
margin: auto;
|
||||
|
|
|
@ -26,6 +26,7 @@
|
|||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: var(--kungalgame-white);
|
||||
color: var(--kungalgame-font-color-3);
|
||||
}
|
||||
.container {
|
||||
margin: auto;
|
||||
|
|
|
@ -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);
|
||||
/* 竖直弹性盒 */
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue