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

75 lines
1.3 KiB

  1. <template>
  2. <view class="box">
  3. <view class="img">
  4. <image src="@/static/images/logo.png" mode=""></image>
  5. </view>
  6. <view class="textCon">
  7. <view class="name">江西海正驾校</view>
  8. <view class="starBox">
  9. <u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="4" disabled></u-rate>
  10. <view class="num">4.9</view>
  11. </view>
  12. <view class="credit">行业信用AA</view>
  13. <view class="adr">距您1000.99公里</view>
  14. </view>
  15. <view class="pozPhone">
  16. <image src="@/static/images/index/telephone.png" mode=""></image>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. </script>
  22. <style lang="scss" scoped>
  23. .box {
  24. height: 208rpx;
  25. background: #FFFFFF;
  26. border-radius: 16rpx;
  27. padding: 24rpx;
  28. position: relative;
  29. display: flex;
  30. margin-bottom: 20rpx;
  31. }
  32. .img {
  33. width: 204rpx;
  34. height: 140rpx;
  35. background: #FFFFFF;
  36. }
  37. .textCon {
  38. flex: 1;
  39. font-size: 24rpx;
  40. padding: 0 0 0 36rpx;
  41. .name {
  42. font-size: 32rpx;
  43. color: #363A44;
  44. font-weight: 600;
  45. }
  46. .starBox {
  47. display: flex;
  48. padding: 6rpx 0 6rpx 0;
  49. .num {
  50. color: $themC;
  51. }
  52. }
  53. .credit {
  54. color: #1989FA;
  55. margin-bottom: 4rpx;
  56. }
  57. .adr {
  58. color: #363A44;
  59. }
  60. }
  61. .pozPhone {
  62. position: absolute;
  63. top: 50%;
  64. right: 20rpx;
  65. width: 72rpx;
  66. height: 72rpx;
  67. transform: translateY(-50%);
  68. }
  69. </style>