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

🎨 调整链接卡片hint

Browse Source
This commit is contained in:
目棃
2024-12-26 09:05:30 +08:00
parent 9cf4e7b00e
commit 3bc70bbf46
1 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/viewPost/tp-linkCard.vue
View File

@@ -6,20 +6,13 @@
<div v-if="props.data.insert.link_card.price" class="tp-link-card-price"> <div v-if="props.data.insert.link_card.price" class="tp-link-card-price">
{{ props.data.insert.link_card.price }} {{ props.data.insert.link_card.price }}
</div> </div>
<div @click="toLink()" class="tp-link-card-btn"> <div @click="toLink()" class="tp-link-card-btn">{{ btnText }} ></div>
{{
props.data.insert.link_card.button_text === ""
? "详情"
: props.data.insert.link_card.button_text
}}
>
</div>
</div> </div>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import showSnackbar from "@comp/func/snackbar.js"; import showSnackbar from "@comp/func/snackbar.js";
import { onMounted, onUnmounted, ref, toRaw } from "vue"; import { computed, onMounted, onUnmounted, ref, toRaw } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { parseLink, parsePost } from "@/utils/linkParser.js"; import { parseLink, parsePost } from "@/utils/linkParser.js";
@@ -48,6 +41,12 @@ const props = defineProps<TpLinkCardProps>();
const router = useRouter(); const router = useRouter();
const cover = ref<string>(props.data.insert.link_card.cover); const cover = ref<string>(props.data.insert.link_card.cover);
const btnText = computed<string>(() => {
if (!props.data.insert.link_card.button_text || props.data.insert.link_card.button_text === "") {
return "详情";
}
return props.data.insert.link_card.button_text;
});
onMounted(async () => { onMounted(async () => {
if (!cover.value.startsWith("blob:")) { if (!cover.value.startsWith("blob:")) {