wdkc-luxj.vue 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <template>
  2. <view class="ayuu">
  3. <view class="hdtgyyqb">
  4. <view class="flztoa hdtcuur">
  5. <view class="fzctob">
  6. <view class="hdtcuutxt"><text>课程名称</text></view>
  7. <view class="hdtcuutxta"><input type="text" value="" placeholder-style="color: #999999;font-size: 28rpx;"
  8. placeholder="请输入姓名" /></view>
  9. </view>
  10. </view>
  11. <view class="scjhrw"></view>
  12. <view class="flztoa hdtcuur">
  13. <view class="fzctob">
  14. <view class="hdtcuutxt"><text>课程分类</text></view>
  15. <view class="hdtcuutxta"><text>请选择课程分类</text></view>
  16. </view>
  17. <image src="/static/user/hdr1.png" style="width: 48rpx;min-width: 48rpx;height: 48rpx;" mode="">
  18. </image>
  19. </view>
  20. <view class="scjhrw"></view>
  21. <view class="flztoa hdtcuur">
  22. <view class="fzctob">
  23. <view class="hdtcuutxt"><text>金额</text></view>
  24. <view class="hdtcuutxta"><input type="text" value="" placeholder-style="color: #999999;font-size: 28rpx;"
  25. placeholder="请输入金额" /></view>
  26. </view>
  27. </view>
  28. <view class="scjhrw"></view>
  29. <view class="flztoa">
  30. <view class="fsxto">
  31. <view class="sczbfmty">
  32. <text>课程封面</text>
  33. </view>
  34. <view class="fzddrew cpsahngc">
  35. <view class="" style="width: 294rpx;height: 198rpx;background: #D8D8D8;border-radius: 16rpx 16rpx 16rpx 16rpx;">
  36. </view>
  37. </view>
  38. </view>
  39. <view class="fsxto">
  40. <view class="sczbfmty">
  41. <text>上传视频</text>
  42. </view>
  43. <view class="fzddrew cpsahngc">
  44. <view class="" style="width: 294rpx;height: 198rpx;background: #D8D8D8;border-radius: 16rpx 16rpx 16rpx 16rpx;">
  45. </view>
  46. </view>
  47. </view>
  48. </view>
  49. </view>
  50. <view class="hdtgyyqb">
  51. <view class="flztoa hdtcuur">
  52. <view class="fzctob">
  53. <view class="hdtcuutxt"><text>章节</text></view>
  54. <view class="hdtcuutxta"><text>第一章</text></view>
  55. </view>
  56. </view>
  57. <view class="scjhrw"></view>
  58. <view class="flztoa hdtcuur">
  59. <view class="fzctob">
  60. <view class="hdtcuutxt"><text>课程名称</text></view>
  61. <view class="hdtcuutxta"><text>请输入课程名称</text> </view>
  62. </view>
  63. </view>
  64. <view class="scjhrw"></view>
  65. <view class="fzctob">
  66. <view class="fsxto">
  67. <view class="sczbfmty">
  68. <text>上传视频</text>
  69. </view>
  70. <view class="fzddrew cpsahngc">
  71. <view class="" style="width: 294rpx;height: 198rpx;background: #D8D8D8;border-radius: 16rpx 16rpx 16rpx 16rpx;">
  72. </view>
  73. </view>
  74. </view>
  75. </view>
  76. </view>
  77. <view class="hdtgyyqb">
  78. <view class="fzddrew" style="padding: 30rpx 0;">
  79. <u-icon name="plus" size="36"></u-icon>
  80. <text style="margin-top: 20rpx;">添加章节</text>
  81. </view>
  82. </view>
  83. <view class="fzddrew scjjhrt">
  84. <navigator class="fzddrew wdkcxjr" url="../lecturer/my" hover-class="none">
  85. <text>上传课程</text>
  86. </navigator>
  87. </view>
  88. </view>
  89. </template>
  90. <style>
  91. page {
  92. background: #FAFAFA;
  93. }
  94. </style>
  95. <script>
  96. export default {
  97. data() {
  98. return {
  99. }
  100. },
  101. }
  102. </script>
  103. <style lang="scss" scoped>
  104. </style>