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

💄 微调样式

Browse Source
This commit is contained in:
BTMuli
2023-11-17 21:55:31 +08:00
parent 1906e911c7
commit c018638e4a
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,15 +2,15 @@
<div class="calendar-box"> <div class="calendar-box">
<div class="calendar-title"> <div class="calendar-title">
<div class="calendar-title-left"> <div class="calendar-title-left">
<v-icon size="small"> mdi-calendar-clock</v-icon> <v-icon size="small">mdi-calendar-clock</v-icon>
<span>今日素材</span> <span>今日素材</span>
<span>{{ dateNow }}</span> <span>{{ dateNow }}</span>
<!-- 如果是某人生日，显示礼物图标 --> <!-- 如果是某人生日，礼物图标颜色为红色 -->
<span <span
@click="toBirthday" @click="toBirthday"
class="calendar-title-gift"
:style="{ :style="{
color: birthInfo.active ? 'var(--tgc-red-1)' : 'inherit', color: birthInfo.active ? 'var(--tgc-red-1)' : 'inherit',
cursor: 'pointer',
}" }"
:title="birthInfo.text" :title="birthInfo.text"
> >
@@ -43,7 +43,7 @@
/> />
<v-btn class="calendar-title-btn" @click="share"> <v-btn class="calendar-title-btn" @click="share">
<template #prepend> <template #prepend>
<v-icon> mdi-share-variant</v-icon> <v-icon>mdi-share-variant</v-icon>
</template> </template>
<span>分享</span> <span>分享</span>
</v-btn> </v-btn>
@@ -232,6 +232,13 @@ async function toBirthday(): Promise<void> {
column-gap: 10px; column-gap: 10px;
} }
.calendar-title-gift {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.calendar-title-mid { .calendar-title-mid {
display: flex; display: flex;
align-items: center; align-items: center;