洛阳学员端
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.
 
 
 
 
 

94 lines
1.8 KiB

<template>
<view class="box" >
<view class="img">
<image :src="item.schoolIntroduceDO.iconPath" mode="" v-if="item.schoolIntroduceDO"></image>
</view>
<view class="textCon">
<view class="name">{{ item.shortName }}</view>
<view class="starBox">
<u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="item.stars" :readonly="true" style="pointer-events: none;"></u-rate>
<view class="num">{{item.stars}}</view>
</view>
<view class="credit">行业信用 <text v-if="item.creditrating">{{item.creditrating}}</text></view>
<view class="adr">距您{{ $u.utils.distanceFn(item.distance)}}</view>
</view>
<callPhone v-if="showPhone" :servicePhone="[{name: item.phone}]">
<view class="pozPhone">
<image src="@/static/images/index/telephone.png" mode=""></image>
</view>
</callPhone>
</view>
</template>
<script>
export default {
props: {
showPhone: {
type: Boolean,
default: true
},
item: {
type: Object,
default: {}
}
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.box {
background: #FFFFFF;
border-radius: 16rpx;
padding: 24rpx;
position: relative;
display: flex;
margin-bottom: 20rpx;
}
.img {
width: 204rpx;
height: 140rpx;
background: #f6f6f6;
border-radius: 8rpx;
overflow: hidden;
}
.textCon {
flex: 1;
font-size: 24rpx;
padding: 0 0 0 36rpx;
.name {
font-size: 32rpx;
color: #363A44;
font-weight: 600;
}
.starBox {
display: flex;
padding: 6rpx 0 6rpx 0;
.num {
color: $themC;
}
}
.credit {
color: #1989FA;
margin-bottom: 4rpx;
}
.adr {
color: #363A44;
}
}
.pozPhone {
position: absolute;
top: 50%;
right: 20rpx;
width: 72rpx;
height: 72rpx;
transform: translateY(-50%);
}
</style>