From 914470809c074141c518fc4d5e9627d5a9506e0b Mon Sep 17 00:00:00 2001 From: KUN1007 Date: Mon, 12 Jun 2023 23:54:06 +0800 Subject: [PATCH] full page style --- src/components/KUNGalgameAlert/Info.vue | 2 + src/components/KUNGalgameSearchBox.vue | 3 +- src/components/KUNGalgameTopBar.vue | 22 +---- src/components/WangEditor.vue | 1 + src/layout/KUNGalgameAPP.vue | 1 - src/types/pool/tags.ts | 88 ------------------ .../components/header/ArticleHeader.vue | 2 +- src/views/edit/Edit.vue | 4 +- src/views/pool/Pool.vue | 20 ++-- src/views/pool/components/Grid.vue | 4 +- src/views/pool/components/Tags.vue | 4 +- src/views/pool/components/Topic.vue | 74 ++++++++++----- src/views/technique/Technique.vue | 3 - src/views/technique/components/Aside.vue | 2 +- src/views/topic/KUNGalgameTopicPage.vue | 4 +- upload-files-tmp/de7c4fce2e35df56020c06a00 | Bin 63835 -> 0 bytes upload-files-tmp/f77ef960b5167f781ec77d800 | Bin 63835 -> 0 bytes 17 files changed, 80 insertions(+), 154 deletions(-) delete mode 100644 upload-files-tmp/de7c4fce2e35df56020c06a00 delete mode 100644 upload-files-tmp/f77ef960b5167f781ec77d800 diff --git a/src/components/KUNGalgameAlert/Info.vue b/src/components/KUNGalgameAlert/Info.vue index e5a86063..6cb5f33a 100644 --- a/src/components/KUNGalgameAlert/Info.vue +++ b/src/components/KUNGalgameAlert/Info.vue @@ -57,6 +57,8 @@ const handleClose = () => { color: var(--kungalgame-font-color-3); background-color: var(--kungalgame-trans-white-5); backdrop-filter: blur(2px); + box-shadow: var(--shadow); + border-top: 1px solid var(--kungalgame-blue-1); position: fixed; bottom: 0; left: 0; diff --git a/src/components/KUNGalgameSearchBox.vue b/src/components/KUNGalgameSearchBox.vue index f2c21065..89672750 100644 --- a/src/components/KUNGalgameSearchBox.vue +++ b/src/components/KUNGalgameSearchBox.vue @@ -51,6 +51,7 @@ defineProps(['isMainPage']) /* 页面缩小不换行 */ white-space: nowrap; background-color: var(--kungalgame-trans-blue-2); + border: 1px solid var(--kungalgame-blue-4); flex-grow: 2; /* 相对于二级菜单定位 */ position: relative; @@ -91,7 +92,7 @@ defineProps(['isMainPage']) background-color: var(--kungalgame-trans-white-5); color: var(--kungalgame-font-color-3); &::placeholder { - color: var(--kungalgame-font-color-2); + color: var(--kungalgame-font-color-1); } } /* 搜索按钮 */ diff --git a/src/components/KUNGalgameTopBar.vue b/src/components/KUNGalgameTopBar.vue index aca5fa3d..0fe561b0 100644 --- a/src/components/KUNGalgameTopBar.vue +++ b/src/components/KUNGalgameTopBar.vue @@ -34,25 +34,14 @@ const topBarItem: topBar[] = [ { index: 5, name: 'return', router: '/kun' }, ] -// 初始进入页面 header 没有附加样式 -let topicStyle = {} - // 接受父组件的传值 -const props = defineProps(['isMainPage', 'isTopicPage', 'isAboutPage']) +const props = defineProps(['isMainPage']) const isMain = props.isMainPage -const isTopicPage = props.isTopicPage // 如果是主页的话删除 “返回主页” 项目 if (isMain) { topBarItem.pop() } -// 如果是帖子页的话定位为 sticky,距离底部 10px -if (isTopicPage) { - topicStyle = { - top: 0, - position: 'sticky', - } -} // 根据导航条的项目个数操作 css 中导航条的宽度 let navItemNum = topBarItem.length @@ -69,7 +58,7 @@ onBeforeMount(() => {