From ea2c515f89fe5a0fa0ae0af554847d6d1897c201 Mon Sep 17 00:00:00 2001 From: kun1007 Date: Wed, 10 May 2023 15:57:05 +0800 Subject: [PATCH] reset --- package-lock.json | 11 + package.json | 1 + src/components/KUNGalgameTopBar.vue | 8 +- src/router/index.ts | 154 +++++- .../balance/{Banlance.vue => Balance.vue} | 0 .../pwd.vue => kungalgamer/KUNGalgamer.vue} | 80 +--- src/views/kungalgamer/content/Info.vue | 100 ++++ src/views/kungalgamer/content/Password.vue | 77 +++ src/views/kungalgamer/content/SingleTopic.vue | 42 ++ src/views/kungalgamer/content/Topic.vue | 36 ++ src/views/unmoe/{UnMoe.vue => Unmoe.vue} | 0 src/views/user/info.vue | 337 ------------- src/views/user/topic.vue | 444 ------------------ 13 files changed, 427 insertions(+), 863 deletions(-) rename src/views/balance/{Banlance.vue => Balance.vue} (100%) rename src/views/{user/pwd.vue => kungalgamer/KUNGalgamer.vue} (70%) create mode 100644 src/views/kungalgamer/content/Info.vue create mode 100644 src/views/kungalgamer/content/Password.vue create mode 100644 src/views/kungalgamer/content/SingleTopic.vue create mode 100644 src/views/kungalgamer/content/Topic.vue rename src/views/unmoe/{UnMoe.vue => Unmoe.vue} (100%) delete mode 100644 src/views/user/info.vue delete mode 100644 src/views/user/topic.vue diff --git a/package-lock.json b/package-lock.json index 72eb850b..9d13adef 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,6 +12,7 @@ "@wangeditor/editor": "^5.1.23", "@wangeditor/editor-for-vue": "^5.1.12", "animate.css": "^4.1.1", + "animejs": "^3.2.1", "axios": "^1.4.0", "pinia": "^2.0.35", "vue": "^3.2.47", @@ -902,6 +903,11 @@ "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz", "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==" }, + "node_modules/animejs": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/animejs/-/animejs-3.2.1.tgz", + "integrity": "sha512-sWno3ugFryK5nhiDm/2BKeFCpZv7vzerWUcUPyAZLDhMek3+S/p418ldZJbJXo5ZUOpfm2kP2XRO4NJcULMy9A==" + }, "node_modules/ansi-regex": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", @@ -2783,6 +2789,11 @@ "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz", "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ==" }, + "animejs": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/animejs/-/animejs-3.2.1.tgz", + "integrity": "sha512-sWno3ugFryK5nhiDm/2BKeFCpZv7vzerWUcUPyAZLDhMek3+S/p418ldZJbJXo5ZUOpfm2kP2XRO4NJcULMy9A==" + }, "ansi-regex": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", diff --git a/package.json b/package.json index 476b144b..ba32e24c 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "@wangeditor/editor": "^5.1.23", "@wangeditor/editor-for-vue": "^5.1.12", "animate.css": "^4.1.1", + "animejs": "^3.2.1", "axios": "^1.4.0", "pinia": "^2.0.35", "vue": "^3.2.47", diff --git a/src/components/KUNGalgameTopBar.vue b/src/components/KUNGalgameTopBar.vue index 0bb124f7..6bfeeeeb 100644 --- a/src/components/KUNGalgameTopBar.vue +++ b/src/components/KUNGalgameTopBar.vue @@ -2,8 +2,8 @@ import { type Ref, ref, handleError } from 'vue' import 'animate.css' interface topBar { - name:string, - router:string + name: string + router: string } const topBarItem: string[] = [ '所有帖子', @@ -197,11 +197,11 @@ const navItemNumString = navItemNum + '00px' border-color: transparent; border-bottom-color: @kungalgame-trans-white-2; top: 50px; - right: 126px; + right: 124px; } .kungalgamer { top: 70px; - right: 96px; + right: 95px; position: absolute; background-color: @kungalgame-trans-white-2; box-shadow: @shadow; diff --git a/src/router/index.ts b/src/router/index.ts index 922e93e0..a11c17a9 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -50,7 +50,7 @@ export const constantRoutes: RouteRecordRaw[] = [ { name: 'Technology', path: '/technology', - component: () => import('@/views/login/Login.vue'), + component: () => import('@/views/technology/Technology.vue'), meta: { title: '技术交流', transition: 'animate__backInUp', @@ -60,7 +60,7 @@ export const constantRoutes: RouteRecordRaw[] = [ { name: 'Pool', path: '/pool', - component: () => import('@/views/login/Login.vue'), + component: () => import('@/views/pool/Pool.vue'), meta: { title: '帖子池', transition: 'animate__backInUp', @@ -76,6 +76,156 @@ export const constantRoutes: RouteRecordRaw[] = [ transition: 'animate__backInUp', }, }, + // KUNGalgame 403 + { + name: '403', + path: '/403', + component: () => import('@/views/403/403.vue'), + meta: { + title: '禁止访问', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 404 + { + name: '404', + path: '/404', + component: () => import('@/views/404/404.vue'), + meta: { + title: '错误', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 收支公示 + { + name: 'Balance', + path: '/balance', + component: () => import('@/views/balance/Balance.vue'), + meta: { + title: '收支公示', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 联系我们 + { + name: 'Contacts', + path: '/contacts', + component: () => import('@/views/contacts/Contacts.vue'), + meta: { + title: '联系我们', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 捐助我们 + { + name: 'Donate', + path: '/donate', + component: () => import('@/views/donate/Donate.vue'), + meta: { + title: '捐助我们', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 编辑页面 + { + name: 'Edit', + path: '/edit', + component: () => import('@/views/edit/Edit.vue'), + meta: { + title: '编辑', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 用户协议 + { + name: 'Licence', + path: '/kungalgame', + component: () => import('@/views/licence/Licence.vue'), + meta: { + title: '用户协议', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 隐私政策 + { + name: 'Privacy', + path: '/privacy', + component: () => import('@/views/privacy/Privacy.vue'), + meta: { + title: '隐私政策', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 排行榜 + { + name: 'Rank', + path: '/rank', + component: () => import('@/views/rank/Rank.vue'), + meta: { + title: '排行榜', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 重定向页面 + { + name: 'Redirect', + path: '/redirect', + component: () => import('@/views/redirect/Redirect.vue'), + meta: { + title: '帖子池', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 执行条例 + { + name: 'Regulations', + path: '/regulations', + component: () => import('@/views/regulations/Regulations.vue'), + meta: { + title: '执行条例（试行）', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 感谢名单 + { + name: 'ThanksList', + path: '/thanks-list', + component: () => import('@/views/thanks-list/ThanksList.vue'), + meta: { + title: '感谢名单', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 不萌萌页 + { + name: 'Unmoe', + path: '/unmoe', + component: () => import('@/views/unmoe/Unmoe.vue'), + meta: { + title: '不萌萌', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 更新日志页 + { + name: 'UpdateLog', + path: '/update-log', + component: () => import('@/views/update-log/UpdateLog.vue'), + meta: { + title: '更新日志', + transition: 'animate__backInUp', + }, + }, + // KUNGalgame 用户页 + { + name: 'KUNGalgamer', + path: '/kungalgamer', + component: () => import('@/views/kungalgamer/KUNGalgamer.vue'), + meta: { + title: '用户页', + transition: 'animate__backInUp', + }, + }, ] const router = createRouter({ diff --git a/src/views/balance/Banlance.vue b/src/views/balance/Balance.vue similarity index 100% rename from src/views/balance/Banlance.vue rename to src/views/balance/Balance.vue diff --git a/src/views/user/pwd.vue b/src/views/kungalgamer/KUNGalgamer.vue similarity index 70% rename from src/views/user/pwd.vue rename to src/views/kungalgamer/KUNGalgamer.vue index ef1ba780..9bb57b99 100644 --- a/src/views/user/pwd.vue +++ b/src/views/kungalgamer/KUNGalgamer.vue @@ -35,30 +35,7 @@
  • 推过的帖
    • - -
    - -
    -
    -
    你当前的邮箱是: kun@kungalgame.com
    -
    更改邮箱:
    -
    请输入你的新邮箱:
    - -
    请输入你的验证码:
    - -
    -
    - -
    -
    -
    更改密码:
    -
    请输入你的旧密码:
    -
    请输入你的新密码:
    -
    请再次输入新密码:
    - -
    -
    -
    + @@ -227,6 +204,9 @@ input:focus { background-color: @kungalgame-trans-red-0; border-right: 1px solid @kungalgame-blue-4; box-sizing: border-box; + display: flex; + flex-direction: column; + flex-shrink: 0; } /* 左侧交互区的无需列表容器 */ .nav > ul { @@ -247,58 +227,6 @@ input:focus { background-color: @kungalgame-trans-blue-4; transition: 0.1s; } -/* 内容区 */ -.article { - flex-grow: 1; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} -/* 更改按钮距离签名的距离 */ -.change-pwd > div { - margin-top: 30px; -} -/* 用户发帖有关信息 */ -.kungalgame-topic ul { - display: flex; - width: 100%; - justify-content: space-between; -} -/* 密码信息 */ -.pwd-form > div { - margin-bottom: 7px; -} -/* 密码输入框 */ -.pwd-form input { - height: 16px; - padding: 2px; - border: 1px solid @kungalgame-blue-4; - background-color: @kungalgame-trans-white-5; -} -.pwd-form input:focus { - box-shadow: 0px 0px 3px @kungalgame-blue-4; -} -/* 更改密码 button */ -.pwd-form button { - width: 304px; - border: 1px solid @kungalgame-red-4; - background-color: @kungalgame-trans-red-0; - cursor: pointer; -} -.pwd-form button:hover { - background-color: @kungalgame-trans-red-4; -} -.pwd-form button:active { - background-color: @kungalgame-trans-red-0; -} -/* 更改邮箱 */ -.change-mail { - margin-bottom: 27px; -} -.mail-form button { - margin-bottom: 10px; -} /* 版权 */ .copyright { margin: 0 auto; diff --git a/src/views/kungalgamer/content/Info.vue b/src/views/kungalgamer/content/Info.vue new file mode 100644 index 00000000..59d9068b --- /dev/null +++ b/src/views/kungalgamer/content/Info.vue @@ -0,0 +1,100 @@ + + + + + diff --git a/src/views/kungalgamer/content/Password.vue b/src/views/kungalgamer/content/Password.vue new file mode 100644 index 00000000..3d1aaa12 --- /dev/null +++ b/src/views/kungalgamer/content/Password.vue @@ -0,0 +1,77 @@ + + + + + diff --git a/src/views/kungalgamer/content/SingleTopic.vue b/src/views/kungalgamer/content/SingleTopic.vue new file mode 100644 index 00000000..70bb2f76 --- /dev/null +++ b/src/views/kungalgamer/content/SingleTopic.vue @@ -0,0 +1,42 @@ + + + + + diff --git a/src/views/kungalgamer/content/Topic.vue b/src/views/kungalgamer/content/Topic.vue new file mode 100644 index 00000000..f88e8819 --- /dev/null +++ b/src/views/kungalgamer/content/Topic.vue @@ -0,0 +1,36 @@ + + + + + diff --git a/src/views/unmoe/UnMoe.vue b/src/views/unmoe/Unmoe.vue similarity index 100% rename from src/views/unmoe/UnMoe.vue rename to src/views/unmoe/Unmoe.vue diff --git a/src/views/user/info.vue b/src/views/user/info.vue deleted file mode 100644 index feae5be6..00000000 --- a/src/views/user/info.vue +++ /dev/null @@ -1,337 +0,0 @@ - - - - - diff --git a/src/views/user/topic.vue b/src/views/user/topic.vue deleted file mode 100644 index cfb6bd28..00000000 --- a/src/views/user/topic.vue +++ /dev/null @@ -1,444 +0,0 @@ - - - - -