CourseItem.vue 770 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <view class="com-teacher" v-if="info && info.id>0">
  3. <view class="header">
  4. <image :src="info.imgUrl" class="img"></image>
  5. </view>
  6. <view class="intro">
  7. <view class="name">{{info.name}}</view>
  8. <view class="time">{{info.openTime}}</view>
  9. <view class="tags">{{info.tips}}</view>
  10. </view>
  11. <view class="btns">
  12. <button class="btn active" @click="onStart">查看</button>
  13. </view>
  14. </view>
  15. </template>
  16. <script>
  17. export default {
  18. name:"TeacherItem",
  19. emits:['onStart'],
  20. props:{
  21. info:{
  22. type:Object,
  23. default:{
  24. id:0
  25. }
  26. }
  27. },
  28. data() {
  29. return {
  30. };
  31. },
  32. methods:{
  33. onStart(e){
  34. this.$emit("onStart",this.info.id);
  35. },
  36. }
  37. }
  38. </script>
  39. <style lang="scss">
  40. @import './CourseItem.scss';
  41. </style>