follow.vue 1013 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <view>
  3. <u-navbar title="对您感兴趣"></u-navbar>
  4. <view class="jp-follow">
  5. <view class="jp-follow-item" v-for="(item,i) in list" :key="i" @click="ckBtn(item.id)">
  6. <view class="follow-text u-flex">
  7. <u-avatar :src="item.headImage?item.headImage:src" size="60"></u-avatar>
  8. <span>{{item.name}}</span>
  9. </view>
  10. <u-icon name="arrow-right" color="#999" size="24" v-if="item.id"></u-icon>
  11. </view>
  12. <u-loadmore @loadmore="myLoadmore" :status="list.length<recordsTotal?'loadmore':'nomore'" ></u-loadmore>
  13. </view>
  14. </view>
  15. </template>
  16. <script>
  17. import api from './index.js'
  18. export default api;
  19. </script>
  20. <style>
  21. page{
  22. background-color: #f7f7f7;
  23. }
  24. </style>
  25. <style scoped lang="scss">
  26. .jp-follow-item{
  27. background-color: #fff;
  28. display: flex;
  29. justify-content: space-between;
  30. align-items: center;
  31. padding: 30rpx;
  32. border-bottom: 1px solid #f7f7f7;
  33. .follow-text{
  34. span{
  35. margin-left: 20rpx;
  36. font-size: 32rpx;
  37. }
  38. }
  39. }
  40. </style>