学员端小程序
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.

93 lines
1.7 KiB

  1. <template>
  2. <view class="box" >
  3. <view class="img">
  4. <image :src="item.schoolIntroduceDO.iconPath" mode="" v-if="item.schoolIntroduceDO"></image>
  5. </view>
  6. <view class="textCon">
  7. <view class="name">{{ item.shortName }}</view>
  8. <view class="starBox">
  9. <u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="item.stars" :readonly="true" style="pointer-events: none;"></u-rate>
  10. <view class="num">{{item.stars}}</view>
  11. </view>
  12. <view class="credit">行业信用{{item.creditrating}}</view>
  13. <view class="adr">距您{{ $u.utils.distanceFn(item.distance)}}</view>
  14. </view>
  15. <callPhone v-if="showPhone" :servicePhone="[{name: item.phone}]">
  16. <view class="pozPhone">
  17. <image src="@/static/images/index/telephone.png" mode=""></image>
  18. </view>
  19. </callPhone>
  20. </view>
  21. </template>
  22. <script>
  23. export default {
  24. props: {
  25. showPhone: {
  26. type: Boolean,
  27. default: true
  28. },
  29. item: {
  30. type: Object,
  31. default: {}
  32. }
  33. },
  34. methods: {
  35. }
  36. }
  37. </script>
  38. <style lang="scss" scoped>
  39. .box {
  40. background: #FFFFFF;
  41. border-radius: 16rpx;
  42. padding: 24rpx;
  43. position: relative;
  44. display: flex;
  45. margin-bottom: 20rpx;
  46. }
  47. .img {
  48. width: 204rpx;
  49. height: 140rpx;
  50. background: #f6f6f6;
  51. border-radius: 8rpx;
  52. overflow: hidden;
  53. }
  54. .textCon {
  55. flex: 1;
  56. font-size: 24rpx;
  57. padding: 0 0 0 36rpx;
  58. .name {
  59. font-size: 32rpx;
  60. color: #363A44;
  61. font-weight: 600;
  62. }
  63. .starBox {
  64. display: flex;
  65. padding: 6rpx 0 6rpx 0;
  66. .num {
  67. color: $themC;
  68. }
  69. }
  70. .credit {
  71. color: #1989FA;
  72. margin-bottom: 4rpx;
  73. }
  74. .adr {
  75. color: #363A44;
  76. }
  77. }
  78. .pozPhone {
  79. position: absolute;
  80. top: 50%;
  81. right: 20rpx;
  82. width: 72rpx;
  83. height: 72rpx;
  84. transform: translateY(-50%);
  85. }
  86. </style>