hashirama/kun-galgame-vue
1
0
Fork 0
Code Issues Pull requests Actions Projects Releases Wiki Activity

rebuild non-moe page, fix ranking page footer

Browse source
This commit is contained in:
KUN1007 2023-06-01 13:42:47 +08:00
parent 92a07eef52
commit 22436a1a55
3 changed files with 41 additions and 127 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

131
src/views/non-moe/NonMoe.vue
View file

@ -1,6 +1,8 @@
<script setup lang="ts">
import KUNGalgameTopBar from '@/components/KUNGalgameTopBar.vue'
import { currBackground } from '@/hooks/useBackgroundPicture'
import SingleLog from './components/SingleLog.vue'
import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
</script>
<template>
@ -24,120 +26,18 @@ import { currBackground } from '@/hooks/useBackgroundPicture'
<span>原因</span>
<span>后果</span>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">
啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星
</div>
<!-- 后果 -->
<div class="result">萌萌点 - 1007</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
</div>
<!-- 单个记录 -->
<div class="single-log">
<!-- 原因 -->
<div class="reason">啊这可海星</div>
<!-- 后果 -->
<div class="result">萌萌点 - 10</div>
<div>
<SingleLog />
</div>
</div>
</div>
</div>
<!-- 版权 -->
<div class="copyright">
<span>Copyright © 2023 KUNgalgame</span>
<span>All rights reserved | Version 0.01</span>
</div>
<KUNGalgameFooter style="margin: 20px auto" />
</div>
</template>
<style lang="scss" scoped>
* {
list-style: none;
padding: 0;
margin: 0;
text-decoration: none;
}
*::-webkit-scrollbar {
display: none;
}
.root {
height: 100vh;
display: flex;
@ -147,8 +47,6 @@ import { currBackground } from '@/hooks/useBackgroundPicture'
background-size: cover;
min-width: 800px;
min-height: 750px;
font-family: 'adobe-clean', 'Source Sans Pro', -apple-system,
'BlinkMacSystemFont', 'Segoe UI,Roboto', sans-serif;
}
/* 根容器 */
.container {
@ -226,25 +124,6 @@ import { currBackground } from '@/hooks/useBackgroundPicture'
display: flex;
justify-content: space-between;
}
/* 单个记录 */
.single-log {
margin: 20px 40px;
border-bottom: 1px solid $kungalgame-blue-4;
}
/* 原因 */
.reason {
width: 80%;
padding-left: 5px;
border-left: 2px solid $kungalgame-blue-4;
}
/* 后果 */
.result {
border-right: 4px solid $kungalgame-red-4;
padding-right: 5px;
margin-top: 10px;
display: flex;
justify-content: end;
}
.copyright {
margin: 10px auto;
}

35
src/views/non-moe/components/SingleLog.vue Normal file
View file

@ -0,0 +1,35 @@
<script setup lang="ts"></script>
<template>
<!-- 单个记录 -->
<div class="log">
<!-- 原因 -->
<div class="reason">
啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星啊这可海星
</div>
<!-- 后果 -->
<div class="result">萌萌点 - 1007</div>
</div>
</template>
<style lang="scss" scoped>
/* 单个记录 */
.log {
margin: 20px 40px;
border-bottom: 1px solid $kungalgame-blue-4;
}
/* 原因 */
.reason {
width: 80%;
padding-left: 5px;
border-left: 2px solid $kungalgame-blue-4;
}
/* 后果 */
.result {
border-right: 4px solid $kungalgame-red-4;
padding-right: 5px;
margin-top: 10px;
display: flex;
justify-content: end;
}
</style>

2
src/views/ranking/Ranking.vue
View file

@ -18,7 +18,7 @@ import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
<Temp />
</div>
<!-- 版权 -->
<KUNGalgameFooter />
<KUNGalgameFooter style="margin: 20px auto" />
</div>
</template>