VideoItem.vue 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <template>
  2. <view class="com-video-item" v-if="item" @click="onViewVideo">
  3. <view class="left">
  4. <image :src="item.imageUrl" class="img"></image>
  5. </view>
  6. <view class="right">
  7. <view class="title">
  8. <view class="name">{{item.name}}</view>
  9. <view class="price"><text class="sign">¥</text>{{item.price}}</view>
  10. </view>
  11. <view class="tip">时间:
  12. <block v-if="item.plan && item.plan.startTime "> {{item.plan.startDate}} 至 {{item.plan.endDate}}</block>
  13. <block v-else> 暂无时间按排</block>
  14. </view>
  15. <view class="tags">
  16. <block v-for="(it,index) in item.tags">
  17. <view class="tag">{{it}}</view>
  18. </block>
  19. </view>
  20. <view class="part_area" >
  21. <view class="parttip" >已报名:{{item.userList.length}} 人 </view>
  22. <!-- 报名会员头像 -->
  23. <!-- <view class="partic" v-if="info.userList.length > 0 && index < 6" v-for="(it,index) in info.userList " >
  24. <view><img :src="it.user.headerImg"></view>
  25. </view><view v-if="info.userList.length>6">...</view> -->
  26. </view>
  27. </view>
  28. </view>
  29. </template>
  30. <script>
  31. export default {
  32. name:"VideoItem",
  33. props:{
  34. item:{
  35. type:Object,
  36. default:()=>{
  37. return null;
  38. }
  39. }
  40. },
  41. data() {
  42. return {
  43. };
  44. },
  45. methods:{
  46. onViewVideo(e){
  47. uni.navigateTo({
  48. url:'/pages/theater/movie/movie?id='+this.item.id
  49. })
  50. }
  51. },
  52. }
  53. </script>
  54. <style lang="scss">
  55. @import './VideoItem.scss'
  56. </style>