| @@ -18,12 +18,14 @@ | |||||
| <view class='lists'> | <view class='lists'> | ||||
| <view class='posi' wx:if="{{merchantVoList.length>0}}"> | <view class='posi' wx:if="{{merchantVoList.length>0}}"> | ||||
| <view class='posi_logo' wx:for="{{merchantVoList}}" wx:key="index"> | <view class='posi_logo' wx:for="{{merchantVoList}}" wx:key="index"> | ||||
| <view> | |||||
| <image src='{{item.merchantImgUrl}}'></image> | |||||
| </view> | |||||
| <view> | |||||
| <text>{{item.merchantName}}</text> | |||||
| <text>{{item.buildingName}}{{item.floorName}}</text> | |||||
| <view class='merchants'> | |||||
| <view> | |||||
| <image src='{{item.merchantImgUrl}}'></image> | |||||
| </view> | |||||
| <view> | |||||
| <text>{{item.merchantName}}</text> | |||||
| <text>{{item.buildingName}}{{item.floorName}}</text> | |||||
| </view> | |||||
| </view> | </view> | ||||
| <image bindtap='phone' data-merchantLinkPhone='{{item.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" /> | <image bindtap='phone' data-merchantLinkPhone='{{item.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" /> | ||||
| </view> | </view> | ||||
| @@ -62,27 +62,42 @@ | |||||
| } | } | ||||
| .posi_logo { | .posi_logo { | ||||
| position: relative; | |||||
| width: 90%; | width: 90%; | ||||
| display: flex; | |||||
| padding: 20rpx 0; | padding: 20rpx 0; | ||||
| background: #fff; | background: #fff; | ||||
| padding-left:5%; | padding-left:5%; | ||||
| padding-right:5%; | padding-right:5%; | ||||
| margin-bottom: 20rpx; | |||||
| overflow: hidden; | overflow: hidden; | ||||
| } | } | ||||
| .tel { | |||||
| position: absolute; | |||||
| right: 3%; | |||||
| top: 0; | |||||
| bottom: 0; | |||||
| margin: auto; | |||||
| width: 50rpx; | |||||
| height: 50rpx; | |||||
| } | |||||
| .merchants{ | |||||
| width: 90%; | |||||
| display: flex; | |||||
| background: #fff; | |||||
| padding-right:5%; | |||||
| overflow: hidden; | |||||
| } | |||||
| .position{ | .position{ | ||||
| text-align: center; | text-align: center; | ||||
| margin-top: 100rpx; | margin-top: 100rpx; | ||||
| } | } | ||||
| .posi_logo view:nth-child(1) { | |||||
| .merchants view:nth-child(1) { | |||||
| width: 100rpx; | width: 100rpx; | ||||
| /* height: 100rpx; */ | /* height: 100rpx; */ | ||||
| border-radius: 16rpx; | border-radius: 16rpx; | ||||
| } | } | ||||
| .posi_logo view:nth-child(1) image { | |||||
| .merchants view:nth-child(1) image { | |||||
| display: block; | display: block; | ||||
| width: 100rpx; | width: 100rpx; | ||||
| height: 100rpx; | height: 100rpx; | ||||
| @@ -90,14 +105,14 @@ | |||||
| border: 1px solid #e5e5e5; | border: 1px solid #e5e5e5; | ||||
| } | } | ||||
| .posi_logo view:nth-child(2) { | |||||
| .merchants view:nth-child(2) { | |||||
| display: flex; | display: flex; | ||||
| flex-direction: column; | flex-direction: column; | ||||
| flex: 8; | flex: 8; | ||||
| padding-left: 30rpx; | padding-left: 30rpx; | ||||
| } | } | ||||
| .posi_logo view:nth-child(2) text:nth-child(1) { | |||||
| .merchants view:nth-child(2) text:nth-child(1) { | |||||
| overflow: hidden; | overflow: hidden; | ||||
| font-size: 32rpx; | font-size: 32rpx; | ||||
| color: #333; | color: #333; | ||||
| @@ -106,7 +121,7 @@ | |||||
| line-height: 40rpx; | line-height: 40rpx; | ||||
| } | } | ||||
| .posi_logo view:nth-child(2) text:nth-child(2) { | |||||
| .merchants view:nth-child(2) text:nth-child(2) { | |||||
| font-size: 24rpx; | font-size: 24rpx; | ||||
| color: #b8b8b8; | color: #b8b8b8; | ||||
| padding-top: 3rpx; | padding-top: 3rpx; | ||||
| @@ -114,14 +129,7 @@ | |||||
| line-height: 36rpx; | line-height: 36rpx; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| } | } | ||||
| .tel { | |||||
| right: 0; | |||||
| top: 0; | |||||
| bottom: 0; | |||||
| margin: auto; | |||||
| width: 50rpx; | |||||
| height: 50rpx; | |||||
| } | |||||
| page { | page { | ||||
| padding: 0 0 30rpx; | padding: 0 0 30rpx; | ||||
| } | } | ||||