From 59d8080acf69ddd89336be4020bb69420bca8a74 Mon Sep 17 00:00:00 2001 From: taiwan Date: Fri, 31 Dec 2021 11:04:20 +0800 Subject: [PATCH] 商品分组样式调整 --- components/diy_goodsGroup/diy_goodsGroup.wxml | 4 +++- components/diy_goodsGroup/diy_goodsGroup.wxss | 57 ++++++++++++++++++++++++++++++++++++++------------------- 2 files changed, 41 insertions(+), 20 deletions(-) diff --git a/components/diy_goodsGroup/diy_goodsGroup.wxml b/components/diy_goodsGroup/diy_goodsGroup.wxml index 4541684..910b23a 100644 --- a/components/diy_goodsGroup/diy_goodsGroup.wxml +++ b/components/diy_goodsGroup/diy_goodsGroup.wxml @@ -11,6 +11,8 @@ + + @@ -507,7 +509,7 @@ + binderror="bind_bnerr3"> diff --git a/components/diy_goodsGroup/diy_goodsGroup.wxss b/components/diy_goodsGroup/diy_goodsGroup.wxss index e7df987..c6e228f 100644 --- a/components/diy_goodsGroup/diy_goodsGroup.wxss +++ b/components/diy_goodsGroup/diy_goodsGroup.wxss @@ -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 +} + + + -- libgit2 0.21.4