|
@@ -31,39 +31,42 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</u-swiper>
|
|
</u-swiper>
|
|
- <view class='findItem' v-for='item in findList'>
|
|
|
|
- <view style='align-items: flex-start;' class='flex'>
|
|
|
|
- <view class="left">
|
|
|
|
- <view class='cover'>
|
|
|
|
- <u--image radius='4' :showLoading="true" :src="item.coverImage" width="86px"
|
|
|
|
- height="86px" @click="imageclick(item.coverImage)"></u--image>
|
|
|
|
|
|
+ <view style='margin:20rpx 10rpx;'>
|
|
|
|
+ <view class='findItem' v-for='item in findList'>
|
|
|
|
+ <view style='align-items: flex-start;' class='flex'>
|
|
|
|
+ <view class="left">
|
|
|
|
+ <view class='cover'>
|
|
|
|
+ <u--image radius='4' :showLoading="true" :src="item.coverImage" width="86px"
|
|
|
|
+ height="86px" @click="imageclick(item.coverImage)"></u--image>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <view class='flex'>
|
|
|
|
+ <view :class="item.mainBody=='商铺'?'main-body':'main-body1'">
|
|
|
|
+ {{item.mainBody=="商铺"?'商铺':'个人'}}
|
|
|
|
+ </view>
|
|
|
|
+ <!-- <view v-if='item.mainBody=="商铺"' class='iconfont applet-dianpu1'></view>
|
|
|
|
+ <u--image v-if='item.mainBody=="个人"' :showLoading="true" src="/static/image/find/geren.png" width="20px" height="20px"></u--image> -->
|
|
|
|
+ <view class='name'>{{item.shopNames}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class='description'>
|
|
|
|
+ <mote-lines-divide :dt="item.serviceDescription" :line="3" expandText="展开"
|
|
|
|
+ foldHint="收起" />
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="right">
|
|
|
|
|
|
+ <view class='address flex justify-space-between'>
|
|
<view class='flex'>
|
|
<view class='flex'>
|
|
- <view class="main-body">
|
|
|
|
- {{item.mainBody=="商铺"?'商铺':'个人'}}
|
|
|
|
- </view>
|
|
|
|
- <!-- <view v-if='item.mainBody=="商铺"' class='iconfont applet-dianpu1'></view>
|
|
|
|
- <u--image v-if='item.mainBody=="个人"' :showLoading="true" src="/static/image/find/geren.png" width="20px" height="20px"></u--image> -->
|
|
|
|
- <view class='name'>{{item.shopNames}}</view>
|
|
|
|
|
|
+ <view class='iconfont applet-dizhi'></view>
|
|
|
|
+ <view @click.stop="toShopDetail(item)">{{item.detailedAddress}}</view>
|
|
</view>
|
|
</view>
|
|
- <view class='description'>
|
|
|
|
- <mote-lines-divide :dt="item.serviceDescription" :line="3" expandText="展开"
|
|
|
|
- foldHint="收起" />
|
|
|
|
|
|
+ <view>{{item.distance1>1000?item.distance:item.distance1}}
|
|
|
|
+ <text style='font-weight:600;'>{{item.distance1>1000?'km':'m'}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class='address flex justify-space-between'>
|
|
|
|
- <view class='flex'>
|
|
|
|
- <view class='iconfont applet-dizhi'></view>
|
|
|
|
- <view @click.stop="toShopDetail(item)">{{item.detailedAddress}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view>{{item.distance1>1000?item.distance:item.distance1}}
|
|
|
|
- <text style='font-weight:600;'>{{item.distance1>1000?'km':'m'}}</text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
+
|
|
</mescroll-uni>
|
|
</mescroll-uni>
|
|
<!-- <mescroll-body ref="mescrollRef" :up="upOption" :down="downOption" @init="mescrollInit" @up="upCallback" @down="downCallback"></mescroll-body> -->
|
|
<!-- <mescroll-body ref="mescrollRef" :up="upOption" :down="downOption" @init="mescrollInit" @up="upCallback" @down="downCallback"></mescroll-body> -->
|
|
</view>
|
|
</view>
|
|
@@ -321,9 +324,9 @@
|
|
that.handleList[i].distance1 = JSON.parse(JSON.stringify(that.handleList[i].distance))
|
|
that.handleList[i].distance1 = JSON.parse(JSON.stringify(that.handleList[i].distance))
|
|
that.handleList[i].distance = (that.handleList[i].distance / 1000).toFixed(1)
|
|
that.handleList[i].distance = (that.handleList[i].distance / 1000).toFixed(1)
|
|
console.log(that.handleList)
|
|
console.log(that.handleList)
|
|
- that.findList = that.handleList
|
|
|
|
that.loading = false
|
|
that.loading = false
|
|
}
|
|
}
|
|
|
|
+ that.findList=that.findList.concat(that.handleList)
|
|
}
|
|
}
|
|
uni.hideLoading()
|
|
uni.hideLoading()
|
|
that.$nextTick(() => {
|
|
that.$nextTick(() => {
|
|
@@ -440,7 +443,7 @@
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
font-size: 32rpx;
|
|
font-size: 32rpx;
|
|
|
|
|
|
- .main-body {
|
|
|
|
|
|
+ .main-body,.main-body1 {
|
|
color: #E95700;
|
|
color: #E95700;
|
|
background: #FDF2E5;
|
|
background: #FDF2E5;
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
@@ -448,7 +451,10 @@
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border-radius: 10rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ .main-body1{
|
|
|
|
+ color: #FDB65C;
|
|
|
|
+ background: #F6F9E9;
|
|
|
|
+ }
|
|
.left {
|
|
.left {
|
|
margin-right: 20rpx;
|
|
margin-right: 20rpx;
|
|
|
|
|
|
@@ -465,7 +471,7 @@
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
width: 55vw;
|
|
width: 55vw;
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
- letter-spacing: 3rpx;
|
|
|
|
|
|
+ // letter-spacing: 3rpx;
|
|
}
|
|
}
|
|
|
|
|
|
.description {
|
|
.description {
|