Showing
6 changed files
with
8 additions
and
43 deletions
| @@ -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%; |
-
Please register or login to post a comment