测试代码

assets/css/style.less

@@ -194,7 +194,7 @@ page {
   height: 0.36*100rpx;
   line-height: 0.46*100rpx;
   font-size: 0.26*100rpx;
-  color:#ea3526;
+  color: #ea3526;
   border-radius: 0.24*100rpx 0.03*100rpx 0.24*100rpx 0.03*100rpx;
 }
 
@@ -1437,7 +1437,8 @@ page {
   width: 5.3*100rpx;
   text-align: left;
 }
-.index .wrapper .title .text-center .name{
+
+.index .wrapper .title .text-center .name {
   justify-content: center;
 }
 
@@ -8584,3 +8585,16 @@ page {
 .text .name .icon-shoucang {
   color: #ea3526 !important;
 }
+
+rich-text {
+  width: 100%;
+  display: block;
+
+  img,
+  image {
+    display: block;
+    width: 100%;
+  }
+
+
+}

pages/shop/GoodsCon/index.vue

@@ -41,12 +41,13 @@
           <view class="iconfont icon-jiantou"></view>
         </view>
       </view>
-        <div class="attribute acea-row row-between-wrapper">
-      <div>
-        运费：<span class="atterTxt">{{ tempName }}</span>
+      <div class="attribute acea-row row-between-wrapper">
+        <div>
+          运费：
+          <span class="atterTxt">{{ tempName }}</span>
+        </div>
       </div>
-    </div>
-    
+
       <view class="attribute acea-row row-between-wrapper" @click="selecAttrTap">
         <view>
           <text>{{ attrTxt }}：</text>
@@ -274,8 +275,7 @@ export default {
       systemStore: {},
       qqmapsdk: null,
       productConClass: "product-con",
-      tempName: '全国包邮'
-      
+      tempName: "全国包邮"
     };
   },
   computed: mapGetters(["isLogin", "location"]),
@@ -354,7 +354,12 @@ export default {
       uni.showLoading({ title: "加载中", mask: true });
       getProductDetail(that.id, from)
         .then(res => {
+          res.data.storeInfo.description.replace(
+            /\<img/gi,
+            '<img style="max-width:100%;height:auto;"'
+          );
           console.log(res);
+          
           that.$set(that, "storeInfo", res.data.storeInfo);
           // 给 attr 赋值，将请求回来的规格赋值给 attr
           that.$set(that.attr, "productAttr", res.data.productAttr);