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 @@