From a4493ada2f342169fbf5798b096988708c3f8a34 Mon Sep 17 00:00:00 2001 From: Han <1655466387@qq.com> Date: Fri, 21 Mar 2025 12:45:30 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=BB=86=E8=8A=82=E2=9C=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/ArticleCard/ArticleCard.less | 2 +- src/components/Aside/Aside.less | 3 +- src/components/Comment/Comment.less | 4 +-- src/components/Header/Header.astro | 2 +- src/components/Header/Header.less | 2 +- src/components/Pagination/Pagination.astro | 6 ++-- src/components/Reward/Reward.less | 38 +++++++++++++++------ src/layouts/Layout/Layout.astro | 2 ++ src/layouts/ToolLayout/ToolLayout.less | 2 +- 9 files changed, 41 insertions(+), 20 deletions(-) diff --git a/src/components/ArticleCard/ArticleCard.less b/src/components/ArticleCard/ArticleCard.less index dec9a9a..ab93750 100644 --- a/src/components/ArticleCard/ArticleCard.less +++ b/src/components/ArticleCard/ArticleCard.less @@ -116,7 +116,7 @@ section.article-list { box-sizing: border-box; width: max-content; font-size: 0.875rem; - font-weight: bold; + font-weight: 700; /* 默认渐变色起始 */ --gradient-color-1: #a32cc4; /* 默认渐变色中间 */ diff --git a/src/components/Aside/Aside.less b/src/components/Aside/Aside.less index a684cdf..834f68f 100644 --- a/src/components/Aside/Aside.less +++ b/src/components/Aside/Aside.less @@ -126,8 +126,9 @@ aside.vh-aside { } &>img { - width: 1.18rem; + width: auto; height: 1.18rem; + object-fit: contain; } } } diff --git a/src/components/Comment/Comment.less b/src/components/Comment/Comment.less index 982129b..32daeab 100644 --- a/src/components/Comment/Comment.less +++ b/src/components/Comment/Comment.less @@ -247,7 +247,7 @@ border-radius: 2px; font-size: 0.72rem; border-radius: 4px; - font-weight: bold; + font-weight: 700; line-height: 1.6; } @@ -276,7 +276,7 @@ } .tk-ruser { - font-weight: bold; + font-weight: 700; } } diff --git a/src/components/Header/Header.astro b/src/components/Header/Header.astro index 1d5585b..1e8c1c4 100644 --- a/src/components/Header/Header.astro +++ b/src/components/Header/Header.astro @@ -20,7 +20,7 @@ import "./Header.less"; Navs.map(i => ( {i.text} - {i.text} + {`${i.text}图标`} )) } diff --git a/src/components/Header/Header.less b/src/components/Header/Header.less index 870be62..4057da2 100644 --- a/src/components/Header/Header.less +++ b/src/components/Header/Header.less @@ -38,7 +38,7 @@ header.vh-header { width: max-content; height: 80%; font-size: 1rem; - font-weight: bold; + font-weight: 700; z-index: 1; transition: all 0.08s ease-in-out; user-select: none; diff --git a/src/components/Pagination/Pagination.astro b/src/components/Pagination/Pagination.astro index 9ab7e3d..b0406fc 100644 --- a/src/components/Pagination/Pagination.astro +++ b/src/components/Pagination/Pagination.astro @@ -8,7 +8,7 @@ import "./Pagination.less";
- + @@ -30,7 +30,7 @@ import "./Pagination.less"; ) } - {fmtPage(data.current) || "1"} + {fmtPage(data.current) || "1"} { (!data.prev || !data.first) && data.next && ( @@ -48,7 +48,7 @@ import "./Pagination.less"; ) } - + diff --git a/src/components/Reward/Reward.less b/src/components/Reward/Reward.less index 9f7181d..1720c9a 100644 --- a/src/components/Reward/Reward.less +++ b/src/components/Reward/Reward.less @@ -40,6 +40,32 @@ transition: opacity 0.16s, transform 0.16s; user-select: none; + &:hover { + transform: translateY(-0.12rem); + + &::before { + pointer-events: auto; + } + + &>i { + pointer-events: auto; + opacity: 1; + transform: translate(-50%, -1rem); + } + } + + &::before { + pointer-events: none; + content: ''; + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: 100%; + width: calc(100vw - 1rem); + max-width: 258px; + height: 100%; + } + &>i { opacity: 0; pointer-events: none; @@ -47,8 +73,8 @@ left: 50%; bottom: 100%; transform: translate(-50%, 0); - width: 258px; - max-width: calc(100vw - 1rem); + width: calc(100vw - 1rem); + max-width: 258px; border-radius: 0.588rem; aspect-ratio: 6/8; background-size: cover; @@ -58,14 +84,6 @@ transition: opacity 0.16s, transform 0.16s; } - &:hover { - transform: translateY(-0.12rem); - - &>i { - opacity: 1; - transform: translate(-50%, -1rem); - } - } &.alipay { background: #00a0e8 url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M377.7%2032H70.3C31.4%2032%200%2063.4%200%20102.3v307.5C0%20448.6%2031.4%20480%2070.3%20480h307.5c38.5%200%2069.8-31.1%2070.3-69.6-46-25.6-110.6-60.3-171.6-88.4-32.1%2044-84.1%2081-148.6%2081-70.6%200-93.7-45.3-97-76.4-4-39%2014.9-81.5%2099.5-81.5%2035.4%200%2079.4%2010.3%20127.1%2025%2016.5-30.1%2026.5-60.3%2026.5-60.3h-178.2v-16.7h92.1v-31.2H88.3v-19h109.4V92.3h50.9v50.4h109.4v19H248.6v31.2h88.8s-15.2%2046.6-38.4%2090.9c48.9%2016.7%20100%2036%20148.6%2052.7V102.3C447.8%2063.6%20416.4%2032%20377.7%2032zM47.3%20323c1%2020.2%2010.3%2053.7%2069.9%2053.7%2052.1%200%2092.6-39.7%20117.9-72.9-44.6-18.7-84.5-31.4-109.4-31.4-67.5%200-79.4%2033.1-78.4%2050.6z%22%2F%3E%3C%2Fsvg%3E') no-repeat; diff --git a/src/layouts/Layout/Layout.astro b/src/layouts/Layout/Layout.astro index 188fdeb..090f305 100644 --- a/src/layouts/Layout/Layout.astro +++ b/src/layouts/Layout/Layout.astro @@ -22,6 +22,8 @@ import "./Layout.less"; {ad_Client && (asideAD_Slot || articleAD_Slot) &&