1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <template>
- <view>
- <bgNavBar title="我的好友"></bgNavBar>
- <u-sticky bgColor="#fff">
- <view class="tabs">
- <u-tabs :scrollable="false" lineColor="#FF6600" lineWidth="27" lineHeight="3" :activeStyle="activeStyle"
- :itemStyle="itemStyle" style="height: 80rpx;" :current="current" :list="list1" @click="click"></u-tabs>
- </view>
- </u-sticky>
- <followList></followList>
- <fansList></fansList>
- </view>
- </template>
- <script>
- import bgNavBar from "./components/bgNavBar.vue"
- import followList from "./components/followList.vue"
- import fansList from "./components/fansList.vue"
- export default {
- components: {
- bgNavBar,
- followList,
- fansList
- },
- data() {
- return {
- current: 0,
- list1: [{
- name: '关注',
- }, {
- name: '粉丝',
- }],
- activeStyle: {
- fontWeight: '600',
- color: '#FF6600'
- },
- itemStyle: {
- fontFamily: 'MiSans',
- fontWeight: '400',
- color: '#333333',
- height: '80rpx'
- }
- }
- },
- methods: {
-
- }
- }
- </script>
- <style scoped lang="scss">
- .tabs {
- padding: 0 20vw;
- border-bottom: 1rpx solid #EEEEEE;
- }
- </style>
|