Commit 2f3276041e0d1909e7d4f0139a58880a5f65a316

Authored by pengye
1 parent 62402766

模板2、模板4、模板5包间图片居左展示

@@ -37,7 +37,7 @@ @@ -37,7 +37,7 @@
37 <view class="label font36r">【联系餐厅】</view> 37 <view class="label font36r">【联系餐厅】</view>
38 <view class="contentData font36r">{{detail.seller.phone}}</view> 38 <view class="contentData font36r">{{detail.seller.phone}}</view>
39 </view> 39 </view>
40 - <view wx:if="{{roomimage && roomimage.length>0}}" class="{{roomimage.length=='1'?'pageSpacing':'pageSpacing1'}}"> 40 + <view wx:if="{{roomimage && roomimage.length>0}}" class="pageSpacing">
41 <view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}"> 41 <view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}">
42 <image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image> 42 <image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image>
43 <text>{{item.name}}</text> 43 <text>{{item.name}}</text>
@@ -475,24 +475,13 @@ @@ -475,24 +475,13 @@
475 .pageSpacing { 475 .pageSpacing {
476 position: relative; 476 position: relative;
477 display: flex; 477 display: flex;
478 - justify-content: center;  
479 - align-items: center;  
480 - white-space: nowrap;  
481 - width: auto;  
482 - overflow-x: scroll;  
483 - border-bottom-left-radius: 10rpx;  
484 - border-bottom-right-radius: 10rpx;  
485 -}  
486 -  
487 -.pageSpacing1 {  
488 - position: relative;  
489 - display: flex;  
490 white-space: nowrap; 478 white-space: nowrap;
491 width: auto; 479 width: auto;
492 overflow-x: scroll; 480 overflow-x: scroll;
493 border-bottom-left-radius: 10rpx; 481 border-bottom-left-radius: 10rpx;
494 border-bottom-right-radius: 10rpx; 482 border-bottom-right-radius: 10rpx;
495 padding-left: 30rpx; 483 padding-left: 30rpx;
  484 + margin-top: 10rpx;
496 } 485 }
497 486
498 .scroll-view { 487 .scroll-view {
@@ -18,7 +18,7 @@ @@ -18,7 +18,7 @@
18 <text>邀请函</text> 18 <text>邀请函</text>
19 </view> 19 </view>
20 </view> 20 </view>
21 - <view wx:if="{{roomimage && roomimage.length>0}}" class="{{roomimage.length=='1'?'pageSpacing':'pageSpacing1'}}"> 21 + <view wx:if="{{roomimage && roomimage.length>0}}" class="pageSpacing">
22 <view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}"> 22 <view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}">
23 <image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image> 23 <image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image>
24 <text>{{item.name}}</text> 24 <text>{{item.name}}</text>
@@ -502,24 +502,13 @@ @@ -502,24 +502,13 @@
502 .pageSpacing { 502 .pageSpacing {
503 position: relative; 503 position: relative;
504 display: flex; 504 display: flex;
505 - justify-content: center;  
506 - align-items: center;  
507 - white-space: nowrap;  
508 - width: auto;  
509 - overflow-x: scroll;  
510 - border-bottom-left-radius: 10rpx;  
511 - border-bottom-right-radius: 10rpx;  
512 -}  
513 -  
514 -.pageSpacing1 {  
515 - position: relative;  
516 - display: flex;  
517 white-space: nowrap; 505 white-space: nowrap;
518 width: auto; 506 width: auto;
519 overflow-x: scroll; 507 overflow-x: scroll;
520 border-bottom-left-radius: 10rpx; 508 border-bottom-left-radius: 10rpx;
521 border-bottom-right-radius: 10rpx; 509 border-bottom-right-radius: 10rpx;
522 - padding-left: 48rpx; 510 + padding-left: 30rpx;
  511 + margin-top: 10rpx;
523 } 512 }
524 513
525 .itemsLeft { 514 .itemsLeft {
@@ -19,7 +19,7 @@ @@ -19,7 +19,7 @@
19 </view> 19 </view>
20 </view> 20 </view>
21 </view> 21 </view>
22 - <view wx:if="{{roomimage && roomimage.length>0}}" class="{{roomimage.length=='1'?'pageSpacing':'pageSpacing1'}}"> 22 + <view wx:if="{{roomimage && roomimage.length>0}}" class="pageSpacing">
23 <view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}"> 23 <view wx:for="{{roomimage}}" class="imgs" wx:key="index" bindtap="lookroom" data-item="{{item}}">
24 <image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image> 24 <image class="imageStyle" mode="aspectFill" src="{{item.url}}"></image>
25 <text>{{item.name}}</text> 25 <text>{{item.name}}</text>
@@ -502,31 +502,18 @@ @@ -502,31 +502,18 @@
502 border-bottom-right-radius: 16rpx; 502 border-bottom-right-radius: 16rpx;
503 } 503 }
504 504
505 -  
506 .pageSpacing { 505 .pageSpacing {
507 position: relative; 506 position: relative;
508 display: flex; 507 display: flex;
509 - justify-content: center;  
510 - align-items: center;  
511 white-space: nowrap; 508 white-space: nowrap;
512 width: auto; 509 width: auto;
513 overflow-x: scroll; 510 overflow-x: scroll;
514 border-bottom-left-radius: 10rpx; 511 border-bottom-left-radius: 10rpx;
515 border-bottom-right-radius: 10rpx; 512 border-bottom-right-radius: 10rpx;
  513 + padding-left: 30rpx;
  514 + margin-top: 10rpx;
516 } 515 }
517 516
518 -.pageSpacing1 {  
519 - position: relative;  
520 - display: flex;  
521 - white-space: nowrap;  
522 - width: auto;  
523 - overflow-x: scroll;  
524 - border-bottom-left-radius: 10rpx;  
525 - border-bottom-right-radius: 10rpx;  
526 - padding-left: 48rpx;  
527 -}  
528 -  
529 -  
530 .more { 517 .more {
531 height: 80rpx; 518 height: 80rpx;
532 width: 100%; 519 width: 100%;