联调 1

src/Components/index/FoodDetails.vue

 <template>
-  <view class="card" v-for="(item, index) in cardData" :key="index">
+  <view @tap="toShop(item.shopId)" class="card" v-for="(item, index) in cardData" :key="index">
     <image class="img" :src="item.shopLogo" mode="aspectFill" />
     <view class="right">
       <text class="text">{{ item.shopName }}</text>
@@ -41,6 +41,11 @@ const props = defineProps({
     type: Array,
   },
 });
+const toShop = (id) => {
+  uni.navigateTo({
+    url: `/pages/shop/shop?shopId=${id}`,
+  });
+};
 </script>
 
 <style lang="scss" scoped>

src/Components/index/ShopCard.vue

 <template>
   <view class="card">
-    <view class="head" :style="{ backgroundImage: `url(${shopCardData.shopLogo})` }">
+    <view class="head">
+      <image class="imgBg" :src="shopCardData.shopLogo" mode="aspectFill" />
       <view class="containerBox">
         <image class="img" :src="shopCardData.shopLogo" mode="aspectFill" />
         <view class="right">
@@ -12,8 +13,8 @@
             <text class="four-text">1.2km</text>
           </view>
           <view class="threeBox">
-            <image class="img2" :src="shopCardData.evaluationVos[0]?.avatar" mode="aspectFill" />
-            <text class="one-text">“{{ shopCardData.evaluationVos[0]?.evaluation }}”</text>
+            <image class="img2" :src="shopCardData.evaluationVos?.[0].avatar" mode="aspectFill" />
+            <text class="one-text">“{{ shopCardData.evaluationVos?.[0].evaluation }}”</text>
           </view>
           <view class="labelBox">
             <view v-for="(item, index) in shopCardData.labels" :key="index">{{ item }}</view>
@@ -55,11 +56,14 @@ const props = defineProps({
   .head {
     width: 100%;
     height: 200rpx;
-    // background: url('../../static/index/test3.png') no-repeat;
-    background-size: 100%;
     position: relative;
-    backdrop-filter: blur(10px); /* 背景模糊度为10像素 */
-    -webkit-backdrop-filter: blur(10px); /* Safari 和 Chrome 需要的前缀 */
+    .imgBg {
+      width: 100%;
+      height: 200rpx;
+      filter: blur(16rpx);
+      position: absolute;
+      top: 0;
+    }
     .containerBox {
       display: flex;
       position: absolute;

src/pages/index/index.vue

@@ -63,7 +63,7 @@
           <image class="tou" src="../../static/index/eat.png" mode="widthFix" />
           <text class="">附近人气美食</text>
         </view>
-        <view class="right">
+        <view class="right" @tap="more">
           <text class="">立即查看</text>
           <image class="jian" src="../../static/index/rightJ.png" mode="widthFix" />
         </view>
@@ -239,6 +239,12 @@ const nearbyFood = () => {
     foodNearbyData.value = res.data.content;
   });
 };
+// 附近美食查看更多
+const more = () => {
+  xma.navigateTo({
+    url: '/pages/index/listFood?type=2',
+  });
+};
 // 轮播图
 const rotatingBroadcast = () => {
   groupImgList().then((res) => {
@@ -347,7 +353,7 @@ const handleClick = (e) => {
   const index = e.index;
   if (index === 0) {
     xma.navigateTo({
-      url: '/pages/index/listFood',
+      url: '/pages/index/listFood?type=1',
     });
   }
 };

src/pages/index/listFood.vue

 <template>
   <view class="container">
     <view class="head">
-      <view class="top">
+      <view class="top" :style="{ backgroundImage: topBg }">
         <wd-icon name="thin-arrow-left" class="icon" @tap="back"></wd-icon>
       </view>
       <view class="bootom">
@@ -68,12 +68,26 @@ import { merchantList } from '../../api/index';
 onMounted(() => {
   getMerchantList();
 });
+
+onLoad((options) => {
+  const { type } = options;
+  console.log('打印', type);
+  switch (type) {
+    case '1':
+      topBg.value = 'url(../../static/index/taste.png)';
+      break;
+    case '2':
+      topBg.value = 'url(../../static/index/foodBg.png)';
+      break;
+  }
+});
 const business = reactive(['优选商家', '超值半价', '今日可订', '经典单人']);
 
 const active = ref(null);
 const rotate = ref(false);
 const rotate2 = ref(false);
 const rotate3 = ref(false);
+const topBg = ref(null);
 const back = () => {
   xma.navigateBack({
     delta: 1,
@@ -147,7 +161,7 @@ page {
   height: 480rpx;
   .top {
     height: 356rpx;
-    background: url('../../static/index/taste.png');
+    // background: url('../../static/index/taste.png');
     background-size: 100% 100%;
     .icon {
       font-size: 28rpx;