| @@ -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; | |||||
| } | } | ||||
| } | } | ||||