<template>
	<view class="container-body">
		<view class="es-pt-24 es-pb-24 es-pl-30 es-pr-30">
			<u-search searchIcon="/static/images/other/course/search.png" searchIconSize="15" placeholder="日照香炉生紫烟"
				v-model="keyword" :showAction="false" height="70rpx" bgColor="#FAFAFA"
				placeholderColor="#B4B4B4"></u-search>
		</view>
		<view class="x-f es-center es-pl-24 es-pr-24 es-pt-10 es-pb-10">
			<view><text class="title">我的关注</text><text class="desc es-ml-17">35人</text></view>
			<view>
				<view class="desc es-fs-28 x-c" style="color: #666;"><u-icon name="list" color="#999" size="18"
						class="es-mr-10"></u-icon>最常访问</view>
			</view>
		</view>
		<view>
			<listItem type="follow" :isFollow="true"></listItem>
		</view>
	</view>
</template>

<script>
	import listItem from "./listItem.vue"
	export default {
		components: {
			listItem
		},
		data() {
			return {
				keyword: ""
			}
		},
		methods: {
			click(item) {
				console.log('item', item);
			}
		}
	}
</script>

<style scoped lang="scss">
	.container-body {
		position: relative;
		background-color: #fff;
		font-family: MiSans;
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
	
		.title {
			font-weight: 600;
		}
	
		.desc {
			font-size: 24rpx;
			color: #999999;
		}
	}
</style>