style(app): 优化弹窗样式和图片加载

- 调整 van-popup 组件的背景颜色
- 优化详情页图片加载,使用 WebP 格式和压缩质量
- 移除首页无用代码
- 注释直播室错误处理对话框
This commit is contained in:
xingyy 2025-03-07 10:39:19 +08:00
parent d18dcfd8f9
commit 3d98a1b9d7
4 changed files with 18 additions and 16 deletions

View File

@ -56,6 +56,9 @@ provide('slideDirection', slideDirection)
</template>
<style>
.van-popup.van-toast{
background: var(--van-toast-background)!important;
}
.van-popup.van-popup--center.van-image-preview{
background-color: transparent!important;
max-width: 100%!important;

View File

@ -61,7 +61,7 @@ const filteredPriceRules = computed(() => {
<div class="px-[16px] bg-#fff pt-12px pb-18px">
<div class="text-[#575757] text-[14px] mb-4px">{{$t('detail.text7')}}</div>
<div v-if="detailInfo?.priceRuleType!=='diy'">
<xImage :src="detailInfo?.priceRuleImage" alt=""/>
<xImage :src="detailInfo?.priceRuleImage+'?x-oss-process=image/resize,w_580,h_580/format,webp/quality,q_80'" alt=""/>
</div>
<div v-else class="mt-20px">
<div class="flex text-#575757 text-12px">

View File

@ -17,7 +17,6 @@ const changeLive = () => {
}
}
await getAuctionDetail()
</script>
<template>
<div class="grow-1 flex flex-col">

View File

@ -23,13 +23,13 @@ const player = ref(null)
const {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
const pullLink = ref('')
const handlePlayerError = (error) => {
showConfirmDialog({
message: t('live_room.error_mess'),
showCancelButton: true
}).then(() => {
initializePlayer()
}).catch(() => {
})
// showConfirmDialog({
// message: t('live_room.error_mess'),
// showCancelButton: true
// }).then(() => {
// initializePlayer()
// }).catch(() => {
// })
// player.value?.play()
}
const loading1=ref(false)
@ -87,13 +87,13 @@ const initializePlayer = async () => {
})
player.value.on('error', handlePlayerError)
} catch (error) {
showConfirmDialog({
message: t('live_room.error_mess'),
showCancelButton: true
}).then(() => {
initializePlayer()
}).catch(() => {
})
// showConfirmDialog({
// message: t('live_room.error_mess'),
// showCancelButton: true
// }).then(() => {
// initializePlayer()
// }).catch(() => {
// })
}
}