Browse Source

修复主页商品图片显示问题,确保图片展示中心区域

pull/3/head
Default User 2 months ago
parent
commit
6b626d13b4
  1. 2
      pages/index/index.wxml
  2. 6
      pages/index/index.wxss

2
pages/index/index.wxml

@ -150,7 +150,7 @@
<image <image
class="product-image" class="product-image"
src="{{item.imageUrls && item.imageUrls.length > 0 ? item.imageUrls[0] : '/images/default-avatar.png'}}" src="{{item.imageUrls && item.imageUrls.length > 0 ? item.imageUrls[0] : '/images/default-avatar.png'}}"
mode="widthFix" mode="aspectFill"
lazy-load="true" lazy-load="true"
bindload="onImageLoad" bindload="onImageLoad"
data-index="{{index}}" data-index="{{index}}"

6
pages/index/index.wxss

@ -1272,9 +1272,11 @@ wx-button:not([size=mini]) {
.product-image { .product-image {
width: 100%; width: 100%;
height: 100%; /* 图片占满整个图片容器 */ height: 100%;
display: block; display: block;
object-fit: cover; /* 图片按比例填充,裁剪多余部分 */ object-fit: cover;
object-position: center;
background-color: #f5f5f5;
} }
/* 促销标签 */ /* 促销标签 */

Loading…
Cancel
Save