From 336d4abae2eb367c80fd9211df18d37bc2b64e57 Mon Sep 17 00:00:00 2001 From: luckyasme <807254037@qq.com> Date: Wed, 12 Mar 2025 10:38:34 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A3=80=E8=A7=86=E9=97=AE=E9=A2=98?= =?UTF-8?q?=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/feedback/FeedbackSlider.vue | 108 ++++++++++++++++-- .../feedback/FloatingButtonHome.vue | 2 +- .../src/components/header/HeaderNav.vue | 3 +- .../src/components/header/NavContent.vue | 2 + docs/.vitepress/src/i18n/header/header-zh.ts | 2 +- 5 files changed, 103 insertions(+), 14 deletions(-) diff --git a/docs/.vitepress/src/components/feedback/FeedbackSlider.vue b/docs/.vitepress/src/components/feedback/FeedbackSlider.vue index 96c0dcb..9e799ac 100644 --- a/docs/.vitepress/src/components/feedback/FeedbackSlider.vue +++ b/docs/.vitepress/src/components/feedback/FeedbackSlider.vue @@ -39,9 +39,11 @@ const infoData = { placeholder1: t('feedback.placeholder1'), placeholder2: t('feedback.placeholder2'), placeholder3: t('feedback.placeholder3'), - more1: t('feedback.more1'), - submit: t('feedback.submit'), + submit: '提交', cancel: t('feedback.cancel'), + more1: '感谢您的反馈，如需帮助，可论坛', + more2: '发帖求助', + more2Link: 'https://forum.openeuler.org/', }; const placeholder = computed(() => { @@ -135,10 +137,13 @@ const submitFeedback = () => {

- {{ infoData.more1 }} + {{ infoData.more1 + }}{{ infoData.more2 }} +

- + {{ infoData.submit }}
@@ -163,7 +168,7 @@ const submitFeedback = () => { } .slider-body { - padding-top: 22px; + padding-top: 28px; position: relative; z-index: 3; @include respond-to('<=pad_v') { @@ -201,8 +206,74 @@ const submitFeedback = () => { } } - :deep(.el-slider__marks) { - display: none; + :deep(.el-slider) { + height: auto; + height: 10px; + + .el-slider__marks { + display: none; + } + + .el-slider__runway { + height: 8px; + border-radius: var(--o-radius-xs); + background-color: var(--o-color-control1-light); + } + + .el-slider__bar { + height: 10px; + background-image: linear-gradient(270deg, #002fa7 0%, #21a9fc 100%); + top: -1px; + border-radius: 5px; + } + + .el-slider__button-wrapper + div { + position: relative; + transform: translateY(2px); + z-index: 2; + + & + div { + transform: translateY(2px); + & > .el-slider__stop:nth-of-type(1) { + transform: translatex(2px); + } + } + } + + .el-slider__stop { + width: 2px; + height: 2px; + background-color: var(--o-color-control2); + top: 1px; + } + + .el-slider__marks-stop { + background-color: var(--o-color-fill2); + + &:nth-last-of-type(1) { + transform: translateX(-4px); + background-color: var(--o-color-control2); + } + } + + .el-slider__button { + position: relative; + border: solid 8px var(--o-color-white); + box-shadow: var(--o-shadow-2); + + &::after { + display: block; + content: ''; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--o-color-primary1); + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } + } } } @@ -225,17 +296,32 @@ const submitFeedback = () => { --textarea-radius-pill: 8px; width: 100%; + height: 88px; } .more-info { color: var(--o-color-info3); margin-top: 8px; + text-align: center; @include tip2; } .submit-btn { text-align: center; margin-top: 16px; + + :deep(.o-btn) { + padding: 6px 26px; + border-color: var(--o-color-primary1); + color: var(--o-color-primary1); + + @include hover { + border-color: var(--o-color-primary1); + background-color: var(--o-color-primary1); + color: var(--o-color-white); + } + } + @include respond-to('<=pad_v') { display: flex; justify-content: space-evenly; @@ -259,9 +345,9 @@ const submitFeedback = () => { } } - .submit { - --btn-min-width: 60px; - --btn-bd-color: var(--o-color-control3); + /* .submit { + padding: 6px 26px; + @include hover { --btn-color-hover: var(--o-color-white); --btn-bd-color-hover: var(--o-color-primary1); @@ -273,7 +359,7 @@ const submitFeedback = () => { color: var(--o-color-primary2-light); border-color: var(--o-color-primary1); } - } + } */ } } diff --git a/docs/.vitepress/src/components/feedback/FloatingButtonHome.vue b/docs/.vitepress/src/components/feedback/FloatingButtonHome.vue index 0faf3e6..6e89277 100644 --- a/docs/.vitepress/src/components/feedback/FloatingButtonHome.vue +++ b/docs/.vitepress/src/components/feedback/FloatingButtonHome.vue @@ -162,7 +162,7 @@ const floatData = ref([ } .popup-feedback { - padding: 16px 24px; + padding: 16px 30px; background-color: var(--o-color-fill2); box-shadow: var(--o-shadow-2); border-radius: var(--o-radius-xs); diff --git a/docs/.vitepress/src/components/header/HeaderNav.vue b/docs/.vitepress/src/components/header/HeaderNav.vue index 5326402..ded389d 100644 --- a/docs/.vitepress/src/components/header/HeaderNav.vue +++ b/docs/.vitepress/src/components/header/HeaderNav.vue @@ -300,7 +300,7 @@ const linkClick = () => { transform-origin: top; &.light { - box-shadow: 0 3px 8px 0 rgba(var(--o-kleinblue-10), 0.1); + box-shadow: 0 3px 8px 0 rgba(var(--o-kleinblue-10), 0.08); } @include respond-to('laptop') { @@ -449,6 +449,7 @@ const linkClick = () => { height: 16px; width: 16px; padding-left: 6px; + border-radius: 50%; } .extra { margin-top: var(--o-gap-5); diff --git a/docs/.vitepress/src/components/header/NavContent.vue b/docs/.vitepress/src/components/header/NavContent.vue index f61b2b3..5ad1472 100644 --- a/docs/.vitepress/src/components/header/NavContent.vue +++ b/docs/.vitepress/src/components/header/NavContent.vue @@ -142,6 +142,7 @@ const descMouseenter = (e: MouseEvent) => { } .content-tag { margin-left: var(--o-gap-2); + border-radius: 32px; } } .desc-container { @@ -196,6 +197,7 @@ const descMouseenter = (e: MouseEvent) => { .content-tag { margin-left: var(--o-gap-2); + border-radius: 32px; } .desc-container { diff --git a/docs/.vitepress/src/i18n/header/header-zh.ts b/docs/.vitepress/src/i18n/header/header-zh.ts index a2ae212..7297eab 100644 --- a/docs/.vitepress/src/i18n/header/header-zh.ts +++ b/docs/.vitepress/src/i18n/header/header-zh.ts @@ -317,7 +317,7 @@ export default { URL: 'https://www.openeuler.org/zh/faq/', }, { - NAME: '贡献指南', + NAME: '文档开发指南', DESCRIPTION: '参与文档贡献的方式', URL: 'https://openeuler-docs.test.osinfra.cn/zh/Contribute/directory_structure_introductory.html', }, -- Gitee