@@ -2,6 +2,7 @@ | |||
export {} | |||
declare global { | |||
const EffectScope: typeof import('vue')['EffectScope'] | |||
const ElForm: typeof import('element-plus/es')['ElForm'] | |||
const ElMessage: typeof import('element-plus/es')['ElMessage'] | |||
const ElMessageBox: typeof import('element-plus/es')['ElMessageBox'] | |||
const asyncComputed: typeof import('@vueuse/core')['asyncComputed'] | |||
@@ -270,6 +271,7 @@ import { UnwrapRef } from 'vue' | |||
declare module 'vue' { | |||
interface ComponentCustomProperties { | |||
readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']> | |||
readonly ElForm: UnwrapRef<typeof import('element-plus/es')['ElForm']> | |||
readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']> | |||
readonly ElMessageBox: UnwrapRef<typeof import('element-plus/es')['ElMessageBox']> | |||
readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']> | |||
@@ -340,10 +340,10 @@ | |||
item.sex == 1 | |||
? lanChange == 'zh-cn' | |||
? `男 ` | |||
: `man` | |||
: `male` | |||
: lanChange == 'zh-cn' | |||
? `女` | |||
: `woman` | |||
: `female` | |||
})` | |||
" | |||
:value="item.id" | |||
@@ -1025,12 +1025,12 @@ async function getPreviewAudio() { | |||
} | |||
previewAudioUrl.value = res.data.data; | |||
let audioA = document.getElementById("audio"); | |||
audioA.addEventListener("loadedmetadata", function () { | |||
audioA.addEventListener("loadedmetadata", async () => { | |||
audioA.muted = false; // 将 muted 属性设置为 false | |||
audioA.play(); | |||
await audioA.play(); | |||
previewAudioLoading.value = false; | |||
console.log(audioA.muted, "播放了"); | |||
}); | |||
previewAudioLoading.value = false; | |||
} catch (error) { | |||
ElMessage.error( | |||
lanChange.value == "zh-cn" | |||
@@ -15,12 +15,12 @@ | |||
<div class="title"> | |||
{{ lanChange == "zh-cn" ? item.typeDesc : item.englishName }} | |||
</div> | |||
<div class="money"> | |||
<span class="price">{{ | |||
lanChange == "zh-cn" ? item.rmb + "¥" : item.dollar + "$" | |||
}}</span | |||
>/{{ item.validityDuration }}{{ $t("shop.day") }} | |||
</div> | |||
</div> | |||
<div class="money"> | |||
<span class="price">{{ | |||
lanChange == "zh-cn" ? item.rmb + "¥" : item.dollar + "$" | |||
}}</span | |||
>/{{ item.validityDuration }}{{ $t("shop.day") }} | |||
</div> | |||
<div class="time"> | |||
<span>{{ item.credit }}</span | |||
@@ -390,9 +390,10 @@ onMounted(async () => { | |||
.title { | |||
font-size: 30px; | |||
font-weight: 700; | |||
// line-height: 25px; | |||
width: 100%; | |||
margin-bottom: 10px; | |||
cursor: pointer; | |||
text-align: center; | |||
.el-icon { | |||
line-height: 30px; | |||
width: 40px; | |||
@@ -409,6 +410,7 @@ onMounted(async () => { | |||
font-size: 20px; | |||
color: #7c7c7a; | |||
cursor: pointer; | |||
text-align: end; | |||
.price { | |||
font-size: 30px; | |||
font-weight: 700; | |||
@@ -417,7 +419,7 @@ onMounted(async () => { | |||
} | |||
} | |||
.time { | |||
text-align: center; | |||
text-align: end; | |||
margin-bottom: 10px; | |||
font-size: 20px; | |||
color: #7c7c7a; | |||
@@ -427,6 +429,7 @@ onMounted(async () => { | |||
font-weight: 700; | |||
color: #242625; | |||
cursor: pointer; | |||
margin-right: 5px; | |||
} | |||
} | |||