消息物流添加联系骑手

This commit is contained in:
ghusermoon 2020-09-01 17:42:16 +08:00
parent 56cdbfbf5d
commit 8259883119

View File

@ -4,9 +4,13 @@
<view class="activity" v-for="(item, index) in actives" :key="index"> <view class="activity" v-for="(item, index) in actives" :key="index">
<view class="times">{{item.kd_time}}</view> <view class="times">{{item.kd_time}}</view>
<view class="content"> <view class="content">
<view class="store_name"> <view class="store-name">
<image :src="item.store_avatar"></image> <image :src="item.store_avatar"></image>
<view>{{item.store_name}}</view> <view class="name">{{item.store_name}}</view>
<view class="takeawayer" v-if="item.takeawayer_phone" @click="makePhone(item.takeawayer_phone)">
<u-icon name="phone-fill" color="#FF780F" size="28"></u-icon>
<text>联系骑手</text>
</view>
</view> </view>
<view class="xiantiao"></view> <view class="xiantiao"></view>
<view class="title">{{item.title}}</view> <view class="title">{{item.title}}</view>
@ -77,10 +81,13 @@
this.$u.route(url, { this.$u.route(url, {
oid: item.order_id, oid: item.order_id,
}); });
},
makePhone(phone) {
uni.makePhoneCall({
phoneNumber: phone
});
} }
}, },
components:{
}
}; };
</script> </script>
@ -147,25 +154,31 @@ page{
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
// //
.store_name{ .store-name{
overflow: hidden; overflow: hidden;
zoom: 1; zoom: 1;
padding: 0rpx 0 20rpx 0; padding: 0rpx 0 20rpx 0;
display: flex;
align-items: center;
image{ image{
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
border-radius: 50%; border-radius: 50%;
float: left; float: left;
} }
view{ .name {
font-size:26rpx; font-size:26rpx;
color:rgba(51,51,51,1); color:rgba(51,51,51,1);
float: left;
display: table-cell;
line-height: 60rpx; line-height: 60rpx;
display: inline-block; display: inline-block;
margin-left: 21rpx; margin-left: 21rpx;
} }
.takeawayer {
margin-left: auto;
> text {
margin-left: 10rpx;
}
}
} }
} }
} }