商店首页

src/pages/assistingAgriculture/shop/index.vue

 <template>
   <view class="page">
     <view class="banner">
-      <img src="/static/assistingAgriculture/shop/banner.png" alt="" />
+      <wd-swiper :list="shopImgList" height="236rpx" autoplay></wd-swiper>
     </view>
     <view class="commodity-wrap">
       <view class="top-bar">
         <view class="header">分类</view>
         <view class="search">
-          <wd-search @search="searchFn" hide-cancel placeholder="请输入要搜索的内容" />
+          <wd-search
+            @clear="clearFn"
+            @search="searchFn"
+            hide-cancel
+            placeholder="请输入要搜索的内容"
+          />
         </view>
       </view>
       <view class="content">
@@ -16,7 +21,6 @@
             v-for="(v, i) in listOfDishCategories"
             :key="i"
             @click="changeCate(v)"
-            @clear="clearFn"
             :class="{ active: acitveNav == v.categoryId }"
           >
             {{ v.categoryName }}
@@ -101,12 +105,14 @@
 import { ref } from 'vue';
 import { shopCategoryByShop, searchProdPage, sgyBasketlist } from '@/api/assistingAgriculture/shop';
 import { addOrder } from '@/api/packageDetail';
+import { getStoreInformation } from '@/api/shop';
 const format = ref('DD-HH:mm:ss');
 const imgUrl = import.meta.env.VITE_APP_IMG_URL;
 const currentShopId = ref('');
 const scrollTop = ref(0);
 const prodList = ref([]);
 const listOfDishCategories = ref([]);
+const shopImgList = ref([]);
 const params = ref({
   isEnd: false,
   current: 1,
@@ -122,6 +128,7 @@ onLoad((options) => {
     searchProdPageFn();
   });
   sgyBasketlistFn();
+  getStoreInformationFn();
 });
 const shopCategoryByShopFn = (shopId) => {
   return new Promise((resolve, reject) => {
@@ -134,7 +141,19 @@ const shopCategoryByShopFn = (shopId) => {
     });
   });
 };
+const getStoreInformationFn = () => {
+  getStoreInformation(currentShopId.value).then((res) => {
+    if (res.code === 0) {
+      shopImgList.value = res.data.imgList.map((item) => {
+        console.log('imgUrl.value', imgUrl.value);
 
+        item.imgUrl = import.meta.env.VITE_APP_IMG_URL + item.imgUrl;
+        return item.imgUrl;
+      });
+      console.log('shopImgList', shopImgList);
+    }
+  });
+};
 const acitveNav = ref(1);
 const searchFn = (e) => {
   const { value } = e;
@@ -155,6 +174,7 @@ const refreshData = (item) => {
     params.value.isEnd = false;
     params.value.current = 1;
     prodList.value = [];
+    params.value.prodName = '';
     resolve();
   });
 };
@@ -183,10 +203,9 @@ const scrolltolowerFn = () => {
   searchProdPageFn();
 };
 function clearFn() {
-  console.log('111111111111111111111111');
-
-  params.value.prodName = '';
-  searchProdPageFn();
+  refreshData().then((res) => {
+    searchProdPageFn();
+  });
 }
 
 const addPurchase = ref(0);
@@ -243,9 +262,8 @@ uni-page-body {
   width: 710rpx;
   height: 236rpx;
   margin-bottom: 20rpx;
-  img {
-    width: 100%;
-    height: 100%;
+  :deep(.wd-swiper__track) {
+    border-radius: 0;
   }
 }
 .commodity-wrap {

src/pages/packageDetails/packageDetails.vue

@@ -917,7 +917,7 @@ page {
       font-weight: 500;
     }
     img {
-      width: 100%;
+      max-width: 100%;
       height: auto;
       margin-top: 20rpx;
     }