/**
 * 商品图尺寸兜底（不依赖祖先类名）
 *
 * 背景：
 *   商品栅格列表的图片是"正方形"，但靠两条互相独立的 !important 规则实现：
 *     宽度  .wh-auto{width:100%!important}
 *     高度  .goods-data-grid-list .item .goods-img{height:199px!important}  ← 作用域绑定祖先类名
 *   软导航返回列表页时组件重新渲染，若祖先 .goods-data-grid-list 类名（或数据）短暂缺失，
 *   高度规则不命中 → height:auto → 内层 img 为绝对定位 → 容器塌陷（实测 height 仅 22px），
 *   表现为"图片不是正方形/比例很奇怪"。慢网络下更容易暴露（接口 ERR_ABORTED 即该空窗的信号）。
 *
 * 兜底：
 *   给商品图一个正方形比例。注意：显式 height 会覆盖 aspect-ratio，
 *   因此仅在"没有其他 height 规则命中"时才起作用，各列表原有尺寸一律不受影响。
 */
uni-image.goods-img {
    aspect-ratio: 1 / 1;
}