spark-store-project/spark-store-abyss
15
0
Fork 0
mirror of https://github.com/spark-store-project/spark-store-abyss synced 2025-12-18 21:31:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 优化关于页面指示器的透明度和样式

Browse Source
This commit is contained in:
jiwangyihao
2025-06-21 00:57:54 +08:00
parent 961b4c726d
commit 2813ea4392
1 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
pages/about.vue
View File

@@ -121,17 +121,12 @@ function scrollIntoView(id: string) {
</h2>
<Icon
name="s:about-indicator"
class="absolute left-3 bottom-0 w-20 h-[auto]! s-color-primary-100 dark:s-color-primary-500 dark:opacity-50"
class="absolute left-3 bottom-0 w-20 h-[auto]! s-color-primary-100 opacity-[calc(2*var(--s-opacity))] dark:s-color-primary-500 dark:opacity-[calc(0.38*var(--s-opacity))]"
mode="svg"
:style="{
translate: `calc(${40 * (sProgress - 1)} * var(--spacing)) 0`,
opacity: sDark
? (range(0, 0.5, sProgress - 0.5) -
range(0, 0.5, sProgress - 6.5)) *
0.38
: (range(0, 0.5, sProgress - 0.5) -
range(0, 0.5, sProgress - 6.5)) *
2,
'--s-opacity':
range(0, 0.5, sProgress - 0.5) - range(0, 0.5, sProgress - 6.5),
}"
/>
<button