diff --git a/pages.json b/pages.json
index 6771a92..16d9686 100644
--- a/pages.json
+++ b/pages.json
@@ -93,7 +93,8 @@
 		{
 			"path": "pages/center/fans",
 			"style": {
-				"navigationBarTitleText": "粉丝列表"
+				"navigationBarTitleText": "粉丝列表",
+				"disableScroll": true
 			}
 		},
 		{
diff --git a/pages/center/fans.vue b/pages/center/fans.vue
index 6dd36aa..622cd24 100644
--- a/pages/center/fans.vue
+++ b/pages/center/fans.vue
@@ -1,50 +1,32 @@
 <template>
 	<view>
 		<view class="bg-white lf-p-t-40 lf-p-b-40 flex justify-around align-center text-center solid-bottom">
-			<view class="lf-font-32" style="width: 50%;border-right: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;" :class="tabIndex ==0?'text-orange':'text-black1'" @click="tabIndex = 0">内部粉丝</view>
-			<view class="lf-font-32" style="width: 50%;" :class="tabIndex ==1?'text-orange':'text-black1'" @click="tabIndex = 1">外部粉丝</view>
+			<view class="tab-item" 
+				:class="current==index?'text-orange':'text-black1'" 
+				v-for="(item, index) in tab_list" :key="index" 
+				@click="current = index">{{ item.name }}
+			</view>
 		</view>
 
-		<block v-if="tabIndex == 0">
-			<scroll-view class="com" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher" @scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
-				<view class="flex lf-p-30 solid-bottom">
-					<view>
-						<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
-					</view>
-					<view class="flex flex-direction justify-around lf-p-l-20">
-						<view class="lf-font-32 text-black1">时空网的内部网友 <text class="bg-red lf-font-24 lf-m-l-10" style="border-radius: 30rpx;padding: 5rpx 16rpx;">达人</text></view>
-						<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
-					</view>
+		<scroll-view :style="{height: 'calc('+ windowHeight +'px - 120rpx)'}"
+			:scroll-y="true" :refresher-enabled="true" 
+			:refresher-triggered="isRefresher" 
+			@scrolltolower="onScrolltolower" 
+			@refresherrefresh="onRefresherrefresh"
+			v-for="(tabItem, tabIndex) in tab_list" :key="tabIndex"
+			v-if="tabIndex == current">
+			<view class="flex lf-p-30 solid-bottom" v-for="(item, index) in tabItem.list" :key="index">
+				<view>
+					<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
 				</view>
-				<!-- 空数据的情况 -->
-				<view class="loading-more">
-					<text v-if="!tab.list.length" :class="{'loading-more-text': tab.loadingClass}">{{ tab.loadingText }}</text>
-					<my-nocontent v-else></my-nocontent>
+				<view class="flex flex-direction justify-around lf-p-l-20">
+					<view class="lf-font-32 text-black1">时空网的内部网友 <text class="bg-red lf-font-24 lf-m-l-10" style="border-radius: 30rpx;padding: 5rpx 16rpx;">达人</text></view>
+					<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
 				</view>
 				<!-- 回到顶部 -->
 				<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
-			</scroll-view>
-		</block>
-		<block v-else>
-			<scroll-view class="com" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher" @scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
-				<view class="flex lf-p-30 solid-bottom">
-					<view>
-						<image src="../../static/center/shop-logo.png" style="height: 120rpx;width: 120rpx;" mode="aspectFill"></image>
-					</view>
-					<view class="flex flex-direction justify-around lf-p-l-20">
-						<view class="lf-font-32 text-black1">时空网的外部网友</view>
-						<view class="lf-font-24 lf-color-gray">2021-7-6 21:32:53</view>
-					</view>
-				</view>
-				<!-- 空数据的情况 -->
-				<view class="loading-more">
-					<text v-if="!tab.list.length" :class="{'loading-more-text': tab.loadingClass}">{{ tab.loadingText }}</text>
-					<my-nocontent v-else></my-nocontent>
-				</view>
-				<!-- 回到顶部 -->
-				<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
-			</scroll-view>
-		</block>
+			</view>
+		</scroll-view>
 	</view>
 </template>
 
@@ -52,13 +34,30 @@
 	export default {
 		data() {
 			return {
-				tabIndex: 0,
+				current: 0, // tab下标
 				pageSize: 10,
 				isRefresher: false, // scroll-view下拉刷新状态，当前默认没有触发
-				page: 1,
-				isPage: false
+				windowHeight: 0,
+				tab_list: [{
+					name: '内部粉丝',
+					list: [1],
+					page: 1,
+					isPage: false,
+					loadingClass: false,
+					loadingText: '已加载全部数据'
+				},{
+					name: '外部粉丝',
+					list: [1,2,3,4,5,6,7,8,9],
+					page: 1,
+					isPage: false,
+					loadingClass: true,
+					loadingText: '正在加载中'
+				}]
 			}
 		},
+		onLoad(){
+			this.windowHeight = uni.getSystemInfoSync().windowHeight;
+		},
 		methods: {
 			// 页面触底，加载下一页
 			onScrolltolower(){
@@ -76,8 +75,13 @@
 	}
 </script>
 
-<style>
-	.com {
-		height: 1300rpx;
+<style lang="scss" scoped>
+	.tab-item{
+		width: 50%;
+		box-sizing: border-box;
+		font-size: 32rpx;
+		&:first-child{
+			border-right: 2rpx solid rgba(0, 0, 0, 0.1);
+		}
 	}
 </style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 415fccc..e3ad49a 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,48 +1,53 @@
 <template>
 	<view class="lf-row-center lf-flex-column">
-		<view class="ctab" v-if="tab_list.length">
-			<u-tabs :list="tab_list" :is-scroll="true" :show-bar="false" :current="current" @change="change"></u-tabs>
-		</view>
-		<swiper :style="{height: 'calc('+ windowHeight +'px - 110rpx)', width: '750rpx'}" :current="current" @change="swiperChange">
-			<swiper-item v-for="(tab, tabIndex) in tab_list" :key="tabIndex">
-				<scroll-view class="com" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher" @scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
-					<view class="lf-row-between list" v-for="(item, index) in tab.list" :key="item.id" @click="toDetail(item)">
-						<view class="left">
-							<image :src="item.cover" mode="aspectFill"></image>
-						</view>
-						<view class="right">
-							<view class="lf-line-2 title">{{ item.name }}</view>
-							<view class="lf-flex tips">
-								<view class="lf-row-between lf-flex-1" v-if="item.specs[0]">
-									<view class="lf-flex">
-										<view class="u-line-progress" v-if="item.specs[0].sold_percent">
-											<u-line-progress :percent="item.specs[0].sold_percent" height="20" :striped="true" active-color="#FE9903" :show-percent="false" inactive-color="#F5F5F5"></u-line-progress>
+		<block v-if="tab_list.length">
+			<view class="ctab">
+				<u-tabs :list="tab_list" :is-scroll="true" :show-bar="false" :current="current" @change="change"></u-tabs>
+			</view>
+			<swiper :style="{height: 'calc('+ windowHeight +'px - 110rpx)', width: '750rpx'}" :current="current" @change="swiperChange">
+				<swiper-item v-for="(tab, tabIndex) in tab_list" :key="tabIndex">
+					<scroll-view class="com" :scroll-y="true" :refresher-enabled="true" :refresher-triggered="isRefresher" @scrolltolower="onScrolltolower" @refresherrefresh="onRefresherrefresh">
+						<view class="lf-row-between list" v-for="(item, index) in tab.list" :key="item.id" @click="toDetail(item)">
+							<view class="left">
+								<image :src="item.cover" mode="aspectFill"></image>
+							</view>
+							<view class="right">
+								<view class="lf-line-2 title">{{ item.name }}</view>
+								<view class="lf-flex tips">
+									<view class="lf-row-between lf-flex-1" v-if="item.specs[0]">
+										<view class="lf-flex">
+											<view class="u-line-progress" v-if="item.specs[0].sold_percent">
+												<u-line-progress :percent="item.specs[0].sold_percent" height="20" :striped="true" active-color="#FE9903" :show-percent="false" inactive-color="#F5F5F5"></u-line-progress>
+											</view>
+											<text class="progress lf-m-r-10">{{ item.specs[0].sold_percent_text }}</text>
+										</view>
+										<view>
+											<text class="bought">{{ item.specs[0].sold_stock_text }}</text>
 										</view>
-										<text class="progress lf-m-r-10">{{ item.specs[0].sold_percent_text }}</text>
-									</view>
-									<view>
-										<text class="bought">{{ item.specs[0].sold_stock_text }}</text>
 									</view>
 								</view>
+								<view class="lf-row-between price">
+									<lf-price :price="item.specs[0].selling_price" v-if="item.specs[0]"></lf-price>
+									<text class="lf-font-24 original-price" v-if="item.specs[0]">￥{{ item.specs[0].original_price }}</text>
+									<text v-else></text>
+									<button>立即抢购</button>
+								</view>
 							</view>
-							<view class="lf-row-between price">
-								<lf-price :price="item.specs[0].selling_price" v-if="item.specs[0]"></lf-price>
-								<text class="lf-font-24 original-price" v-if="item.specs[0]">￥{{ item.specs[0].original_price }}</text>
-								<text v-else></text>
-								<button>立即抢购</button>
-							</view>
 						</view>
-					</view>
-					<!-- 空数据的情况 -->
-					<view class="loading-more">
-						<text v-if="tab.list.length" :class="{'loading-more-text': tab.loadingClass}">{{ tab.loadingText }}</text>
-						<my-nocontent v-else></my-nocontent>
-					</view>
-					<!-- 回到顶部 -->
-					<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
-				</scroll-view>
-			</swiper-item>
-		</swiper>
+						<!-- 空数据的情况 -->
+						<view class="loading-more">
+							<text v-if="tab.list.length" :class="{'loading-more-text': tab.loadingClass}">{{ tab.loadingText }}</text>
+							<my-nocontent v-else></my-nocontent>
+						</view>
+						<!-- 回到顶部 -->
+						<u-back-top :scroll-top="pageScrollTop" :custom-style="{background: 'rgba(51, 51 51, 0.3)'}"></u-back-top>
+					</scroll-view>
+				</swiper-item>
+			</swiper>
+		</block>
+		<block v-else>
+			<my-nocontent></my-nocontent>
+		</block>
 	</view>
 </template>