friendsList.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view>
  3. <bgNavBar title="我的好友"></bgNavBar>
  4. <u-sticky bgColor="#fff">
  5. <view class="tabs">
  6. <u-tabs :scrollable="false" lineColor="#FF6600" lineWidth="27" lineHeight="3" :activeStyle="activeStyle"
  7. :itemStyle="itemStyle" style="height: 80rpx;" :current="current" :list="list1" @click="click"></u-tabs>
  8. </view>
  9. </u-sticky>
  10. <followList></followList>
  11. <fansList></fansList>
  12. </view>
  13. </template>
  14. <script>
  15. import bgNavBar from "./components/bgNavBar.vue"
  16. import followList from "./components/followList.vue"
  17. import fansList from "./components/fansList.vue"
  18. export default {
  19. components: {
  20. bgNavBar,
  21. followList,
  22. fansList
  23. },
  24. data() {
  25. return {
  26. current: 0,
  27. list1: [{
  28. name: '关注',
  29. }, {
  30. name: '粉丝',
  31. }],
  32. activeStyle: {
  33. fontWeight: '600',
  34. color: '#FF6600'
  35. },
  36. itemStyle: {
  37. fontFamily: 'MiSans',
  38. fontWeight: '400',
  39. color: '#333333',
  40. height: '80rpx'
  41. }
  42. }
  43. },
  44. methods: {
  45. }
  46. }
  47. </script>
  48. <style scoped lang="scss">
  49. .tabs {
  50. padding: 0 20vw;
  51. border-bottom: 1rpx solid #EEEEEE;
  52. }
  53. </style>