@@ -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; | ||||
} | } | ||||