相册接口对接完毕

src/api/photo.js

+import { request } from '../utils/request';
+
+// 查询商家相册列表
+export function getPhoto(data) {
+  return request({
+    url: `/sgyrdd/photo/getPhoto`,
+    method: 'GET',
+    data,
+  });
+}

src/pages/assistingAgriculture/album/card.vue

 <template>
-  <div class="card">
+  <div class="card" v-for="(item, index) in photoData" :key="index">
     <div class="img-wrap">
-      <wd-img
-        v-for="v in 3"
-        :key="v"
-        :src="`/src/static/assistingAgriculture/comment/${v}.png`"
-        enable-preview
-      />
+      <wd-img v-for="(item, index) in item.images" :key="index" :src="item" enable-preview />
     </div>
     <div class="text">
-      跟团游行程紧凑有序，充分利用了时间，让游客...跟团游行程紧凑有序，充分利用了时间，让游客...跟团游行程紧凑有序，充分利用了时间，让游客...跟团游行程紧凑有序，充分利用了时间，让游客...跟团游行程紧凑有序，充分利用了时间，让游客...跟团游行程紧凑有序，充分利用了时间，让游客...跟团游行程紧凑有序，充分利用了时间，让游客...跟团游行程紧凑有序，充分利用了时间，让游客...
+      {{ item.evaluation }}
     </div>
     <div class="user-info flex-between">
       <div class="info flex-align-center">
@@ -24,7 +19,15 @@
   </div>
 </template>
 
-<script setup></script>
+<script setup>
+const showMore = ref(false);
+const props = defineProps({
+  photoData: {
+    type: Array,
+    default: () => [],
+  },
+});
+</script>
 
 <style lang="scss" scoped>
 .card {

src/pages/assistingAgriculture/album/index.vue

 <template>
   <div class="album">
-    <scroll-view class="content" scroll-y>
-      <div class="filter-box">
+    <scroll-view class="content" @scrolltolower="scrolltolower" scroll-y>
+      <!-- <div class="filter-box">
         <div class="active">全部</div>
         <div v-for="(v, i) in filterList" :key="i">{{ v.text }}({{ v.value }})</div>
-      </div>
+      </div> -->
       <div class="card-wrap">
-        <card v-for="v in 13" :key="v" />
+        <card :photoData="photoData" />
       </div>
     </scroll-view>
     <div class="back">
@@ -17,6 +17,9 @@
 
 <script setup>
 import card from './card.vue';
+import { getPhoto } from '../../../api/photo';
+const imgUrl = import.meta.env.VITE_APP_IMG_URL;
+// let total
 const filterList = [
   {
     text: '家人',
@@ -59,6 +62,36 @@ const filterList = [
     value: 514,
   },
 ];
+const photoData = ref([]);
+const params = {
+  prodId: '43828',
+  shopId: '1818876196597334017',
+};
+onLoad(() => {
+  getPhotoFn();
+});
+// const scrolltolower = () => {
+//   console.log('触底加载触底加载触底加载');
+//   if (commentData.value.length < total) {
+//     commentParameters.current++;
+//     getCommentListFn();
+//     return;
+//   }
+//   show.value = true;
+// };
+const getPhotoFn = () => {
+  getPhoto(params).then((res) => {
+    res.data.forEach((v) => {
+      if (v.images) {
+        v.images = v.images.split(',').map((item) => {
+          item = imgUrl + item;
+          return item;
+        });
+      }
+    });
+    photoData.value = [...photoData.value, ...res.data];
+  });
+};
 </script>
 
 <style lang="scss" scoped>
@@ -94,7 +127,7 @@ uni-page-body {
       }
     }
     .card-wrap {
-      margin-top: 5px;
+      // margin-top: 5px;
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 5px;

src/pages/assistingAgriculture/commentList/card.vue

@@ -5,7 +5,7 @@
         <img :src="item.avatar" alt="" />
         <div class="name">
           <p>{{ item.nickName }}</p>
-          <div class="grade flex-align-center">5.0分</div>
+          <text class="grade flex-align-center">5.0分</text>
         </div>
       </div>
       <div class="info">{{ item.createTime[0] }}发表</div>
@@ -55,15 +55,15 @@ const props = defineProps({
         }
         .grade {
           margin-top: 18rpx;
+          display: inline-block;
           font-size: 16rpx;
           background: rgba(253, 223, 109, 0.1686);
-          line-height: 24rpx;
           color: #e1961d;
-          // width: 116rpx;
-          border-radius: 200rpx;
-          // padding-left: 32rpx;
-          box-sizing: border-box;
-          position: relative;
+          padding: 2rpx 10rpx;
+          border-radius: 16rpx;
+          // // padding-left: 32rpx;
+          // box-sizing: border-box;
+          // position: relative;
           // img {
           //   height: 24rpx;
           //   position: absolute;