refactor(app): 优化多个组件的显示和功能
- 移除 App.vue 中的 keepalive
This commit is contained in:
parent
2a277d1388
commit
cc8091d04e
@ -49,7 +49,7 @@ provide('slideDirection', slideDirection)
|
|||||||
<NuxtLayout>
|
<NuxtLayout>
|
||||||
<NuxtPage :transition="{
|
<NuxtPage :transition="{
|
||||||
name: slideDirection
|
name: slideDirection
|
||||||
}" keepalive />
|
}" />
|
||||||
</NuxtLayout>
|
</NuxtLayout>
|
||||||
</VanConfigProvider>
|
</VanConfigProvider>
|
||||||
</client-only>
|
</client-only>
|
||||||
|
@ -22,6 +22,8 @@ const filteredPriceRules = computed(() => {
|
|||||||
return props.detailInfo.priceRules.slice(0, emptyIndex)
|
return props.detailInfo.priceRules.slice(0, emptyIndex)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
console.log('detailInfo',props.detailInfo);
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@ -61,7 +63,7 @@ const filteredPriceRules = computed(() => {
|
|||||||
<div class="px-[16px] bg-#fff pt-12px pb-18px">
|
<div class="px-[16px] bg-#fff pt-12px pb-18px">
|
||||||
<div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}:</div>
|
<div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}:</div>
|
||||||
<div v-if="detailInfo?.priceRuleType!=='diy'">
|
<div v-if="detailInfo?.priceRuleType!=='diy'">
|
||||||
<xImage :src="detailInfo?.priceRuleImage+'?x-oss-process=image/resize,w_580,h_580/format,webp/quality,q_80'" alt=""/>
|
<xImage :src="detailInfo?.priceRuleImage" alt=""/>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="mt-20px">
|
<div v-else class="mt-20px">
|
||||||
<div class="flex text-#575757 text-12px">
|
<div class="flex text-#575757 text-12px">
|
||||||
|
@ -70,7 +70,7 @@ const openShow = async (item) => {
|
|||||||
<div class="relative w-full">
|
<div class="relative w-full">
|
||||||
<img
|
<img
|
||||||
:src="item.artwork?.hdPic + '?x-oss-process=image/resize,w_500,h_500/format,webp/quality,q_80'"
|
:src="item.artwork?.hdPic + '?x-oss-process=image/resize,w_500,h_500/format,webp/quality,q_80'"
|
||||||
class="w-full object-cover rounded-4px"
|
class="w-full object-cover rounded-4px min-h-[200px]"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
|
||||||
/>
|
/>
|
||||||
|
@ -153,11 +153,11 @@ const tipOpen = () => {
|
|||||||
style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
|
style="bottom:calc(var(--safe-area-inset-bottom) + 26px)">
|
||||||
<div class="text-16px text-#FFB25F font-600 flex">
|
<div class="text-16px text-#FFB25F font-600 flex">
|
||||||
<div class="mr-5px">{{ t('live_room.now_price') }}:{{ auctionData?.nowAuctionPrice?.currency }}</div>
|
<div class="mr-5px">{{ t('live_room.now_price') }}:{{ auctionData?.nowAuctionPrice?.currency }}</div>
|
||||||
<div class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice}}</div>
|
<div class="min-w-50px">{{auctionData?.nowAuctionPrice?.nowPrice||0}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-16px text-#fff font-600 flex">
|
<div class="text-16px text-#fff font-600 flex">
|
||||||
<div class="mr-5px">{{ t('live_room.lower_price') }}:{{ auctionData?.nowAuctionPrice?.currency }}</div>
|
<div class="mr-5px">{{ t('live_room.lower_price') }}:{{ auctionData?.nowAuctionPrice?.currency }}</div>
|
||||||
<div class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice}}</div>
|
<div class="min-w-50px">{{auctionData?.nowAuctionPrice?.nextPrice||0}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
|
<div v-if="quoteStatus&&auctionData?.nowAuctionPrice?.nowPrice&&auctionData?.nowAuctionPrice?.nowPrice!=='0'" class="mt-10px mb-10px">
|
||||||
|
@ -72,18 +72,11 @@ const getDefaultCountry = () => {
|
|||||||
|
|
||||||
const defaultCountry = getDefaultCountry()
|
const defaultCountry = getDefaultCountry()
|
||||||
|
|
||||||
|
const selectedCountry = ref('')
|
||||||
|
|
||||||
const selectedCountry = ref(route.query.countryName || defaultCountry.name)
|
|
||||||
onMounted(()=>{
|
onMounted(()=>{
|
||||||
selectedZone.value=route.query.zone || defaultCountry.zone
|
selectedZone.value=route.query.zone || defaultCountry.zone
|
||||||
})
|
selectedCountry.value=route.query.countryName || defaultCountry.name
|
||||||
// 监听语言变化,更新默认国家
|
|
||||||
watch(locale, () => {
|
|
||||||
if (!route.query.zone) {
|
|
||||||
const newDefault = getDefaultCountry()
|
|
||||||
selectedZone.value = newDefault.zone
|
|
||||||
selectedCountry.value = newDefault.name
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
const vanSwipeRef=ref(null)
|
const vanSwipeRef=ref(null)
|
||||||
const getCode =async () => {
|
const getCode =async () => {
|
||||||
|
@ -153,7 +153,7 @@ export default defineNuxtConfig({
|
|||||||
// 指定 Nuxt 应用程序的兼容性日期,确保应用程序在未来的 Nuxt 版本中保持稳定性
|
// 指定 Nuxt 应用程序的兼容性日期,确保应用程序在未来的 Nuxt 版本中保持稳定性
|
||||||
compatibilityDate: '2025-02-28',
|
compatibilityDate: '2025-02-28',
|
||||||
devServer: {
|
devServer: {
|
||||||
https: httpsOptions,
|
// https: httpsOptions,
|
||||||
host: '0.0.0.0',
|
host: '0.0.0.0',
|
||||||
port: 3000,
|
port: 3000,
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user