Browse Source

feat: 兼容没有菜品图字段的情况

ShangHai_LongXiang
jiannibang 3 years ago
parent
commit
a463e6cffb
  1. 9
      src/base/ShopItem/ShopItem.vue

9
src/base/ShopItem/ShopItem.vue

@ -1,7 +1,12 @@
<template> <template>
<div :id="shop.houseNumber" class="group-item" :class="{ isRow, isFood, isGuide, isActive }" @click="handleShop"> <div :id="shop.houseNumber" class="group-item" :class="{ isRow, isFood, isGuide, isActive }" @click="handleShop">
<div class="logo-wrapper" :class="{ hasFood: isFood && shop.foodMaterialList.length }">
<img loading="lazy" :src="'./static/offline' + (isFood && shop.foodMaterialList.length ? shop.foodMaterialList[0] : shop.logoUrl)" alt="" class="shop-logo" />
<div class="logo-wrapper" :class="{ hasFood: isFood && shop.foodMaterialList && shop.foodMaterialList.length }">
<img
loading="lazy"
:src="'./static/offline' + (isFood && shop.foodMaterialList && shop.foodMaterialList.length ? shop.foodMaterialList[0] : shop.logoUrl)"
alt=""
class="shop-logo"
/>
</div> </div>
<p class="name"> <p class="name">
<span class="shop-name">{{ switchLanguage(shop, 'shopName') }}</span> <span class="shop-name">{{ switchLanguage(shop, 'shopName') }}</span>

Loading…
Cancel
Save