更新

2026-06-05 15:51:48 +08:00
parent f37310ec50
commit b9d36d8d04
3 changed files with 465 additions and 193 deletions
@@ -5,7 +5,7 @@
            v-if="src && !imageFailed"
            class="food-tile-icon__img"
            :src="src"
-            :mode="size === 'tile' ? 'aspectFill' : 'aspectFit'"
+            mode="aspectFit"
            @error="onImageError"
        />
    </view>
@@ -71,6 +71,11 @@ function onImageError() {
    z-index: 2;
 }

+/* 玻璃格上的食材图片：投影增强立体感（参考稿） */
+.food-tile-icon--tile .food-tile-icon__img {
+    filter: drop-shadow(0 6rpx 10rpx rgba(0, 0, 0, 0.16));
+}
+
 .food-tile-icon--goal {
    width: 40rpx;
    height: 40rpx;