Commit 59d8080acf69ddd89336be4020bb69420bca8a74
1 parent
a82319fc
商品分组样式调整
Showing
2 changed files
with
41 additions
and
20 deletions
components/diy_goodsGroup/diy_goodsGroup.wxml
| @@ -11,6 +11,8 @@ | @@ -11,6 +11,8 @@ | ||
| 11 | </view> | 11 | </view> |
| 12 | </block> | 12 | </block> |
| 13 | 13 | ||
| 14 | + | ||
| 15 | + | ||
| 14 | <!--1个列表的时候--> | 16 | <!--1个列表的时候--> |
| 15 | <view class="zs_goods_wai" wx:if='{{object.column==1}}'> | 17 | <view class="zs_goods_wai" wx:if='{{object.column==1}}'> |
| 16 | <block wx:for="{{goods_array}}" > | 18 | <block wx:for="{{goods_array}}" > |
| @@ -507,7 +509,7 @@ | @@ -507,7 +509,7 @@ | ||
| 507 | <!-- 2021.11.27修改 --> | 509 | <!-- 2021.11.27修改 --> |
| 508 | <image class="block zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}" | 510 | <image class="block zs_t_img_x {{object.big_order_type==0?'zj':''}}{{object.big_order_type==1?'yj':''}}" |
| 509 | src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" | 511 | src="{{item.goods_img}}" data-errorimg="goods_array[{{index}}].goods_img" lazy-load="true" |
| 510 | - binderror="bind_bnerr3" mode="widthFix"></image> | 512 | + binderror="bind_bnerr3"></image> |
| 511 | </block> | 513 | </block> |
| 512 | 514 | ||
| 513 | <block wx:if="{{object.goodicon==3}}"> | 515 | <block wx:if="{{object.goodicon==3}}"> |
components/diy_goodsGroup/diy_goodsGroup.wxss
| @@ -30,9 +30,9 @@ | @@ -30,9 +30,9 @@ | ||
| 30 | } | 30 | } |
| 31 | 31 | ||
| 32 | .zs_t_img { | 32 | .zs_t_img { |
| 33 | - width: 698rpx; | 33 | + width: 100%; |
| 34 | height: 698rpx; | 34 | height: 698rpx; |
| 35 | - margin: 1rpx auto; | 35 | + /* margin: 1rpx auto; */ |
| 36 | } | 36 | } |
| 37 | 37 | ||
| 38 | .zs_center { | 38 | .zs_center { |
| @@ -280,15 +280,15 @@ | @@ -280,15 +280,15 @@ | ||
| 280 | 280 | ||
| 281 | 281 | ||
| 282 | .zs_goods_2l { | 282 | .zs_goods_2l { |
| 283 | - width: 94%; | 283 | + /* width: 94%; */ |
| 284 | min-height: 300rpx; | 284 | min-height: 300rpx; |
| 285 | /* border: 2rpx #ddd solid; */ | 285 | /* border: 2rpx #ddd solid; */ |
| 286 | - margin: 0 auto; | 286 | + /* margin: 0 auto; */ |
| 287 | padding: 2rpx; | 287 | padding: 2rpx; |
| 288 | } | 288 | } |
| 289 | 289 | ||
| 290 | .zs_top_2l { | 290 | .zs_top_2l { |
| 291 | - width: 340rpx; | 291 | + /* width: 340rpx; */ |
| 292 | height: 340rpx; | 292 | height: 340rpx; |
| 293 | } | 293 | } |
| 294 | 294 | ||
| @@ -305,10 +305,12 @@ | @@ -305,10 +305,12 @@ | ||
| 305 | } | 305 | } |
| 306 | 306 | ||
| 307 | .zs_center_2l { | 307 | .zs_center_2l { |
| 308 | + box-sizing: border-box; | ||
| 308 | width: 100%; | 309 | width: 100%; |
| 309 | font-size: 28rpx; | 310 | font-size: 28rpx; |
| 310 | color: #333; | 311 | color: #333; |
| 311 | text-align: left; | 312 | text-align: left; |
| 313 | + padding: 10rpx; | ||
| 312 | /* padding: 0 10rpx; */ | 314 | /* padding: 0 10rpx; */ |
| 313 | } | 315 | } |
| 314 | 316 | ||
| @@ -398,9 +400,9 @@ | @@ -398,9 +400,9 @@ | ||
| 398 | 400 | ||
| 399 | .zs_goods_wai_san { | 401 | .zs_goods_wai_san { |
| 400 | width: 236rpx; | 402 | width: 236rpx; |
| 401 | - display: flex; | 403 | + /* display: flex; |
| 402 | margin-left: 10rpx; | 404 | margin-left: 10rpx; |
| 403 | - float: left; | 405 | + float: left; */ |
| 404 | margin-bottom: 8rpx; | 406 | margin-bottom: 8rpx; |
| 405 | background-color: white; | 407 | background-color: white; |
| 406 | overflow: hidden; | 408 | overflow: hidden; |
| @@ -411,22 +413,25 @@ | @@ -411,22 +413,25 @@ | ||
| 411 | } | 413 | } |
| 412 | 414 | ||
| 413 | .zs_goods_3l { | 415 | .zs_goods_3l { |
| 414 | - width: 228rpx; | 416 | + /* width: 228rpx; */ |
| 415 | /* min-height: 300rpx; */ | 417 | /* min-height: 300rpx; */ |
| 416 | margin: 0 auto; | 418 | margin: 0 auto; |
| 417 | - padding: 2rpx; | 419 | + /* padding: 2rpx; */ |
| 418 | overflow: hidden; | 420 | overflow: hidden; |
| 419 | } | 421 | } |
| 420 | 422 | ||
| 421 | .zs_top_3l { | 423 | .zs_top_3l { |
| 422 | - width: 232rpx; | 424 | + /* width: 232rpx; */ |
| 423 | height: 232rpx; | 425 | height: 232rpx; |
| 424 | } | 426 | } |
| 425 | 427 | ||
| 426 | .zs_t_img_3l { | 428 | .zs_t_img_3l { |
| 427 | - width: 232rpx; | 429 | + /* width: 232rpx; |
| 428 | height: 232rpx; | 430 | height: 232rpx; |
| 429 | - margin: 0 auto; | 431 | + margin: 0 auto; */ |
| 432 | + display: block; | ||
| 433 | + width: 100%; | ||
| 434 | + height: 100%; | ||
| 430 | background-color: bisque; | 435 | background-color: bisque; |
| 431 | } | 436 | } |
| 432 | 437 | ||
| @@ -434,8 +439,10 @@ | @@ -434,8 +439,10 @@ | ||
| 434 | width: 100%; | 439 | width: 100%; |
| 435 | font-size: 28rpx; | 440 | font-size: 28rpx; |
| 436 | color: #333; | 441 | color: #333; |
| 437 | - text-align: left; | ||
| 438 | - padding: 0 10rpx; | 442 | + padding: 8rpx; |
| 443 | + box-sizing: border-box; | ||
| 444 | + /* text-align: left; | ||
| 445 | + padding: 0 10rpx; */ | ||
| 439 | } | 446 | } |
| 440 | 447 | ||
| 441 | .zs_wz1_3l { | 448 | .zs_wz1_3l { |
| @@ -443,7 +450,7 @@ | @@ -443,7 +450,7 @@ | ||
| 443 | font-size: 28rpx; | 450 | font-size: 28rpx; |
| 444 | height: 70rpx; | 451 | height: 70rpx; |
| 445 | line-height: 35rpx; | 452 | line-height: 35rpx; |
| 446 | - width: 220rpx; | 453 | + /* width: 220rpx; */ |
| 447 | overflow: hidden; | 454 | overflow: hidden; |
| 448 | text-overflow: ellipsis; | 455 | text-overflow: ellipsis; |
| 449 | display: -webkit-box; | 456 | display: -webkit-box; |
| @@ -533,6 +540,14 @@ | @@ -533,6 +540,14 @@ | ||
| 533 | display: flex; | 540 | display: flex; |
| 534 | } | 541 | } |
| 535 | 542 | ||
| 543 | +.wrap { | ||
| 544 | + flex-wrap: wrap; | ||
| 545 | +} | ||
| 546 | + | ||
| 547 | +.jc-ar { | ||
| 548 | + justify-content: space-around; | ||
| 549 | +} | ||
| 550 | + | ||
| 536 | .fs24 { | 551 | .fs24 { |
| 537 | font-size: 24rpx; | 552 | font-size: 24rpx; |
| 538 | } | 553 | } |
| @@ -597,11 +612,12 @@ | @@ -597,11 +612,12 @@ | ||
| 597 | 612 | ||
| 598 | 613 | ||
| 599 | .border_zhijiao{ | 614 | .border_zhijiao{ |
| 600 | - border:1rpx solid rgb(214, 214, 214); | 615 | + border:2rpx solid rgb(214, 214, 214); |
| 601 | } | 616 | } |
| 602 | .border_yuanjiao{ | 617 | .border_yuanjiao{ |
| 603 | - border:1rpx solid rgb(214, 214, 214); | ||
| 604 | - border-radius: 25rpx; | 618 | + border:2rpx solid rgb(214, 214, 214); |
| 619 | + border-radius: 24rpx; | ||
| 620 | + overflow: hidden; | ||
| 605 | } | 621 | } |
| 606 | .top { | 622 | .top { |
| 607 | background-color: white; | 623 | background-color: white; |
| @@ -845,4 +861,7 @@ top: 10rpx; | @@ -845,4 +861,7 @@ top: 10rpx; | ||
| 845 | display: -webkit-box; | 861 | display: -webkit-box; |
| 846 | -webkit-box-orient: vertical; | 862 | -webkit-box-orient: vertical; |
| 847 | -webkit-line-clamp: 2; | 863 | -webkit-line-clamp: 2; |
| 848 | -} | ||
| 849 | \ No newline at end of file | 864 | \ No newline at end of file |
| 865 | +} | ||
| 866 | + | ||
| 867 | + | ||
| 868 | + |