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

fix full page style

Browse source
This commit is contained in:
KUN1007 2023-06-18 00:57:29 +08:00
parent a7e3080608
commit cef5c33b90
11 changed files with 45 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
README.md
View file

@ -2,6 +2,9 @@
.
## 截止到 18/06/2023，两个月的时间，200 多次 commit，我们几乎完成了所有的静态页面，接下来我们将会对网站的后端进行编写
.
## 介绍
KUNGalgame —— 世界上最萌的 Galgame 论坛！
@ -56,6 +59,8 @@ Tips: 网站目前正在建设中······
`cd server `
`pnpm i`
`pnpm start`
#### 前端

6
index.html
View file

@ -2,7 +2,11 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link
rel="icon"
type="image/svg+xml"
href="/src/assets/images/favicon.png"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>KUNGalgame</title>
</head>

BIN
introduction/images/mobile-preview-dark.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 514 KiB

BIN
introduction/images/mobile-preview.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 560 KiB

2
src/components/KUNGalgameFooter.vue
View file

@ -8,7 +8,7 @@
<div class="footer">
<span
>Copyright © 2023 KUNGalgame<span> </span> All rights reserved | Version
0.6.17</span
0.7.0</span
>
</div>
</template>

5
src/views/Home/footer/MainPageFooter.vue
View file

@ -6,7 +6,7 @@ import KUNGalgameInfo from './components/KUNGalgameInfo.vue'
<template>
<div class="footer">
<!-- footer 的内部容器 -->
<div class="kungalgame-footer-wrap">
<div class="container">
<Wave />
<KUNGalgameInfo />
</div>
@ -21,8 +21,9 @@ import KUNGalgameInfo from './components/KUNGalgameInfo.vue'
display: flex;
flex-direction: column;
}
/* footer 总容器的 flex */
.kungalgame-footer-wrap {
.container {
display: flex;
flex-direction: column;
flex-grow: 1;

4
src/views/Home/footer/components/Contacts.vue
View file

@ -41,21 +41,25 @@ import { Icon } from '@iconify/vue'
color: var(--kungalgame-font-color-2);
font-size: small;
}
.kungalgame-contact h2 {
margin-right: 20px;
font-size: medium;
}
.kungalgame-contact ul {
display: flex;
align-items: center;
flex-grow: 1;
}
.kungalgame-contact ul li {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
}
.kungalgame-contact ul li a {
font-size: 17px;
color: var(--kungalgame-font-color-2);

4
src/views/Home/footer/components/Describe.vue
View file

@ -26,7 +26,7 @@ const info: Info[] = [
<template>
<!-- 右侧的网站信息容器 -->
<div class="kungalgame-footer-right-wrap">
<div class="introduction">
<!-- 网站名 -->
<div class="kungalgame">
<span>{{ $t('mainPage.footer.describe.title') }}</span>
@ -42,7 +42,7 @@ const info: Info[] = [
<style lang="scss" scoped>
/* 右侧的网站信息容器 */
.kungalgame-footer-right-wrap {
.introduction {
display: flex;
flex-direction: column;
justify-content: center;

47
src/views/Home/footer/components/Wave.vue
View file

@ -2,35 +2,34 @@
<template>
<!-- footer 的波浪头部 -->
<div class="kungalgame-footer-header">
<div>
<!-- 波浪类 -->
<svg
class="kun-footer-waves"
viewBox="0 24 150 28"
preserveAspectRatio="none"
shape-rendering="auto"
>
<defs>
<path
id="kun-footer-gentle-wave"
d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"
/>
</defs>
<g class="kun-footer-parallax">
<use xlink:href="#kun-footer-gentle-wave" x="48" y="0" />
<use xlink:href="#kun-footer-gentle-wave" x="48" y="3" />
<use xlink:href="#kun-footer-gentle-wave" x="48" y="5" />
<use xlink:href="#kun-footer-gentle-wave" x="48" y="7" />
</g>
</svg>
</div>
<div>
<!-- 波浪类 -->
<svg
class="kungalgame-waves"
viewBox="0 24 150 28"
preserveAspectRatio="none"
shape-rendering="auto"
>
<defs>
<path
id="kun-footer-gentle-wave"
d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"
/>
</defs>
<g class="kun-footer-parallax">
<use xlink:href="#kun-footer-gentle-wave" x="48" y="0" />
<use xlink:href="#kun-footer-gentle-wave" x="48" y="3" />
<use xlink:href="#kun-footer-gentle-wave" x="48" y="5" />
<use xlink:href="#kun-footer-gentle-wave" x="48" y="7" />
</g>
</svg>
</div>
</template>
<style scoped>
/* 波浪的属性设置 */
.kun-footer-waves {
.kungalgame-waves {
position: relative;
margin-bottom: -4px;
width: 100%;

16
src/views/kungalgamer/components/Avatar.vue
View file

@ -3,21 +3,9 @@ import { defineComponent, ref } from 'vue'
const selectedFile = ref(null)
const handleFileChange = (event: Event) => {
const fileInput = event.target as HTMLInputElement
if (fileInput.files && fileInput.files[0]) {
selectedFile.value = fileInput.files[0]
}
}
const handleFileChange = (event: Event) => {}
const handleSubmit = () => {
if (selectedFile.value) {
// 处理提交逻辑，例如上传文件等
console.log('Selected file:', selectedFile.value)
} else {
console.log('No file selected')
}
}
const handleSubmit = () => {}
</script>
<template>

4
src/views/topic/content/master/TopicMaster.vue
View file

@ -65,10 +65,6 @@ import Floor from '../components/Floor.vue'
margin-bottom: 5px;
/* TODO: */
/* 楼主帖子背景图 */
/* background-image: url(../../img/bg-dark.png; */
// background-repeat: no-repeat;
// background-position: center;
// background-size: cover;
}
/* 楼主帖子内容区的容器 */
.content-container {