Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-12 09:18:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 调整不同状态下的背景色、边缘、文本色

Browse Source
This commit is contained in:
目棃
2024-07-26 21:27:54 +08:00
parent e3e5b757e4
commit e9252bbfcd
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/home/t-calendar.vue
View File

@@ -16,9 +16,19 @@
:key="text.week"
rounded
:style="{
border: text.week === weekNow ? '1px solid var(--common-shadow-4)' : 'none',
backgroundColor: text.week === btnNow ? 'var(--tgc-yellow-1)' : 'var(--tgc-btn-1)',
color: text.week === btnNow ? 'var(--box-text-4)' : 'var(--btn-text)',
border: text.week === weekNow ? '1px solid var(--tgc-yellow-1)' : 'none',
backgroundColor:
text.week === btnNow
? 'var(--tgc-yellow-1)'
: text.week === weekNow
? 'transparent'
: 'var(--tgc-btn-1)',
color:
text.week === btnNow
? 'var(--box-text-4)'
: text.week === weekNow
? 'var(--tgc-yellow-1)'
: 'var(--btn-text)',
}"
@click="getContents(text.week)"
>{{ text.text }}