洛阳学员端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

104 lines
2.1 KiB

<template>
<view class="itemBox" >
<view class="img">
<image :src="item.photoPath" mode="" v-if="$u.utils.isImagePath(item.photoPath)"></image>
<image src="@/static/images/index/avatar.png" mode="" v-else></image>
</view>
<view class="textCon">
<view class="name oneRowText">{{item.name}}</view>
<view class="flex-b">
<view class="flex">
<view class="starBox">
<view class="num">{{item.stars || '无'}}</view>
</view>
<view class="pingjia" v-if="item.commentTotal">{{item.commentTotal }}条评价</view>
</view>
<callPhone v-if="showPhone&&item.mobile" :servicePhone="[{name: item.mobile}]">
<view class="pozPhone">
<image src="@/static/images/indexIcon/phone.png" mode=""></image>
</view>
</callPhone>
</view>
<view class="adr"><text style="margin-right: 6rpx;">{{item.districtName}}</text> <text v-if="item.distance">距您{{ $u.utils.distanceFn(item.distance)}}</text></view>
<!-- <view class="credit">行业信用 <text v-if="item.creditrating">{{item.creditrating}}</text></view> -->
</view>
</view>
</template>
<script>
export default {
props: {
showPhone: {
type: Boolean,
default: true
},
item: {
type: Object,
default: {}
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.itemBox {
background: #FFFFFF;
border-radius: 16rpx;
padding: 20rpx;
position: relative;
display: flex;
// border-bottom: 1px solid #F4F4F4;
margin-bottom: 20rpx;
}
.img {
width: 134rpx;
height: 134rpx;
background: #f6f6f6;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.textCon {
flex: 1;
font-size: 24rpx;
padding: 0 0 0 20rpx;
width: 0;
.name {
font-size: 28rpx;
margin-top: 4rpx;
color: #363A44;
}
.starBox {
margin: 10rpx 0;
}
.pingjia {
font-size: 24rpx;
color: #999;
margin-left: 14rpx;
}
.credit {
color: #1989FA;
margin-bottom: 4rpx;
}
.adr {
color: #999;
font-size: 24rpx;
}
}
.pozPhone {
width: 55rpx;
height: 55rpx;
margin-top: 14rpx;
}
</style>