|
|
@@ -6,7 +6,8 @@
|
|
|
<scroll-view scroll-y class="shop-list">
|
|
|
<block v-if="!$util.isEmpty(list.data)">
|
|
|
<view class="shop-item" v-for="(item, index) in list.data" :key="index">
|
|
|
- <view class="item-header">
|
|
|
+
|
|
|
+ <view class="item-header" @click="gotoDetailsEvent(item)">
|
|
|
<image
|
|
|
class="logo"
|
|
|
:src="item.smallAvatar"
|
|
|
@@ -15,15 +16,15 @@
|
|
|
<text class="name">{{ item.name }} </text>
|
|
|
</view>
|
|
|
<view class="item-main">
|
|
|
- <view class="phone">{{ item.mobile }} </view>
|
|
|
- <view @click="gotoDetailsEvent(item)" class="price"
|
|
|
- >-{{ item.debtAmount }} <text class="iconfont iconxiangyou"></text>
|
|
|
+ <view class="phone" @click="callUp(item.mobile)" ><i class="iconfont icondianhua1"></i> {{ item.mobile }}</view>
|
|
|
+ <view class="price" @click="gotoDetailsEvent(item)">-{{ item.debtAmount }} <text class="iconfont iconxiangyou"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
</block>
|
|
|
<block v-else>
|
|
|
- <AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(list.data)" />
|
|
|
+ <AppWrapperEmpty title="暂无记录" :is-empty="$util.isEmpty(list.data)" />
|
|
|
</block>
|
|
|
</scroll-view>
|
|
|
<view class="bar-view">
|
|
|
@@ -106,7 +107,12 @@ export default {
|
|
|
searchFn() {
|
|
|
this.resetList();
|
|
|
this.init();
|
|
|
- }
|
|
|
+ },
|
|
|
+ callUp(mobile) {
|
|
|
+ uni.makePhoneCall({
|
|
|
+ phoneNumber: mobile //仅为示例
|
|
|
+ });
|
|
|
+ },
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
@@ -155,6 +161,9 @@ export default {
|
|
|
font-size: 28upx;
|
|
|
font-weight: 400;
|
|
|
color: #666666;
|
|
|
+ line-height: 18upx;
|
|
|
+ height:18upx;
|
|
|
+ z-index:100;
|
|
|
}
|
|
|
.price {
|
|
|
display: flex;
|
|
|
@@ -167,6 +176,12 @@ export default {
|
|
|
color: #999999;
|
|
|
}
|
|
|
}
|
|
|
+ & .icondianhua1 {
|
|
|
+ font-size: 30px;
|
|
|
+ color: #3385ff;
|
|
|
+ margin-right:15upx;
|
|
|
+ z-index:100;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
shish