InvitationList.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template>
  2. <view class="InvitationList">
  3. <view class="listBox" v-for="(item,i) in list" :key="i">
  4. <view class="index">
  5. {{i+1}}
  6. </view>
  7. <image :src="item.userDO.avatar" mode="" class="img"></image>
  8. <view class="" class="name">
  9. {{item.userDO.nickname}}
  10. </view>
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. export default {
  16. data() {
  17. return {
  18. list: []
  19. };
  20. },
  21. methods: {
  22. listin() {
  23. let that=this
  24. that.$api.request('get','invitationList', failres => {
  25. that.logining = false
  26. that.$api.msg(failres.msg)
  27. }).then(res => {
  28. this.list=res.data
  29. })
  30. }
  31. },
  32. mounted() {
  33. this.listin()
  34. }
  35. }
  36. </script>
  37. <style lang="scss" scoped>
  38. .InvitationList{
  39. min-height: 100vh;
  40. background-color: #F6F5FA;
  41. width: 100%;
  42. color: #1B1C33;
  43. font-size: 32rpx;
  44. .listBox{
  45. display: flex;
  46. align-items: center;
  47. padding-left: 15px;
  48. background-color: #fff;
  49. width: 100%;
  50. border-top: 1px solid #F6F5FA;
  51. padding: 14rpx 30rpx;
  52. .index{
  53. }
  54. .img{
  55. width: 35px;
  56. height: 35px;
  57. border-radius: 50%;
  58. margin: 0 47px 0 37px;
  59. }
  60. .name{
  61. }
  62. }
  63. }
  64. </style>