.

pages/index/components/user-tryOn.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="tryOn-ctn">
-    <view class="title">试戴记录</view>
+    <view class="title">试穿记录</view>
     <ul class="record-ul">
       <li
         class="record-li"
@@ -8,7 +8,7 @@
         :key="item.id"
         @click="sheep.$router.go('/pages/user/tryOnPreview', {})"
       >
-        <!-- <image class="record-img" mode="aspectFill" /> -->
+        <image :src="item.tryOnResultUrl" mode="widthFix" style="width: 100%" />
       </li>
     </ul>
   </view>
@@ -18,7 +18,12 @@
   import { reactive, ref } from 'vue';
   import sheep from '@/sheep';
 
-  const recordList = ref([]);
+  const props = defineProps({
+    recordList: {
+      type: Array,
+      default: () => [],
+    },
+  });
 </script>
 
 <style lang="scss" scoped>
@@ -48,7 +53,8 @@
       .record-li {
         width: 25%;
         aspect-ratio: 1/1.4;
-        border: 1rpx solid #000;
+        border: 1px solid #000;
+        box-sizing: border-box;
       }
     }
   }