<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>