CourseSkill.vue 594 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <view class="com-course-skill" v-if="course">
  3. <view class="skill-number">
  4. <view class="skill-out">
  5. <view class="out-bg">
  6. <text class="txt">{{course.kcal}} </text>
  7. <text class="sign">Kcal</text>
  8. </view>
  9. </view>
  10. </view>
  11. <view class="skill-item" v-html="course.tips">
  12. </view>
  13. </view>
  14. </template>
  15. <script>
  16. export default {
  17. name:"CourseSkill",
  18. props:{
  19. course:{
  20. type:Object,
  21. default:()=>{
  22. return null;
  23. }
  24. }
  25. },
  26. data() {
  27. return {
  28. };
  29. }
  30. }
  31. </script>
  32. <style lang="scss">
  33. @import './CourseSkill.scss'
  34. </style>