浏览代码

[门店][修改]:[门店列表修改样式]

tags/湖南版5.1.4
meo 6 年前
父节点
当前提交
c6dcd53adb
共有 2 个文件被更改,包括 31 次插入21 次删除
  1. +8
    -6
      pages/index/searchbar/index.wxml
  2. +23
    -15
      pages/index/searchbar/index.wxss

+ 8
- 6
pages/index/searchbar/index.wxml 查看文件

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


+ 23
- 15
pages/index/searchbar/index.wxss 查看文件

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


正在加载...
取消
保存