商品分组样式调整

后端研发-苏泰源
1 parent a82319fc
Showing 2 changed files with 41 additions and 20 deletions
components/diy_goodsGroup/diy_goodsGroup.wxml
components/diy_goodsGroup/diy_goodsGroup.wxss
@@ -11,6 +11,8 @@
 	 </view>
 </block>
  
+
+
 <!--1个列表的时候-->
 <view class="zs_goods_wai" wx:if='{{object.column==1}}'>
        <block wx:for="{{goods_array}}" >
@@ -507,7 +509,7 @@
 												<!-- 2021.11.27修改		 -->
                         <image class="block zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}"
                                src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img"  lazy-load="true"
-                               binderror="bind_bnerr3" mode="widthFix"></image>
+                               binderror="bind_bnerr3"></image>
                     </block>
  
                     <block wx:if="{{object.goodicon==3}}">
@@ -30,9 +30,9 @@
 }
  
 .zs_t_img {
-  width: 698rpx;
+  width: 100%;
   height: 698rpx;
-  margin: 1rpx auto;
+  /* margin: 1rpx auto; */
 }
  
 .zs_center {
@@ -280,15 +280,15 @@
  
  
 .zs_goods_2l {
-  width: 94%;
+  /* width: 94%; */
   min-height: 300rpx;
   /* border: 2rpx #ddd solid; */
-  margin: 0 auto;
+  /* margin: 0 auto; */
   padding: 2rpx;
 }
  
 .zs_top_2l {
-  width: 340rpx;
+  /* width: 340rpx; */
   height: 340rpx;
 }
  
@@ -305,10 +305,12 @@
 }
  
 .zs_center_2l {
+	box-sizing: border-box;
   width: 100%;
   font-size: 28rpx;
   color: #333;
   text-align: left;
+	padding: 10rpx;
   /* padding: 0 10rpx; */
 }
  
@@ -398,9 +400,9 @@
  
 .zs_goods_wai_san {
   width: 236rpx;
-  display: flex;
+  /* display: flex;
   margin-left: 10rpx;
-  float: left;
+  float: left; */
   margin-bottom: 8rpx;
   background-color: white;
   overflow: hidden;
@@ -411,22 +413,25 @@
 }
  
 .zs_goods_3l {
-  width: 228rpx;
+  /* width: 228rpx; */
   /* min-height: 300rpx; */
   margin: 0 auto;
-  padding: 2rpx;
+  /* padding: 2rpx; */
   overflow: hidden;
 }
  
 .zs_top_3l {
-  width: 232rpx;
+  /* width: 232rpx; */
   height: 232rpx;
 }
  
 .zs_t_img_3l {
-  width: 232rpx;
+  /* width: 232rpx;
   height: 232rpx;
-  margin: 0 auto;
+  margin: 0 auto; */
+	display: block;
+	width: 100%;
+	height: 100%;
   background-color: bisque;
 }
  
@@ -434,8 +439,10 @@
   width: 100%;
   font-size: 28rpx;
   color: #333;
-  text-align: left;
-  padding: 0 10rpx;
+	padding: 8rpx;
+	box-sizing: border-box;
+  /* text-align: left;
+  padding: 0 10rpx; */
 }
  
 .zs_wz1_3l {
@@ -443,7 +450,7 @@
   font-size: 28rpx;
   height: 70rpx;
   line-height: 35rpx;
-  width: 220rpx;
+  /* width: 220rpx; */
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -533,6 +540,14 @@
   display: flex;
 }
  
+.wrap {
+	flex-wrap: wrap;
+}
+
+.jc-ar {
+	justify-content: space-around;
+}
+
 .fs24 {
   font-size: 24rpx;
 }
@@ -597,11 +612,12 @@
  
  
 .border_zhijiao{
-	border:1rpx solid rgb(214, 214, 214);
+	border:2rpx solid rgb(214, 214, 214);
 }
 .border_yuanjiao{
-	border:1rpx solid rgb(214, 214, 214);
-	border-radius: 25rpx;	
+	border:2rpx solid rgb(214, 214, 214);
+	border-radius: 24rpx;	
+	overflow: hidden;
 }
 .top {
   background-color: white;
@@ -845,4 +861,7 @@ top: 10rpx;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
-}
 \ No newline at end of file
+}
+
+
+