Feat(特色礼品):界面调整

pkg_product/views/giftContent.vue

@@ -1,7 +1,8 @@
 <template>
   <view class="gift-page">
     <view class="page1-wrap">
-      <image :src="data.mainImage" class="bg" />
+      <!-- <image :src="data.mainImage" class="bg" /> -->
+      <rich-text :nodes="data.mainImageHtml" />
     </view>
     <view class="page2-wrap">
       <view class="bg-cont">
@@ -73,6 +74,7 @@ export default {
         if (success) {
           this.data = {
             ...data,
+            mainImageHtml: `<img src="${data.mainImage}" style="display: block;max-width: 100%;">`,
             backgroundImage1Html: `<img src="${data.backgroundImage1}" style="display: block;max-width: 100%;">`,
             backgroundImage2Html: `<img src="${data.backgroundImage2}" style="display: block;max-width: 100%;">`
           }
@@ -114,7 +116,8 @@ export default {
     z-index: 2;
   }
   .good-list {
-    top: 196px;
+    top: 0;
+    padding: 0;
     .good-item + .good-item {
       margin: 25px 0 0 0;
     }