feat: 小程序界面优化

pages/other_package/productInfo/productInfo.vue

@@ -136,7 +136,7 @@
       <!-- 商品详情 -->
       <view class="content_details">
         <view class="content_details_title">商品详情</view>
-        <view v-html="orderInfo.detailInfo"></view>
+        <view v-html="detailRich" class="content_details_content"></view>
       </view>
     </view>
 
@@ -432,6 +432,7 @@ export default {
       activedType: "", // 活动类型
       activityId: "", // 秒杀活动ID
       skuBySpecInfo: {},
+      detailRich: "",
     };
   },
   onBackPress(options) {
@@ -902,6 +903,11 @@ export default {
 
         console.log("查询详细内容---", data)
         this.orderInfo = data;
+        this.detailRich = this.orderInfo.detailInfo.replace(
+          /<img([^>]*?)>/gi,
+          '<img$1 style="max-width:100%;height:auto;display:block;">'
+        );
+
       }
     },
     /**
@@ -1305,6 +1311,10 @@ export default {
   .product_info_header_swiper {
     height: 800rpx !important;
 
+    .u-swiper {
+      height: 800rpx !important;
+    }
+
     ::v-deep(.u-swiper__wrapper) {
       height: 800rpx !important;
 
@@ -1510,10 +1520,17 @@ export default {
   margin-top: 30rpx;
   // margin-bottom: 200rpx;
 
+
   .content_details_title {
     padding: 20rpx 30rpx;
   }
 
+  .content_details_content {
+    rich-text {
+      width: 700rpx;
+    }
+  }
+
   img,
   img[alt] {
     max-width: 100%;