Browse Source

refactor: ♻️ 美食模块列表没有美食图时展示店铺logo

pull/13/head
姜鑫 7 months ago
parent
commit
0948ba8b43
  1. 9
      src/views/Foods/Foods.vue

9
src/views/Foods/Foods.vue

@ -20,7 +20,14 @@
@click="handleShop(shop)" @click="handleShop(shop)"
> >
<div class="relative z-10 size-[174px] overflow-hidden rounded-full bg-white"> <div class="relative z-10 size-[174px] overflow-hidden rounded-full bg-white">
<img v-lazy="shop.foodMaterialList?.[0]" :data-code="shop.shopCode" class="cover" alt="" />
<img
v-show="shop.foodMaterialList?.length"
v-lazy="shop.foodMaterialList?.[0]"
:data-code="shop.shopCode"
class="cover"
alt=""
/>
<img v-show="!shop.foodMaterialList?.length" v-lazy="shop.logoUrl" :data-code="shop.shopCode" class="cover" alt="" />
</div> </div>
<div class="-mt-[140px] h-54 w-full rounded-xl bg-gradient-to-b from-white/0 to-white"></div> <div class="-mt-[140px] h-54 w-full rounded-xl bg-gradient-to-b from-white/0 to-white"></div>
<div class="relative z-10 -mt-26 mb-3 size-12 rounded-full border border-solid border-orange-default bg-white p-2"> <div class="relative z-10 -mt-26 mb-3 size-12 rounded-full border border-solid border-orange-default bg-white p-2">

Loading…
Cancel
Save