us-jiehuo.vue 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  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 class="jhdurr">
  22. <view class="jhdurryt">
  23. <text>分类</text>
  24. </view>
  25. <view class="jhdurryt">
  26. <text>咨询分类</text>
  27. </view>
  28. <view class="jhdurryt">
  29. <text>咨询分类</text>
  30. </view>
  31. <view class="jhdurryt">
  32. <text>咨询分类</text>
  33. </view>
  34. <view class="jhdurryt">
  35. <text>咨询分类</text>
  36. </view>
  37. <view class="jhdurryt">
  38. <text>咨询分类</text>
  39. </view>
  40. </view>
  41. <view class="">
  42. <navigator class="fsxto jhkanuy" url="../index/jiehuo-pl" hover-class="none">
  43. <view class="fzctob">
  44. <view class="jhuuimg">
  45. <image src="/static/lecturer/le01.png" style="width: 88rpx;height: 88rpx;min-width: 88rpx;border-radius: 200rpx;" mode=""></image>
  46. </view>
  47. <view class="fsxto" style="width: 100%;margin-left: 12rpx;">
  48. <view class="flztoa">
  49. <text class="jhtxty">一只小雯子</text>
  50. <text class="jhtxtya">1小时前</text>
  51. </view>
  52. <view class="jhtxtyb">
  53. <text>个人签名</text>
  54. </view>
  55. </view>
  56. </view>
  57. <view class="jhtxtyc">
  58. <text>每天上班,业余时间做做运动,累了拍拍视频,做一切自己喜 欢的事情~</text>
  59. </view>
  60. <view class="flztoa" style="margin-top: 30rpx;">
  61. <view class="fzctob">
  62. <image v-show="xqaxuye" @click="xqaxuye = false" src="/static/index/w1.png" style="width: 48rpx;height: 48rpx;min-width: 48rpx;" mode=""></image>
  63. <image v-show="!xqaxuye" @click="xqaxuye = true" src="/static/index/w2.png" style="width: 48rpx;height: 48rpx;min-width: 48rpx;" mode=""></image>
  64. <text class="shitxty">29</text>
  65. <view style="margin-left: 40rpx;">
  66. <image src="/static/index/w3.png" style="width: 48rpx;height: 48rpx;min-width: 48rpx;" mode=""></image>
  67. </view>
  68. </view>
  69. <view class="">
  70. <text class="shitxtya">2021.06.15</text>
  71. </view>
  72. </view>
  73. </navigator>
  74. <navigator class="fsxto jhkanuy" url="../index/jiehuo-pl" hover-class="none">
  75. <view class="fzctob">
  76. <view class="jhuuimg">
  77. <image src="/static/lecturer/le01.png" style="width: 88rpx;height: 88rpx;min-width: 88rpx;border-radius: 200rpx;" mode=""></image>
  78. </view>
  79. <view class="fsxto" style="width: 100%;margin-left: 12rpx;">
  80. <view class="flztoa">
  81. <text class="jhtxty">一只小雯子</text>
  82. <text class="jhtxtya">1小时前</text>
  83. </view>
  84. <view class="jhtxtyb">
  85. <text>个人签名</text>
  86. </view>
  87. </view>
  88. </view>
  89. <view class="jhtxtyc">
  90. <text>每天上班,业余时间做做运动,累了拍拍视频,做一切自己喜 欢的事情~</text>
  91. </view>
  92. <view class="flztoa" style="margin-top: 30rpx;">
  93. <view class="fzctob">
  94. <image v-show="xqaxuye" @click="xqaxuye = false" src="/static/index/w1.png" style="width: 48rpx;height: 48rpx;min-width: 48rpx;" mode=""></image>
  95. <image v-show="!xqaxuye" @click="xqaxuye = true" src="/static/index/w2.png" style="width: 48rpx;height: 48rpx;min-width: 48rpx;" mode=""></image>
  96. <text class="shitxty">29</text>
  97. <view style="margin-left: 40rpx;">
  98. <image src="/static/index/w3.png" style="width: 48rpx;height: 48rpx;min-width: 48rpx;" mode=""></image>
  99. </view>
  100. </view>
  101. <view class="">
  102. <text class="shitxtya">2021.06.15</text>
  103. </view>
  104. </view>
  105. </navigator>
  106. </view>
  107. <view class="youjdje">
  108. <image src="/static/index/inr2.png" style="width: 96rpx;height: 96rpx;min-width: 96rpx;" mode=""></image>
  109. </view>
  110. <view style="height: 120rpx;"></view>
  111. <view class="dibuboot">
  112. <navigator class="dibubootlb" url="../index/index" open-type="redirect" hover-class="none">
  113. <image src="/static/dibu/boa1.png" style="width: 48rpx;height: 48rpx;"></image>
  114. <text>首页</text>
  115. </navigator>
  116. <!-- <navigator class="dibubootlb" url="../user/khzx" open-type="redirect" hover-class="none">
  117. <image src="/static/dibu/boa2.png" style="width: 48rpx;height: 48rpx;"></image>
  118. <text>咨询</text>
  119. </navigator>
  120. <navigator class="dibubootlb" url="../user/us-jiehuo" open-type="redirect" hover-class="none">
  121. <image src="/static/dibu/bob3.png" style="width: 48rpx;height: 48rpx;"></image>
  122. <text style="color: #374B6E">解惑</text>
  123. </navigator> -->
  124. <navigator class="dibubootlb" url="../user/my" open-type="redirect" hover-class="none">
  125. <image src="/static/dibu/boa4.png" style="width: 48rpx;height: 48rpx;"></image>
  126. <text>我的</text>
  127. </navigator>
  128. </view>
  129. </view>
  130. </template>
  131. <style>
  132. page {
  133. background: #FAFAFA;
  134. }
  135. </style>
  136. <script>
  137. export default {
  138. data() {
  139. return {
  140. background: {
  141. backgroundColor: '#ffffff',
  142. },
  143. hhyanm: {
  144. color: '#FFFFFF',
  145. },
  146. }
  147. },
  148. }
  149. </script>
  150. <style lang="scss" scoped>
  151. </style>