style(app): 优化弹窗样式和图片加载
- 调整 van-popup 组件的背景颜色 - 优化详情页图片加载,使用 WebP 格式和压缩质量 - 移除首页无用代码 - 注释直播室错误处理对话框
This commit is contained in:
parent
d18dcfd8f9
commit
3d98a1b9d7
@ -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;
|
||||||
|
@ -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">
|
||||||
|
@ -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">
|
||||||
|
@ -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(() => {
|
||||||
})
|
// })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user