jiedian.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <template>
  2. <view class="contant">
  3. <view class="jiedian-box" v-for="(item,index) in jieList" @click="navTo(item.id)">
  4. <view class="box">
  5. <view class="box-title">
  6. <text>用户ID</text>
  7. {{item.id}}
  8. </view>
  9. <view class="box-content">
  10. <text>团队人数</text>
  11. {{item.children_num}}
  12. </view>
  13. <view class="box-bottom">
  14. <text>收益</text>
  15. {{item.get}}
  16. </view>
  17. </view>
  18. <view class="img">
  19. <image src="../../static/tabBar/tab-home.png" mode="" ></image>
  20. </view>
  21. </view>
  22. </view>
  23. </template>
  24. <script>
  25. import {lookSubpoints, lookOneself } from '../../api/user.js'
  26. export default {
  27. data() {
  28. return {
  29. jieList:[]
  30. };
  31. },
  32. onLoad() {
  33. this.lookMyjiedian()
  34. },
  35. onShow() {
  36. this.lookMyjiedian()
  37. },
  38. methods:{
  39. lookMyjiedian(){
  40. let obj = this
  41. lookOneself().then(res=>{
  42. console.log(res);
  43. obj.jieList = res.data.points.map(e =>{
  44. return e
  45. })
  46. console.log(obj.jieList,'2222222');
  47. })
  48. },
  49. navTo(id){
  50. uni.navigateTo({
  51. url:'./jiedianDetails?id='+id
  52. })
  53. }
  54. }
  55. }
  56. </script>
  57. <style lang="scss">
  58. .jiedian-box{
  59. display: flex;
  60. justify-content: space-between;
  61. margin: 30rpx ;
  62. }
  63. .img{
  64. width: 50rpx;
  65. height: 50rpx
  66. ;
  67. image{
  68. width: 100%;
  69. height: 100%;
  70. }
  71. }
  72. </style>