hookehuyr

fix: 优化图片URL处理逻辑并添加错误日志

修改Splash.vue中的图片URL添加压缩参数
在MastersDetail.vue中根据图片大小决定是否添加压缩参数
添加图片加载失败时的错误日志输出
<!--
* @Date: 2025-10-30 20:00:25
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-11-13 10:33:41
* @LastEditTime: 2025-11-13 14:20:03
* @FilePath: /stdj_h5/src/views/MastersDetail.vue
* @Description: 文件描述
-->
......@@ -117,7 +117,8 @@ const initWaterfallImages = function (imgs) {
const src = typeof item === 'string' ? item : (item?.value || item?.src || '')
return {
id: typeof item === 'object' && item?.id ? item.id : idx + 1,
src: src + '?imageMogr2/thumbnail/400x/strip/quality/70',
// 如果item.size 大于 20MB 不加后缀
src: src + (item.size > 20 * 1024 * 1024 ? '' : '?imageMogr2/thumbnail/400x/strip/quality/70'),
title: typeof item === 'object' && item?.name ? item.name : ('图片' + (idx + 1)),
height: Math.floor(Math.random() * 200) + 200
}
......@@ -158,10 +159,12 @@ const onImageLoad = function (e) {
/**
* 图片加载失败回调
* 说明:记录或上报错误,必要时移除该项
* @param {Event} evt 图片加载事件
* @returns {void}
*/
const onImageError = function () {
const onImageError = function (evt) {
// 预留:可移除该图片项或替换为占位图
console.warn(`图片加载失败:${evt.target.src}`)
}
/**
......
......@@ -68,7 +68,7 @@ const is_video_ready = ref(false)
// TODO: 视频配置
const videoUrl = ref('https://cdn.ipadbiz.cn/stdj/video/cover.mp4')
const imgUrl = ref('https://cdn.ipadbiz.cn/stdj/images/%E5%90%AF%E5%8A%A8%E9%A1%B5%E6%B5%B7%E6%8A%A5%E8%83%8C%E6%99%AF@2x.png')
const imgUrl = ref('https://cdn.ipadbiz.cn/stdj/images/%E5%90%AF%E5%8A%A8%E9%A1%B5%E6%B5%B7%E6%8A%A5%E8%83%8C%E6%99%AF@2x.png?imageMogr2/thumbnail/400x/strip/quality/70')
// 进入应用函数
/**
......