uni-app评价图加载异常主因是路径未合规，需确保http地址、域名加入downloadfile白名单，并h5端用createobjecturl转换；多图滚动用scroll-view+动态宽度+懒加载；预览前须按平台过滤并转换图片地址。
评价列表里图片不显示或加载异常
常见现象是 image 标签空白、控制台报 404 或 “invalid src”，本质是路径没走通。uni-app 里评价图多数来自后端返回的 HTTP 地址（如 "https://xxx.com/img/123.jpg"），但直接塞进 <image></image> 可能被小程序拦截——尤其微信要求域名必须在「request 合法域名」和「downloadFile 合法域名」双白名单里。
解决办法分三步：
- 确认后端图片 URL 带完整协议（
https://开头），不能是相对路径或//协议 - 在微信开发者后台把图片域名加进「downloadFile 合法域名」（哪怕只是展示，小程序内部仍会触发 downloadFile 流程）
- H5 端若用
blob:或data:路径，必须用URL.createObjectURL转换后再赋值给src，否则浏览器拒绝加载
多图横向滚动区域怎么写才不卡顿
淘宝评价页的「图片轮播区」不是简单用 v-for + flex 拉平就行。真机上常见问题：滑动卡顿、iOS 图片闪一下再出现、安卓低端机内存爆掉。
关键点在于容器和图片的控制粒度：
- 外层用
<scroll-view scroll-x="true"></scroll-view>，别用<view></view>+overflow-x: auto（小程序不支持） - 每张图用独立
<image></image>，mode设为"aspectFill"或"widthFix"，避免拉伸变形 - 图片宽度统一设为
160rpx，高度用auto，靠mode控制裁剪，不要设固定高——否则不同比例图撑开布局 - 加
loading="lazy"属性（仅 H5 有效），小程序端需手动做懒加载：监听scroll-view的scrolltolower，动态加载可视区图片
点击单张图预览时黑屏或报 previewImage:fail invalid data
这是最常踩的坑。错误根源在于传给 uni.previewImage 的 urls 数组里混了非法地址：比如本地临时路径（tempFilePaths）直接扔进去，或 H5 的 blob: 地址。
正确做法只有一条：预览前过滤并转换路径。
- 先判断平台：
const platform = uni.getSystemInfoSync().platform - 如果是
"h5"，所有图必须是 HTTP/HTTPS 地址；如果不是，允许本地路径（App、小程序） - 对 H5 端，如果图是 base64 或 blob，必须先用
URL.createObjectURL转成对象 URL，再 push 到 urls 数组 - 别把整个评价 item 的
images字段原样传进去——要确保数组里每一项都是可访问地址，且长度 ≥ 1
图片数量少于 3 张时布局塌陷或留白过大
淘宝评价图区域默认占位 3 张宽，但实际可能只有 1 张。如果只用 v-for 渲染，剩余位置就空着，视觉上难看。
解决方案不是补占位图，而是动态控制容器宽度：
- 用
:style="{ width: imageList.length * 160 + 'rpx' }"给scroll-view设宽（160rpx 是单图宽度） - 加
white-space: nowrap防止文字换行干扰布局 - 图片外层套一层
<view class="img-item"></view>，设display: inline-block，避免 flex 换行错乱 - 注意：iOS 微信里
scroll-view宽度设太小会导致滑动失效，建议最小宽度设为160rpx
真实项目里最难调的是图片尺寸与容器宽度的耦合——尤其是用户上传图比例不一，mode="aspectFill" 会裁剪，mode="widthFix" 又可能高度差异太大导致滚动区高度不一致。这个细节没法靠 CSS 一刀切，得在渲染前用 uni.getImageInfo 预取尺寸，再按比例缩放容器，否则 iOS 下滚动和图片解码时机一打架，就容易闪动。
