mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
💄 修复渲染异常,调整share可用性
This commit is contained in:
@@ -28,6 +28,7 @@
|
|||||||
<div class="tua-prop-sub">
|
<div class="tua-prop-sub">
|
||||||
<span>
|
<span>
|
||||||
<img v-if="propSub !== false && propSub.icon !== ''" :src="propSub.icon" alt="propSub" />
|
<img v-if="propSub !== false && propSub.icon !== ''" :src="propSub.icon" alt="propSub" />
|
||||||
|
<v-icon class="icon" v-else size="14">mdi-adjust</v-icon>
|
||||||
<span>{{ propSub !== false ? propSub.name : "未知属性" }}</span>
|
<span>{{ propSub !== false ? propSub.name : "未知属性" }}</span>
|
||||||
</span>
|
</span>
|
||||||
<span>{{ props.modelValue.sub_property?.final }}</span>
|
<span>{{ props.modelValue.sub_property?.final }}</span>
|
||||||
@@ -131,6 +132,18 @@ const propSub = computed<TGApp.Game.Avatar.PropMapItem | false>(() => {
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
|
span:first-child {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
column-gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tua-prop-sub {
|
.tua-prop-sub {
|
||||||
@@ -151,6 +164,10 @@ const propSub = computed<TGApp.Game.Avatar.PropMapItem | false>(() => {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
column-gap: 5px;
|
column-gap: 5px;
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
opacity: 0.4;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -140,7 +140,9 @@ const uidList = shallowRef<Array<string>>([]);
|
|||||||
const roleList = shallowRef<Array<TGApp.Sqlite.Character.UserRole>>([]);
|
const roleList = shallowRef<Array<TGApp.Sqlite.Character.UserRole>>([]);
|
||||||
const selectedList = shallowRef<Array<TGApp.Sqlite.Character.UserRole>>([]);
|
const selectedList = shallowRef<Array<TGApp.Sqlite.Character.UserRole>>([]);
|
||||||
const dataVal = shallowRef<TGApp.Sqlite.Character.UserRole>();
|
const dataVal = shallowRef<TGApp.Sqlite.Character.UserRole>();
|
||||||
const enableShare = computed<boolean>(() => (showOverlay.value ? true : showSelect.value));
|
const enableShare = computed<boolean>(
|
||||||
|
() => showOverlay.value || showSelect.value || loadData.value,
|
||||||
|
);
|
||||||
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
await showLoading.start("正在获取角色数据");
|
await showLoading.start("正在获取角色数据");
|
||||||
|
|||||||
Reference in New Issue
Block a user