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 论坛！ KUNGalgame —— 世界上最萌的 Galgame 论坛！
@ -56,6 +59,8 @@ Tips: 网站目前正在建设中······
`cd server ` `cd server `
`pnpm i`
`pnpm start` `pnpm start`
#### 前端 #### 前端

6
index.html
View file

@ -2,7 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <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" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>KUNGalgame</title> <title>KUNGalgame</title>
</head> </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"> <div class="footer">
<span <span
>Copyright © 2023 KUNGalgame<span> </span> All rights reserved | Version >Copyright © 2023 KUNGalgame<span> </span> All rights reserved | Version
0.6.17</span 0.7.0</span
> >
</div> </div>
</template> </template>

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

@ -6,7 +6,7 @@ import KUNGalgameInfo from './components/KUNGalgameInfo.vue'
<template> <template>
<div class="footer"> <div class="footer">
<!-- footer 的内部容器 --> <!-- footer 的内部容器 -->
<div class="kungalgame-footer-wrap"> <div class="container">
<Wave /> <Wave />
<KUNGalgameInfo /> <KUNGalgameInfo />
</div> </div>
@ -21,8 +21,9 @@ import KUNGalgameInfo from './components/KUNGalgameInfo.vue'
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
/* footer 总容器的 flex */ /* footer 总容器的 flex */
.kungalgame-footer-wrap { .container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-grow: 1; 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); color: var(--kungalgame-font-color-2);
font-size: small; font-size: small;
} }
.kungalgame-contact h2 { .kungalgame-contact h2 {
margin-right: 20px; margin-right: 20px;
font-size: medium; font-size: medium;
} }
.kungalgame-contact ul { .kungalgame-contact ul {
display: flex; display: flex;
align-items: center; align-items: center;
flex-grow: 1; flex-grow: 1;
} }
.kungalgame-contact ul li { .kungalgame-contact ul li {
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.kungalgame-contact ul li a { .kungalgame-contact ul li a {
font-size: 17px; font-size: 17px;
color: var(--kungalgame-font-color-2); color: var(--kungalgame-font-color-2);

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

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

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

@ -2,35 +2,34 @@
<template> <template>
<!-- footer 的波浪头部 --> <!-- footer 的波浪头部 -->
<div class="kungalgame-footer-header">
<div> <div>
<!-- 波浪类 --> <!-- 波浪类 -->
<svg <svg
class="kun-footer-waves" class="kungalgame-waves"
viewBox="0 24 150 28" viewBox="0 24 150 28"
preserveAspectRatio="none" preserveAspectRatio="none"
shape-rendering="auto" shape-rendering="auto"
> >
<defs> <defs>
<path <path
id="kun-footer-gentle-wave" 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" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"
/> />
</defs> </defs>
<g class="kun-footer-parallax"> <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="0" />
<use xlink:href="#kun-footer-gentle-wave" x="48" y="3" /> <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="5" />
<use xlink:href="#kun-footer-gentle-wave" x="48" y="7" /> <use xlink:href="#kun-footer-gentle-wave" x="48" y="7" />
</g> </g>
</svg> </svg>
</div>
</div> </div>
</template> </template>
<style scoped> <style scoped>
/* 波浪的属性设置 */ /* 波浪的属性设置 */
.kun-footer-waves { .kungalgame-waves {
position: relative; position: relative;
margin-bottom: -4px; margin-bottom: -4px;
width: 100%; 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 selectedFile = ref(null)
const handleFileChange = (event: Event) => { const handleFileChange = (event: Event) => {}
const fileInput = event.target as HTMLInputElement
if (fileInput.files && fileInput.files[0]) {
selectedFile.value = fileInput.files[0]
}
}
const handleSubmit = () => { const handleSubmit = () => {}
if (selectedFile.value) {
// 处理提交逻辑，例如上传文件等
console.log('Selected file:', selectedFile.value)
} else {
console.log('No file selected')
}
}
</script> </script>
<template> <template>

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

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