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

92 lines
1.8 KiB

  1. <template>
  2. <view class="box">
  3. <view class="top_row">
  4. <view class="avatar">
  5. <image :src="item.phone" mode=""></image>
  6. </view>
  7. <view class="textInfo">
  8. <view class="name oneRowText">{{ item.name}}</view>
  9. <view class="starBox">
  10. <u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="item.score" :readonly="true" allowHalf></u-rate>
  11. <view class="num">{{ item.score?item.score.toFixed(1):0 }}</view>
  12. </view>
  13. </view>
  14. <view class="date">{{ $u.date(item.createTime ,'yyyy/mm/dd' ) }}</view>
  15. </view>
  16. <view class="text">{{ item.description }}</view>
  17. <view class="imgBox" v-if="item.images&&item.images.length">
  18. <u-album :urls="item.images" :multipleSize="'160rpx'"></u-album>
  19. </view>
  20. <view class="vdo" v-if="item.videoUrl">
  21. <video :src="item.videoUrl" objectFit="fill"></video>
  22. </view>
  23. </view>
  24. </template>
  25. <script>
  26. export default {
  27. props: ['item']
  28. }
  29. </script>
  30. <style lang="scss" scoped>
  31. .top_row {
  32. display: flex;
  33. align-items: center;
  34. margin-bottom: 24rpx;
  35. .avatar {
  36. width: 60rpx;
  37. height: 60rpx;
  38. overflow: hidden;
  39. border-radius: 50%;
  40. background: #f6f6f6;
  41. }
  42. .textInfo {
  43. flex: 1;
  44. width: 0;
  45. .name {
  46. font-size: 26rpx;
  47. color: #333;
  48. font-weight: 500;
  49. }
  50. padding: 0 10rpx;
  51. }
  52. .date {
  53. font-size: 24rpx;
  54. color: #686B73;
  55. }
  56. }
  57. .starBox {
  58. padding: 10rpx 0 0rpx 0;
  59. }
  60. .text {
  61. font-size: 24rpx;
  62. }
  63. .imgBox {
  64. display: flex;
  65. flex-wrap: wrap;
  66. padding-top: 20rpx;
  67. .img {
  68. margin-top: 20rpx;
  69. width: 160rpx;
  70. height: 160rpx;
  71. border-radius: 8rpx;
  72. overflow: hidden;
  73. margin-right: 24rpx;
  74. }
  75. }
  76. .vdo {
  77. margin-top: 12rpx;
  78. width: 360rpx;
  79. height: 296rpx;
  80. border-radius: 8rpx;
  81. overflow: hidden;
  82. video {
  83. width: 100%;
  84. height: 100%;
  85. }
  86. }
  87. </style>