khzx.vue 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <template>
  2. <view class="">
  3. <u-navbar :is-back="false" :border-bottom="false" :background="background">
  4. <view style="width: 100%;">
  5. <view class="fzctob" style="padding: 0 30rpx;">
  6. <image src="/static/index/inua.png" style="width: 24rpx;height: 24rpx;min-width: 24rpx;margin-right: 10rpx;" mode=""></image>
  7. <view class="jhuudd">
  8. <text>北京市</text>
  9. </view>
  10. </view>
  11. </view>
  12. </u-navbar>
  13. <view class="inbddwwer">
  14. <view class="fzctob inbddwddre">
  15. <image src="/static/index/ina1.png"
  16. style="width: 40rpx;height: 40rpx;min-width: 40rpx;margin-right: 12rpx;"></image>
  17. <input type="text" value="" placeholder-style="color: #CCCCCC;font-size: 28rpx;"
  18. placeholder="搜索你感兴趣的内容" />
  19. </view>
  20. </view>
  21. <view style="margin-top: 30rpx;">
  22. <navigator class="fzctob wdlbgt" url="../user/khzx-xq" hover-class="none">
  23. <image src="/static/lecturer/le01.png" style="width: 148rpx;height: 148rpx;min-width: 148rpx;border-radius:160rpx;" mode=""></image>
  24. <view class="flztoa wdkkjruy">
  25. <view class="fsxto">
  26. <text class="wdtxtut">讲师</text>
  27. <view class="fzctob wdtxtuta">
  28. <text>讲师标签</text>
  29. <text>讲师标签</text>
  30. <text>讲师标签</text>
  31. </view>
  32. <view class="fzctob wdtxtutb">
  33. <image src="/static/lecturer/lea2.png" style="width: 32rpx;height: 32rpx;min-width: 32rpx;" mode=""></image>
  34. <text>北京市 昌平区 </text>
  35. </view>
  36. </view>
  37. <view class="fzddrew">
  38. <image src="/static/lecturer/lea1.png" style="width:56rpx;height: 56rpx;min-width: 56rpx;" mode=""></image>
  39. <view class="fzctob" style="height: 40rpx;margin-top: 20rpx;">
  40. <text class="wdjga">¥</text>
  41. <text class="wdjgb">00</text>
  42. <text class="wdjgc">.00</text>
  43. </view>
  44. </view>
  45. </view>
  46. </navigator>
  47. <navigator class="fzctob wdlbgt" url="../user/khzx-xq" hover-class="none">
  48. <image src="/static/lecturer/le01.png" style="width: 148rpx;height: 148rpx;min-width: 148rpx;border-radius:160rpx;" mode=""></image>
  49. <view class="flztoa wdkkjruy">
  50. <view class="fsxto">
  51. <text class="wdtxtut">讲师</text>
  52. <view class="fzctob wdtxtuta">
  53. <text>讲师标签</text>
  54. <text>讲师标签</text>
  55. <text>讲师标签</text>
  56. </view>
  57. <view class="fzctob wdtxtutb">
  58. <image src="/static/lecturer/lea2.png" style="width: 32rpx;height: 32rpx;min-width: 32rpx;" mode=""></image>
  59. <text>北京市 昌平区 </text>
  60. </view>
  61. </view>
  62. <view class="fzddrew">
  63. <image src="/static/lecturer/lea1.png" style="width:56rpx;height: 56rpx;min-width: 56rpx;" mode=""></image>
  64. <view class="fzctob" style="height: 40rpx;margin-top: 20rpx;">
  65. <text class="wdjga">¥</text>
  66. <text class="wdjgb">00</text>
  67. <text class="wdjgc">.00</text>
  68. </view>
  69. </view>
  70. </view>
  71. </navigator>
  72. <navigator class="fzctob wdlbgt" url="../user/khzx-xq" hover-class="none">
  73. <image src="/static/lecturer/le01.png" style="width: 148rpx;height: 148rpx;min-width: 148rpx;border-radius:160rpx;" mode=""></image>
  74. <view class="flztoa wdkkjruy">
  75. <view class="fsxto">
  76. <text class="wdtxtut">讲师</text>
  77. <view class="fzctob wdtxtuta">
  78. <text>讲师标签</text>
  79. <text>讲师标签</text>
  80. <text>讲师标签</text>
  81. </view>
  82. <view class="fzctob wdtxtutb">
  83. <image src="/static/lecturer/lea2.png" style="width: 32rpx;height: 32rpx;min-width: 32rpx;" mode=""></image>
  84. <text>北京市 昌平区 </text>
  85. </view>
  86. </view>
  87. <view class="fzddrew">
  88. <image src="/static/lecturer/lea1.png" style="width:56rpx;height: 56rpx;min-width: 56rpx;" mode=""></image>
  89. <view class="fzctob" style="height: 40rpx;margin-top: 20rpx;">
  90. <text class="wdjga">¥</text>
  91. <text class="wdjgb">00</text>
  92. <text class="wdjgc">.00</text>
  93. </view>
  94. </view>
  95. </view>
  96. </navigator>
  97. <navigator class="fzctob wdlbgt" url="../user/khzx-xq" hover-class="none">
  98. <image src="/static/lecturer/le01.png" style="width: 148rpx;height: 148rpx;min-width: 148rpx;border-radius:160rpx;" mode=""></image>
  99. <view class="flztoa wdkkjruy">
  100. <view class="fsxto">
  101. <text class="wdtxtut">讲师</text>
  102. <view class="fzctob wdtxtuta">
  103. <text>讲师标签</text>
  104. <text>讲师标签</text>
  105. <text>讲师标签</text>
  106. </view>
  107. <view class="fzctob wdtxtutb">
  108. <image src="/static/lecturer/lea2.png" style="width: 32rpx;height: 32rpx;min-width: 32rpx;" mode=""></image>
  109. <text>北京市 昌平区 </text>
  110. </view>
  111. </view>
  112. <view class="fzddrew">
  113. <image src="/static/lecturer/lea1.png" style="width:56rpx;height: 56rpx;min-width: 56rpx;" mode=""></image>
  114. <view class="fzctob" style="height: 40rpx;margin-top: 20rpx;">
  115. <text class="wdjga">¥</text>
  116. <text class="wdjgb">00</text>
  117. <text class="wdjgc">.00</text>
  118. </view>
  119. </view>
  120. </view>
  121. </navigator>
  122. </view>
  123. <view style="height: 120rpx;"></view>
  124. <view class="dibuboot">
  125. <navigator class="dibubootlb" url="../index/index" open-type="redirect" hover-class="none">
  126. <image src="/static/dibu/boa1.png" style="width: 48rpx;height: 48rpx;"></image>
  127. <text>首页</text>
  128. </navigator>
  129. <!-- <navigator class="dibubootlb" url="../user/khzx" open-type="redirect" hover-class="none">
  130. <image src="/static/dibu/bob2.png" style="width: 48rpx;height: 48rpx;"></image>
  131. <text style="color: #374B6E">咨询</text>
  132. </navigator>
  133. <navigator class="dibubootlb" url="../user/us-jiehuo" open-type="redirect" hover-class="none">
  134. <image src="/static/dibu/boa3.png" style="width: 48rpx;height: 48rpx;"></image>
  135. <text>解惑</text>
  136. </navigator> -->
  137. <navigator class="dibubootlb" url="../user/my" open-type="redirect" hover-class="none">
  138. <image src="/static/dibu/boa4.png" style="width: 48rpx;height: 48rpx;"></image>
  139. <text>我的</text>
  140. </navigator>
  141. </view>
  142. </view>
  143. </template>
  144. <style>
  145. page {
  146. background: #FAFAFA;
  147. }
  148. </style>
  149. <script>
  150. export default {
  151. data() {
  152. return {
  153. background: {
  154. backgroundColor: '#ffffff',
  155. },
  156. hhyanm: {
  157. color: '#FFFFFF',
  158. },
  159. }
  160. },
  161. }
  162. </script>
  163. <style lang="scss" scoped>
  164. </style>