mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2026-03-16 04:03:17 +08:00
🐛 修复爱诺天赋显示异常,增加是否解锁显示
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user