<template>
	<view class="page">
		<view class="tabs">
			<view class="tab active">关注</view>
			<view class="tab">粉丝</view>
		</view>
		
		<view class="follow-list">
			<view class="follow-item" v-for="(item, index) in followList" :key="index">
				<image class="avatar" :src="item.avatar" mode="aspectFill"></image>
				<view class="info">
					<view class="name">{{item.name}}</view>
					<view class="desc">{{item.description}}</view>
				</view>
				<button class="unfollow-btn">取消关注</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				followList: [
					{
						avatar: '/static/demo/avatar1.jpg',
						name: '冷落',
						description: 'AI设计师'
					},
					{
						avatar: '/static/demo/avatar2.jpg',
						name: '雾里',
						description: '感谢你的关注，远方的陌生人'
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	@import 'follow.scss';
</style>