my.vue 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <template>
  2. <view class="yywegg">
  3. <u-navbar :is-back="false" :border-bottom="false" :background="background">
  4. <view style="width: 100%;">
  5. </view>
  6. </u-navbar>
  7. <view class="">
  8. <view class="fzctob mywoddt" >
  9. <image src="/static/lecturer/le01.png" style="width: 152rpx;height: 152rpx;border-radius:160rpx;min-width:152rpx;margin-right: 24rpx;" mode=""></image>
  10. <view class="flztoa" style="width: 100%;">
  11. <view class="fsxto">
  12. <text class="letxtfy">一只小雯子</text>
  13. <text class="myddrttx">我的签名</text>
  14. </view>
  15. <view class="fzddrew letxtfyb">
  16. <image src="/static/lecturer/le02.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
  17. <text>切换身份</text>
  18. </view>
  19. </view>
  20. </view>
  21. <!-- <view class="flztoa lebkty">
  22. <navigator class="fzddrew" style="width: 25%;" url="../user/us-wdgz" hover-class="none">
  23. <text>100</text>
  24. <text class="leshurt">关注</text>
  25. </navigator>
  26. <view class="leshuxd"></view>
  27. <navigator class="fzddrew" style="width: 25%;" url="../user/us-wdsc" hover-class="none">
  28. <text>100</text>
  29. <text class="leshurt">收藏</text>
  30. </navigator>
  31. </view> -->
  32. </view>
  33. <view class="leybbaw">
  34. <navigator class="flztoa lelbyyr" url="../user/us-wdcp" hover-class="none">
  35. <text>我的测评</text>
  36. <image src="/static/lecturer/le03.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
  37. </navigator>
  38. <view class="lehettnn"></view>
  39. <navigator class="flztoa lelbyyr" url="../user/us-wdxuexi" hover-class="none">
  40. <text>我的学习</text>
  41. <image src="/static/lecturer/le03.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
  42. </navigator>
  43. <view class="lehettnn"></view>
  44. <!-- <navigator class="flztoa lelbyyr" url="../user/us-wdxuexi" hover-class="none">
  45. <text>我的咨询</text>
  46. <image src="/static/lecturer/le03.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
  47. </navigator>
  48. <view class="lehettnn"></view>
  49. <navigator class="flztoa lelbyyr" url="../index/wdjh" hover-class="none">
  50. <text>我的解惑</text>
  51. <image src="/static/lecturer/le03.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
  52. </navigator>
  53. <view class="lehettnn"></view> -->
  54. <!-- <navigator class="flztoa lelbyyr" url="../user/us-wdhd" hover-class="none">
  55. <text>我的活动</text>
  56. <image src="/static/lecturer/le03.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
  57. </navigator> -->
  58. <view class="lehettnn"></view>
  59. <!--
  60. <navigator class="flztoa lelbyyr" url="../user/us-kcdd" hover-class="none">
  61. <text>课程订单</text>
  62. <image src="/static/lecturer/le03.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
  63. </navigator>
  64. </view> -->
  65. <!-- <view class="leybbaw">
  66. <view class="flztoa lelbyyr" @click="show = true" >
  67. <text>邀请</text>
  68. <image src="/static/lecturer/le03.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
  69. </view>
  70. </view>
  71. -->
  72. <u-popup v-model="show" mode="center">
  73. <view class="wdcjeer">
  74. <view class="wddvbh">
  75. <image src="/static/lecturer/le01.png" class="wddimg" mode=""></image>
  76. <text class="wddvbhtxt">铁蛋的修仙之路</text>
  77. <view class="fzctob kcwwerrt" style="margin-top: 10rpx;">
  78. <text>心里咨询</text>
  79. <text>心里咨询</text>
  80. <text>心里咨询</text>
  81. </view>
  82. </view>
  83. <view class="" style="height: 170rpx;"></view>
  84. <view class="wddbwwt">
  85. <view class="wdbhgt">
  86. <image src="/static/lecturer/le01.png" style="width: 318rpx;height: 318rpx;" mode=""></image>
  87. </view>
  88. <text class="wdbhddn">分享二维码</text>
  89. </view>
  90. <view class="wddvbhyu">
  91. <image src="/static/my/myq1.png" style="width: 128rpx;height: 128rpx;" mode=""></image>
  92. <image src="/static/my/myq2.png" style="width: 128rpx;height: 128rpx;" mode=""></image>
  93. <image src="/static/my/myq3.png" style="width: 128rpx;height: 128rpx;" mode=""></image>
  94. </view>
  95. </view>
  96. </u-popup>
  97. <view style="height: 120rpx;"></view>
  98. <view class="dibuboot">
  99. <navigator class="dibubootlb" url="../index/index" open-type="redirect" hover-class="none">
  100. <image src="/static/dibu/boa1.png" style="width: 48rpx;height: 48rpx;"></image>
  101. <text>首页</text>
  102. </navigator>
  103. <!-- <navigator class="dibubootlb" url="../user/khzx" open-type="redirect" hover-class="none">
  104. <image src="/static/dibu/boa2.png" style="width: 48rpx;height: 48rpx;"></image>
  105. <text>咨询</text>
  106. </navigator>
  107. <navigator class="dibubootlb" url="../user/us-jiehuo" open-type="redirect" hover-class="none">
  108. <image src="/static/dibu/boa3.png" style="width: 48rpx;height: 48rpx;"></image>
  109. <text>解惑</text>
  110. </navigator> -->
  111. <navigator class="dibubootlb" url="../user/my" open-type="redirect" hover-class="none">
  112. <image src="/static/dibu/bob4.png" style="width: 48rpx;height: 48rpx;"></image>
  113. <text style="color: #374B6E">我的</text>
  114. </navigator>
  115. </view>
  116. </view>
  117. </template>
  118. <style>
  119. page {
  120. background: #FAFAFA;
  121. }
  122. </style>
  123. <script>
  124. export default {
  125. data() {
  126. return {
  127. show: false,
  128. background: {
  129. backgroundColor: '#374B6E',
  130. },
  131. }
  132. },
  133. }
  134. </script>
  135. <style lang="scss" scoped>
  136. .myddrttx{
  137. font-size: 28rpx;
  138. font-weight: 400;
  139. color: #FAFAFA;
  140. line-height: 40rpx;
  141. }
  142. </style>