🐛 修复爱诺天赋显示异常,增加是否解锁显示

This commit is contained in:
BTMuli
2025-09-11 12:35:17 +08:00
parent ddbc382b8b
commit 3235545a02
2 changed files with 38 additions and 18 deletions

View File

@@ -8,6 +8,9 @@
>
<span>{{ talent.name }}</span>
<div class="duc-dort-icon">
<div v-if="!talent.is_unlock" class="duc-dort-lock">
<v-icon color="white">mdi-lock</v-icon>
</div>
<TMiImg :ori="true" :src="talent.icon" alt="talent" />
</div>
<span>Lv.{{ talent.level === 0 ? 1 : talent.level }}</span>
@@ -25,20 +28,49 @@ const props = defineProps<DucDetailOrtProps>();
.duc-dort-box {
display: flex;
flex-direction: column;
row-gap: 10px;
row-gap: 8px;
}
.duc-dort-item {
display: flex;
justify-content: flex-end;
column-gap: 8px;
span {
display: flex;
align-items: center;
justify-content: flex-start;
color: var(--tgc-white-1);
font-family: var(--font-title);
font-size: 16px;
text-shadow: 0 0 5px #00000066;
&:last-child {
width: 48px;
}
}
}
.duc-dort-lock {
position: absolute;
z-index: 2;
display: flex;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
padding: 3px;
border-radius: 50%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #00000066;
}
.duc-dort-icon {
position: relative;
display: flex;
width: 48px;
height: 48px;
width: 40px;
height: 40px;
box-sizing: border-box;
align-items: center;
justify-content: center;
@@ -54,14 +86,4 @@ const props = defineProps<DucDetailOrtProps>();
object-fit: contain;
}
}
.duc-dort-item span {
display: flex;
align-items: center;
justify-content: center;
color: var(--tgc-white-1);
font-family: var(--font-title);
font-size: 16px;
text-shadow: 0 0 5px #00000066;
}
</style>

View File

@@ -35,8 +35,7 @@
</div>
<!-- 底部水印信息 -->
<div class="duc-doc-bt">
UID: {{ props.modelValue.uid }} Updated: {{ props.modelValue.updated }} | Rendered by
TeyvatGuide v{{ version }}
UID: {{ props.modelValue.uid }} {{ props.modelValue.updated }} | TeyvatGuide v{{ version }}
</div>
</div>
</template>
@@ -149,9 +148,8 @@ async function share(): Promise<void> {
.duc-doc-rt {
position: absolute;
top: 10px;
right: 10px;
padding: 5px;
top: 8px;
right: 8px;
}
.duc-doc-lb {