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

💄 调整样式

Browse Source
This commit is contained in:
目棃
2024-05-27 14:42:21 +08:00
parent 8fed953df0
commit 9c736a0241
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/home/t-calendar-birth.vue
View File

@@ -5,9 +5,17 @@
<span>今天没有角色过生日哦~</span> <span>今天没有角色过生日哦~</span>
</div> </div>
<div class="tcb-top-active" v-else> <div class="tcb-top-active" v-else>
<span>今天是</span>
<img
v-for="i in cur"
:key="i.role_id"
class="tcb-cur"
:alt="i.name"
:src="i.head_icon"
:title="i.name"
/>
<span>的生日哦~</span>
<img @click="toBirth(true)" src="/source/UI/act_birthday.png" alt="empty" class="active" /> <img @click="toBirth(true)" src="/source/UI/act_birthday.png" alt="empty" class="active" />
<span>今天是{{ cur.map((i) => i.name).join("、") }}的生日哦~</span>
<img v-for="i in cur" :key="i.role_id" class="tcb-cur" :alt="i.name" :src="i.head_icon" />
</div> </div>
<div>即将到来：{{ next[0].role_birthday }}</div> <div>即将到来：{{ next[0].role_birthday }}</div>
<div v-for="i in next" :key="i.role_id" class="tcb-item"> <div v-for="i in next" :key="i.role_id" class="tcb-item">
@@ -68,12 +76,8 @@ function parseDesc(intro: string): string {
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.tcb-container { .tcb-container {
display: flex;
width: 100%; width: 100%;
height: 100%; height: 100%;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 10px; padding: 10px;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 0 5px inset var(--common-shadow-2); box-shadow: 0 0 5px inset var(--common-shadow-2);
@@ -84,9 +88,9 @@ function parseDesc(intro: string): string {
.tcb-top-none, .tcb-top-none,
.tcb-top-active { .tcb-top-active {
display: flex; display: flex;
height: 100px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-bottom: 10px;
} }
.tcb-top-none img, .tcb-top-none img,
@@ -96,6 +100,7 @@ function parseDesc(intro: string): string {
} }
.tcb-top-active img.active { .tcb-top-active img.active {
margin-left: auto;
cursor: pointer; cursor: pointer;
} }
@@ -103,7 +108,6 @@ function parseDesc(intro: string): string {
width: 50px; width: 50px;
height: 50px; height: 50px;
border-radius: 50%; border-radius: 50%;
margin-left: 5px;
background: var(--common-shadow-1); background: var(--common-shadow-1);
} }
@@ -115,6 +119,7 @@ function parseDesc(intro: string): string {
justify-content: flex-start; justify-content: flex-start;
padding: 5px; padding: 5px;
border-radius: 10px; border-radius: 10px;
margin-top: 10px;
background: var(--box-bg-1); background: var(--box-bg-1);
} }