kcdd-xq.vue 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <template>
  2. <view class="">
  3. <view class="ddxqship">
  4. <!-- 视频板块预留 -->
  5. </view>
  6. <view class="ddxqfayu">
  7. <view class="indhuyr">
  8. <view class="indjbrr"></view>
  9. <text>课程详情</text>
  10. </view>
  11. <view style="margin-top: 30rpx;">
  12. <view class="fzctob">
  13. <view class="kcxquyr">
  14. <text>课程名称</text>
  15. </view>
  16. <view class="kcxquyra">
  17. <text>焦虑课程焦虑课程焦虑课程焦虑</text>
  18. </view>
  19. </view>
  20. <view style="border-top: 2rpx dashed #e8e8e8;width: 100%;margin: 22rpx 0;"></view>
  21. <view class="fzctob">
  22. <view class="kcxquyr">
  23. <text>课程分类</text>
  24. </view>
  25. <view class="fzctob kcwwerrt">
  26. <text>心里咨询</text>
  27. <text>心里咨询</text>
  28. <text>心里咨询</text>
  29. </view>
  30. </view>
  31. <view style="border-top: 2rpx dashed #e8e8e8;width: 100%;margin: 22rpx 0;"></view>
  32. <view class="fzctob">
  33. <view class="kcxquyr">
  34. <text>直播时间</text>
  35. </view>
  36. <view class="kcxquyra">
  37. <text>2022.02.22 22:00~22:00</text>
  38. </view>
  39. </view>
  40. <view style="border-top: 2rpx dashed #e8e8e8;width: 100%;margin: 22rpx 0;"></view>
  41. <view class="fzctob">
  42. <view class="kcxquyr">
  43. <text>金额</text>
  44. </view>
  45. <view class="fzctob">
  46. <text class="wdjga">¥</text>
  47. <text class="wdjgb">00</text>
  48. <text class="wdjgc">.00</text>
  49. <text class="scjga">原价¥199</text>
  50. </view>
  51. </view>
  52. </view>
  53. </view>
  54. </view>
  55. </template>
  56. <style>
  57. page {
  58. background: #FAFAFA;
  59. }
  60. </style>
  61. <script>
  62. export default {
  63. data() {
  64. return {
  65. }
  66. },
  67. }
  68. </script>
  69. <style lang="scss" scoped>
  70. </style>