Przeglądaj źródła

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

Eratosici 4 lat temu
rodzic
commit
9fb646357c

+ 1 - 1
mall4uni/components/production/production.css

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

+ 6 - 0
mall4uni/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;
+}

+ 1 - 1
mall4uni/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>

+ 4 - 0
mall4uni/pages/prod-classify/prod-classify.css

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

+ 3 - 3
mall4uni/pages/prod-classify/prod-classify.vue

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