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