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