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:
目棃
2024-03-12 21:42:58 +08:00
parent c450c5ab34
commit cb8d12cc84
1 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/gachaRecord/gro-history.vue
View File

@@ -27,7 +27,7 @@
</div> </div>
<div class="gro-pi-time">{{ getTimeStr(pool) }}</div> <div class="gro-pi-time">{{ getTimeStr(pool) }}</div>
<div class="gro-pi-sub">Up 五星</div> <div class="gro-pi-sub">Up 五星</div>
<div class="gro-pool-up"> <div class="gro-pool-up lv5">
<TItembox <TItembox
v-for="i in pool.up5List" v-for="i in pool.up5List"
:key="i" :key="i"
@@ -36,7 +36,7 @@
/> />
</div> </div>
<div class="gro-pi-sub">Up 四星</div> <div class="gro-pi-sub">Up 四星</div>
<div class="gro-pool-up"> <div class="gro-pool-up lv4">
<TItembox <TItembox
v-for="i in pool.up4List" v-for="i in pool.up4List"
:key="i" :key="i"
@@ -150,13 +150,13 @@ function getBox(id: number): TItemBoxData {
return { return {
bg: `/icon/bg/${cFind.star}-Star.webp`, bg: `/icon/bg/${cFind.star}-Star.webp`,
icon: `/WIKI/character/${cFind.id}.webp`, icon: `/WIKI/character/${cFind.id}.webp`,
size: "100px", size: "80px",
height: "100px", height: "80px",
display: "inner", display: "inner",
clickable: true, clickable: true,
lt: `/icon/element/${cFind.element}元素.webp`, lt: `/icon/element/${cFind.element}元素.webp`,
ltSize: "30px", ltSize: "30px",
innerHeight: 25, innerHeight: 20,
innerIcon: `/icon/weapon/${cFind.weapon}.webp`, innerIcon: `/icon/weapon/${cFind.weapon}.webp`,
innerText: cFind.name, innerText: cFind.name,
}; };
@@ -164,13 +164,13 @@ function getBox(id: number): TItemBoxData {
return { return {
bg: `/icon/bg/${wFind.star}-Star.webp`, bg: `/icon/bg/${wFind.star}-Star.webp`,
icon: `/WIKI/weapon/${wFind.id}.webp`, icon: `/WIKI/weapon/${wFind.id}.webp`,
size: "100px", size: "80px",
height: "100px", height: "80px",
display: "inner", display: "inner",
clickable: true, clickable: true,
lt: wFind.weaponIcon, lt: wFind.weaponIcon,
ltSize: "30px", ltSize: "30px",
innerHeight: 25, innerHeight: 20,
innerText: wFind.name, innerText: wFind.name,
}; };
} else { } else {
@@ -224,7 +224,7 @@ function getBox(id: number): TItemBoxData {
position: relative; position: relative;
display: flex; display: flex;
width: 100%; width: 100%;
align-items: center; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
padding: 10px; padding: 10px;
border-radius: 10px; border-radius: 10px;
@@ -251,7 +251,6 @@ function getBox(id: number): TItemBoxData {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
row-gap: 10px;
} }
.gro-pi-title { .gro-pi-title {
@@ -287,5 +286,14 @@ function getBox(id: number): TItemBoxData {
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
gap: 10px; gap: 10px;
overflow-y: auto;
}
.gro-pool-up.lv5 {
max-height: 80px;
}
.gro-pool-up.lv4 {
max-height: 170px;
} }
</style> </style>