服务详情中的证书图片展示

pages_home/pages/Volunteerside/goodsDetails.vue

@@ -15,7 +15,7 @@
         </template>
       </up-card>
     </view>
-    <view>
+    <view class="service-description-box">
       <up-card
         title="志愿者介绍"
         :head-style="{ height: '80rpx', padding: '20rpx', fontWeight: 'bold' }"
@@ -80,14 +80,14 @@
       >
         <template #body>
           <view class="certificate">
-            <image
+            <up-image
               v-for="item in certificationPictures"
               :key="item"
               :src="item"
-              mode=""
               style="width: 100%"
               class="certificate-img"
-            ></image>
+              mode="widthFix"
+            ></up-image>
           </view>
         </template>
       </up-card>
@@ -1487,4 +1487,8 @@ onMounted(async () => {
   color: #666;
   line-height: 36rpx;
 }
+
+.service-description-box {
+  padding-bottom: 180rpx;
+}
 </style>