fix style
This commit is contained in:
parent
1abe8ce103
commit
94464b1f4c
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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);
|
||||||
/* 竖直弹性盒 */
|
/* 竖直弹性盒 */
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue