修复公告详情图片溢出、商品列表样式优化

components/production/production.css

@@ -1,6 +1,6 @@
 
 .prod-items {
-  width: 375rpx;
+  width: 360rpx;
   float: left;
   background: #fff;
   padding-bottom: 20rpx;

pages/news-detail/news-detail.css

@@ -18,3 +18,9 @@
   text-justify: inter-ideograph;
   margin-top: 20rpx;
 }
+
+.content >>> img {
+  display: block;
+  width: 100%;
+  height: auto;
+}

pages/news-detail/news-detail.vue

@@ -5,7 +5,7 @@
   <view class="news-detail">
     <view class="news-detail-title">{{news.title}}</view>
     <!-- <view class='news-detail-text'>{{news.content}}</view> -->
-    <rich-text :nodes="news.content"></rich-text>
+    <rich-text class="content" :nodes="news.content"></rich-text>
   </view>
    <!-- </block> -->
 </view>

pages/prod-classify/prod-classify.css

@@ -4,6 +4,10 @@ page {
   background: #fff;
 }
 
+.container {
+  margin: 7px;
+}
+
 .line-fix {
   width: 100%;
   height: 2rpx;

pages/prod-classify/prod-classify.vue

@@ -2,8 +2,8 @@
 <!--pages/prod-classify/prod-classify.wxml-->
 
 <view class="container">
-  <view class="line-fix"></view>
+  <!-- <view class="line-fix"></view>
-  <view class="tit-background"></view>
+  <view class="tit-background"></view> -->
   <view>
     <block v-for="(item, index) in prodList" :key="index">
       <prod :item="item"></prod>