From 5292c100ab0a5512432d47fe3b94a1c02739940c Mon Sep 17 00:00:00 2001 From: luckyasme <807254037@qq.com> Date: Tue, 21 Oct 2025 10:39:34 +0800 Subject: [PATCH 1/5] =?UTF-8?q?feat:=20=E5=8D=87=E7=BA=A7opendesign?= =?UTF-8?q?=E5=92=8Cvitepress=E4=BE=9D=E8=B5=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/.vitepress/config.ts | 1 + app/.vitepress/src/App.vue | 4 +- app/.vitepress/src/assets/style/markdown.scss | 10 +- .../src/assets/style/theme/index.scss | 1 + .../src/assets/style/theme/layer.scss | 7 + .../src/assets/style/theme/message.scss | 4 +- .../src/components/FloatingButton.vue | 7 +- .../src/components/FloatingButtonDocs.vue | 137 +++++--- app/.vitepress/src/components/doc/DocMenu.vue | 2 +- .../src/components/doc/DocTypeMobile.vue | 6 - .../components/feedback/FeedbackSlider.vue | 2 - .../feedback/FloatingButtonHome.vue | 23 +- .../src/components/header/HeaderLanguage.vue | 2 +- .../src/components/menu/RecursionMenuItem.vue | 1 + app/.vitepress/src/layouts/LayoutDoc.vue | 2 +- app/.vitepress/src/utils/common.ts | 1 + app/.vitepress/src/views/home/TheHome.vue | 10 +- package.json | 4 +- pnpm-lock.yaml | 301 +++++++++--------- 19 files changed, 304 insertions(+), 221 deletions(-) create mode 100644 app/.vitepress/src/assets/style/theme/layer.scss diff --git a/app/.vitepress/config.ts b/app/.vitepress/config.ts index fdb9a2a..be82b75 100644 --- a/app/.vitepress/config.ts +++ b/app/.vitepress/config.ts @@ -6,6 +6,7 @@ export default { assetsDir: '/assets', cleanUrls: false, ignoreDeadLinks: true, + metaChunk: true, title: '文档 | openEuler社区', srcExclude: ['**/_menu.md'], head: [ diff --git a/app/.vitepress/src/App.vue b/app/.vitepress/src/App.vue index 985c142..c7e881f 100644 --- a/app/.vitepress/src/App.vue +++ b/app/.vitepress/src/App.vue @@ -83,10 +83,10 @@ if (inBrowser) { --layout-header-height: 80px; --layout-header-zIndex: 101; - --layout-header-max-width: 1440px; + --layout-header-max-width: 1488px; --layout-header-padding: 12px; - --layout-content-max-width: 1440px; + --layout-content-max-width: 1488px; --layout-content-padding: 10px; --layout-doc-padding-top: 32px; diff --git a/app/.vitepress/src/assets/style/markdown.scss b/app/.vitepress/src/assets/style/markdown.scss index 967cbf4..3e12d2c 100644 --- a/app/.vitepress/src/assets/style/markdown.scss +++ b/app/.vitepress/src/assets/style/markdown.scss @@ -395,13 +395,13 @@ .copy { cursor: pointer; position: absolute; - top: var(--o-gap-3); + top: calc(var(--o-gap-2) + 2px); right: var(--o-gap-3); z-index: 3; border-radius: 4px; width: 24px; height: 24px; - background-color: transparent; + background-color: inherit; background-image: url('@/assets/category/docs/icon-copy.svg'); background-position: 50%; background-size: 20px; @@ -410,8 +410,12 @@ opacity: 0; transition: all var(--o-duration-m1) var(--o-easing-standard-in); + @include respond-to('<=laptop') { + top: var(--o-gap-2); + } + @include respond-to('phone') { - top: 4px; + top: 12px; } } diff --git a/app/.vitepress/src/assets/style/theme/index.scss b/app/.vitepress/src/assets/style/theme/index.scss index 8c939e6..af073d6 100644 --- a/app/.vitepress/src/assets/style/theme/index.scss +++ b/app/.vitepress/src/assets/style/theme/index.scss @@ -16,3 +16,4 @@ @use './link.scss' as *; @use './breadcrumb.scss' as *; @use './icon.scss' as *; +@use './layer.scss' as *; \ No newline at end of file diff --git a/app/.vitepress/src/assets/style/theme/layer.scss b/app/.vitepress/src/assets/style/theme/layer.scss new file mode 100644 index 0000000..e0ead2d --- /dev/null +++ b/app/.vitepress/src/assets/style/theme/layer.scss @@ -0,0 +1,7 @@ +.o-layer { + .disable-scroller { + .o-scrollbar-container { + overflow: visible !important; + } + } +} \ No newline at end of file diff --git a/app/.vitepress/src/assets/style/theme/message.scss b/app/.vitepress/src/assets/style/theme/message.scss index 6d52e02..a729f1a 100644 --- a/app/.vitepress/src/assets/style/theme/message.scss +++ b/app/.vitepress/src/assets/style/theme/message.scss @@ -1,8 +1,6 @@ .o-message-list { z-index: 2147483647 !important; --app-header-height: 64px; - --app-footer-height: 300px; - --message-list-top-offset: calc(var(--app-header-height) + 32px); - --message-list-bottom-offset: calc(var(--app-footer-height) + 32px); + --message-list-offset: calc(var(--app-header-height) + 32px); } diff --git a/app/.vitepress/src/components/FloatingButton.vue b/app/.vitepress/src/components/FloatingButton.vue index 8313811..711dba7 100644 --- a/app/.vitepress/src/components/FloatingButton.vue +++ b/app/.vitepress/src/components/FloatingButton.vue @@ -94,6 +94,7 @@ onMounted(() => { :phone-half-full="true" :style="{ '--dlg-head-padding': '16px 24px 0', '--dlg-body-padding': '24px 24px 16px', '--dlg-padding-body-top': '12px', '--dlg-radius': '4px 4px 0 0' }" :scroller="false" + main-class="disable-scroller" @change="change" > @@ -105,10 +106,14 @@ onMounted(() => { .feedback-home { position: fixed; bottom: 200px; - right: 64px; + right: max(calc(64px + (var(--vw100) - 1920px) / 2), 64px); z-index: 10; height: 164px; + @media (min-width: 1441px) and (max-width: 1919px) { + right: 64px; + } + @include respond-to('<=laptop') { right: 24px; } diff --git a/app/.vitepress/src/components/FloatingButtonDocs.vue b/app/.vitepress/src/components/FloatingButtonDocs.vue index 0d835c0..f0d7efa 100644 --- a/app/.vitepress/src/components/FloatingButtonDocs.vue +++ b/app/.vitepress/src/components/FloatingButtonDocs.vue @@ -1,5 +1,5 @@