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

80 lines
1.5 KiB

10 months ago
9 months ago
10 months ago
9 months ago
10 months ago
9 months ago
10 months ago
9 months ago
10 months ago
  1. <template>
  2. <view class="box">
  3. <view class="flex-b">
  4. <view class="name">{{ item.studentName}}</view>
  5. <view class="date">{{ $u.date(item.createTime ,'yyyy/mm/dd' ) }}</view>
  6. </view>
  7. <view class="star_row">
  8. <u-rate active-color="#FCAC00" inactive-color="#FCAC00" gutter="1" :size="16" :value="item.stars" :count="5" :readonly="true" allowHalf></u-rate>
  9. <view class="num">{{ item.stars }}</view>
  10. </view>
  11. <view class="text">{{ item.description }}</view>
  12. <view class="imgBox" v-if="item.images&&item.images.length">
  13. <u-album :urls="item.images" :multipleSize="'160rpx'"></u-album>
  14. </view>
  15. <view class="vdo" v-if="item.videoUrl">
  16. <video :src="item.videoUrl" controls></video>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. export default {
  22. props: ['item']
  23. }
  24. </script>
  25. <style lang="scss" scoped>
  26. .box {
  27. border-bottom: 1px solid #f4f4f4;
  28. padding: 24rpx 0 24rpx 0;
  29. }
  30. .flex-b {
  31. align-items: center;
  32. .name {
  33. font-weight: 600;
  34. font-size: 32rpx;
  35. color: #333;
  36. }
  37. .date {
  38. font-size: 24rpx;
  39. color: #686B73;
  40. }
  41. }
  42. .vdo {
  43. width: 360rpx;
  44. margin-top: 12rpx;
  45. video {
  46. width: 100%;
  47. height: 180rpx;
  48. display: block;
  49. }
  50. }
  51. .star_row {
  52. display: flex;
  53. align-items: center;
  54. margin: 10rpx 0;
  55. .num {
  56. font-size: 24rpx;
  57. font-weight: 700;
  58. }
  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. </style>