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> </template>
<style> <style>
.van-popup.van-toast{
background: var(--van-toast-background)!important;
}
.van-popup.van-popup--center.van-image-preview{ .van-popup.van-popup--center.van-image-preview{
background-color: transparent!important; background-color: transparent!important;
max-width: 100%!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="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" alt=""/> <xImage :src="detailInfo?.priceRuleImage+'?x-oss-process=image/resize,w_580,h_580/format,webp/quality,q_80'" 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">

View File

@ -17,7 +17,6 @@ const changeLive = () => {
} }
} }
await getAuctionDetail() await getAuctionDetail()
</script> </script>
<template> <template>
<div class="grow-1 flex flex-col"> <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 {quoteStatus, show, playerId, show1, auctionData, getSocketData, getLiveLink, fullLive} = liveStore()
const pullLink = ref('') const pullLink = ref('')
const handlePlayerError = (error) => { const handlePlayerError = (error) => {
showConfirmDialog({ // showConfirmDialog({
message: t('live_room.error_mess'), // message: t('live_room.error_mess'),
showCancelButton: true // showCancelButton: true
}).then(() => { // }).then(() => {
initializePlayer() // initializePlayer()
}).catch(() => { // }).catch(() => {
}) // })
// player.value?.play() // player.value?.play()
} }
const loading1=ref(false) const loading1=ref(false)
@ -87,13 +87,13 @@ const initializePlayer = async () => {
}) })
player.value.on('error', handlePlayerError) player.value.on('error', handlePlayerError)
} catch (error) { } catch (error) {
showConfirmDialog({ // showConfirmDialog({
message: t('live_room.error_mess'), // message: t('live_room.error_mess'),
showCancelButton: true // showCancelButton: true
}).then(() => { // }).then(() => {
initializePlayer() // initializePlayer()
}).catch(() => { // }).catch(() => {
}) // })
} }
} }