From 24d0a74567e927615ea126948fad8b18acd54935 Mon Sep 17 00:00:00 2001 From: luckyasme <807254037@qq.com> Date: Fri, 18 Jul 2025 15:53:47 +0800 Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E4=B8=AD=E8=8B=B1?= =?UTF-8?q?=E6=96=87=E5=88=87=E6=8D=A2=E5=9B=BE=E6=A0=87=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/assets/svg-icons/icon-header-moon.svg | 6 +- .../assets/svg-icons/icon-header-person.svg | 6 +- .../src/assets/svg-icons/icon-locale.svg | 3 + .../src/assets/svg-icons/icon-sun-outline.svg | 6 +- .../src/components/header/HeaderCode.vue | 4 ++ .../src/components/header/HeaderLanguage.vue | 69 +++++++++++-------- .../src/components/header/HeaderLogin.vue | 6 +- .../src/components/header/HeaderSearch.vue | 4 +- .../src/components/header/HeaderTheme.vue | 6 +- 9 files changed, 67 insertions(+), 43 deletions(-) create mode 100644 app/.vitepress/src/assets/svg-icons/icon-locale.svg diff --git a/app/.vitepress/src/assets/svg-icons/icon-header-moon.svg b/app/.vitepress/src/assets/svg-icons/icon-header-moon.svg index 0ea8cc441..bc76468e8 100644 --- a/app/.vitepress/src/assets/svg-icons/icon-header-moon.svg +++ b/app/.vitepress/src/assets/svg-icons/icon-header-moon.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/app/.vitepress/src/assets/svg-icons/icon-header-person.svg b/app/.vitepress/src/assets/svg-icons/icon-header-person.svg index ea47e9ca5..e5e7cd0f1 100644 --- a/app/.vitepress/src/assets/svg-icons/icon-header-person.svg +++ b/app/.vitepress/src/assets/svg-icons/icon-header-person.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/app/.vitepress/src/assets/svg-icons/icon-locale.svg b/app/.vitepress/src/assets/svg-icons/icon-locale.svg new file mode 100644 index 000000000..6ff893f84 --- /dev/null +++ b/app/.vitepress/src/assets/svg-icons/icon-locale.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/app/.vitepress/src/assets/svg-icons/icon-sun-outline.svg b/app/.vitepress/src/assets/svg-icons/icon-sun-outline.svg index 5bfc68965..d6be0b8ae 100644 --- a/app/.vitepress/src/assets/svg-icons/icon-sun-outline.svg +++ b/app/.vitepress/src/assets/svg-icons/icon-sun-outline.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/app/.vitepress/src/components/header/HeaderCode.vue b/app/.vitepress/src/components/header/HeaderCode.vue index 06378aa11..b5e327a7a 100644 --- a/app/.vitepress/src/components/header/HeaderCode.vue +++ b/app/.vitepress/src/components/header/HeaderCode.vue @@ -54,6 +54,10 @@ const itemChange = (data: any) => { cursor: pointer; color: var(--o-color-info1); + &:hover { + color: var(--o-color-primary1); + } + .title { display: flex; align-items: center; diff --git a/app/.vitepress/src/components/header/HeaderLanguage.vue b/app/.vitepress/src/components/header/HeaderLanguage.vue index b9b3a1a6e..488310acb 100644 --- a/app/.vitepress/src/components/header/HeaderLanguage.vue +++ b/app/.vitepress/src/components/header/HeaderLanguage.vue @@ -3,7 +3,7 @@ import { ref, type Ref, watch } from 'vue'; import { useRouter, useData } from 'vitepress'; import { OIcon, ODropdown, ODropdownItem } from '@opensig/opendesign'; -import IconChevronDown from '~icons/app/icon-chevron-down.svg'; +import IconLocale from '~icons/app/icon-locale.svg'; import { useLangStore } from '@/stores/common'; import { useScreen } from '@/composables/useScreen'; @@ -74,21 +74,25 @@ watch( { immediate: true } ); -const getLang = (lang: string) => { - return lang === 'zh' ? '中文' : 'EN'; +const getLang = (lang: String, simple?: boolean) => { + return lePadV.value ? + lang === 'zh' ? '中文' : 'EN' + : lang === 'zh' ? simple ? '中' : '简体中文' : simple ? 'EN' : 'English'; }; diff --git a/app/.vitepress/src/components/header/HeaderSearch.vue b/app/.vitepress/src/components/header/HeaderSearch.vue index 646ec3e19..f9b4264ff 100644 --- a/app/.vitepress/src/components/header/HeaderSearch.vue +++ b/app/.vitepress/src/components/header/HeaderSearch.vue @@ -401,9 +401,7 @@ const closeSearch = () => { color: var(--o-color-info1); padding-top: var(--o-gap-1); cursor: pointer; - svg { - width: var(--o-icon_size-s); - } + font-size: var(--o-icon_size-s); } } } diff --git a/app/.vitepress/src/components/header/HeaderTheme.vue b/app/.vitepress/src/components/header/HeaderTheme.vue index 907619b7d..c2510125f 100644 --- a/app/.vitepress/src/components/header/HeaderTheme.vue +++ b/app/.vitepress/src/components/header/HeaderTheme.vue @@ -84,10 +84,14 @@ watch( .theme-box-pc { display: flex; align-items: center; + height: 100%; cursor: pointer; color: var(--o-color-info1); .icon { - font-size: 20px; + font-size: var(--o-icon_size-m); + @include hover { + color: var(--o-color-primary1); + } } @include respond-to('<=pad_v') { display: none; -- Gitee From fb17cb6e5c5ec4bf7a238216f97a976a1647bf9e Mon Sep 17 00:00:00 2001 From: luckyasme <807254037@qq.com> Date: Fri, 18 Jul 2025 17:43:24 +0800 Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96title=E6=98=BE?= =?UTF-8?q?=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/markdown/MarkdownTitle.vue | 57 ++++++++++++------- 1 file changed, 35 insertions(+), 22 deletions(-) diff --git a/app/.vitepress/src/components/markdown/MarkdownTitle.vue b/app/.vitepress/src/components/markdown/MarkdownTitle.vue index 1e260d1fd..d1af3dc76 100644 --- a/app/.vitepress/src/components/markdown/MarkdownTitle.vue +++ b/app/.vitepress/src/components/markdown/MarkdownTitle.vue @@ -69,21 +69,23 @@ const onClickCopyLink = (e: MouseEvent) => { @@ -91,39 +93,50 @@ const onClickCopyLink = (e: MouseEvent) => { .title-wrap { position: relative; display: inline-flex; - align-items: center; cursor: pointer; + .title { + flex: 1; + display: inline; + overflow-wrap: break-word; + word-wrap: break-word; + word-break: normal; + } + span { display: inline-flex; } - .pin, .link { + .pin, + .copy-link { @include h2; } - .link { - display: inline-flex; - align-items: center; + .copy-link-wrap { + position: relative; + width: 1em; + height: 1em; + margin-left: 6px; + clear: both; - @include hover { - color: var(--o-color-primary1); + @include respond-to('<=laptop') { + margin-left: 4px; } } .copy-link { - margin-left: 6px; + position: absolute; + top: 2px; - @include respond-to('<=laptop') { - margin-left: 4px; + @include hover { + color: var(--o-color-primary1); } } .pin { position: absolute; left: -28px; - top: 50%; - transform: translateY(-50%); + top: 4px; padding-right: 4px; transition: opacity var(--o-duration-l) var(--o-easing-standard-in); opacity: 0; -- Gitee