diff --git a/manifest.json b/manifest.json
index 648ba9a..2b4ead1 100644
--- a/manifest.json
+++ b/manifest.json
@@ -44,7 +44,7 @@
     /* 快应用特有相关 */
     "mp-weixin" : {
         /* 小程序特有相关 */
-        "appid" : "",
+        "appid" : "wx8d102130278c8346",
         "setting" : {
             "urlCheck" : false
         },
diff --git a/pages.json b/pages.json
index 27973fb..d929432 100644
--- a/pages.json
+++ b/pages.json
@@ -1,17 +1,57 @@
 {
-	"pages": [{
-		"path": "pages/index/index",
-		"style": {
-			"navigationBarTitleText": "uni-app"
-		}
-	}],
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "首页",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/profit/index",
+			"style": {
+				"navigationBarTitleText": "收益",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/userInfo/index",
+			"style": {
+				"navigationBarTitleText": "我的",
+				"enablePullDownRefresh": false
+			}
+		} 
+	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
+		"navigationBarTitleText": "bnyer",
 		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8"
+	},
+	//底部跳转tab
+	"tabBar": {
+		"color": "#7A7E83",
+		"selectedColor": "#1296DB",
+		"borderStyle": "black",
 		"backgroundColor": "#F8F8F8",
-		"app-plus": {
-			"background": "#efeff4"
-		}
+		"list": [{
+				"pagePath": "pages/index/index",
+				"iconPath": "static/index-default.png",
+				"selectedIconPath": "static/index-select.png",
+				"text": "首页"
+			},
+			{
+				"pagePath": "pages/profit/index",
+				"iconPath": "static/theme-default.png",
+				"selectedIconPath": "static/theme-select.png",
+				"text": "收益"
+			},
+			{
+				"pagePath": "pages/userInfo/index",
+				"iconPath": "static/mine-default.png",
+				"selectedIconPath": "static/mine-select.png",
+				"text": "我的"
+			}
+		]
 	}
 }
diff --git a/pages/profit/index.vue b/pages/profit/index.vue
new file mode 100644
index 0000000..8c03e21
--- /dev/null
+++ b/pages/profit/index.vue
@@ -0,0 +1,204 @@
+<template>
+	<view class="container">
+		<!-- <view v-if="!showChoiceness">
+			<view class="top">
+				<image class="back-img" src="../../static/img/start.gif" mode=""></image>
+				<view class="top-bottom">
+				</view>
+				<uni-search-bar class="uni-mt-10" placeholder="请输入喜欢的艺术家代号吧~" clearButton="auto" cancelButton="none"
+					@confirm="search" />
+				<text>热门艺术家</text>
+				<view class="user-list">
+					<view class="user-list-box" v-for="(item,index) in hotCreatorList" :key='item.id'
+						@click="goCreatorDetail(item.scanCode)">
+						<image :src="item.img" mode=""></image>
+						<text>{{item.scanCode}}</text>
+					</view>
+				</view>
+			</view>
+			<view class="middle">
+				<text>近期精选</text>
+				<image src="../../static/img/slide-top.svg" mode=""></image>
+			</view>
+		</view>
+		<Choiceness v-else></Choiceness> -->
+	</view>
+</template>
+
+<script>
+	import {
+		loginWx
+	} from '@/api/index.js'
+	export default {
+		data() {
+			return {
+				hotCreatorList: [],
+				isTarget: true,
+				showChoiceness:false
+			}
+		},
+		// 下拉刷新
+		onPullDownRefresh() {
+			this.showChoiceness = false
+			uni.stopPullDownRefresh()
+		},
+		created() {
+			const userInfo = uni.getStorageSync('userInfo')
+			if (!userInfo) {
+				console.log('havent userInfo')
+				this.getUserInfo()
+			} else {
+				console.log('have userInfo')
+			}
+		},
+		onPageScroll(e) {
+			// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件
+
+			if (e.scrollTop > 160) {
+				this.showChoiceness = true
+				// uni.redirectTo({
+				// 	url: '../index/choiceness'
+				// })
+			}
+		},
+		methods: {
+			// 搜索
+			search(res) {
+				if (res.value) {
+					console.log('search', res.value)
+					this.goCreatorDetail(res.value)
+				} else {
+					uni.showToast({
+						title: '请输入艺术家代号',
+						icon: 'none'
+					})
+				}
+
+			},
+			// 获取用户信息
+			getUserInfo() {
+				wx.login({
+					force: true,
+					success: res => {
+						wx.getUserInfo({
+							withCredentials: true,
+							success: userInfo => {
+								const params = {
+									code: res.code,
+									encryptedData: userInfo.encryptedData,
+									iv: userInfo.iv
+								}
+								// 用户授权登录
+								console.log('params',params);
+								loginWx(params).then(res => {
+									if (res.data.code === 200) {
+										uni.setStorage({
+											key: 'userInfo',
+											data: res.data.data.userInfo, 
+										})
+									} else {
+										uni.showToast({
+											title: res.data.msg,
+											icon: 'none'
+										})
+									}
+								}).catch(res => {})
+								console.log(`getUserInfo 调用成功`, userInfo);
+							},
+							fail(userInfo) {
+								console.log(`getUserInfo 调用失败`);
+							},
+						});
+					},
+					fail(res) {
+						console.log(`login 调用失败`);
+					},
+				});
+
+			},
+			
+			
+			// 滚动监听
+			handleScroll() {
+				let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+				console.log(scrollTop)
+			},
+		},
+	}
+</script>
+
+<style lang="less">
+	.container {
+		.top {
+			width: 100vw;
+
+			image {
+				width: 100vw;
+				height: 400rpx;
+			}
+
+			.uni-searchbar {
+				border: 1px solid #11A8FD;
+				margin: 0 40rpx;
+				border-radius: 16rpx;
+				padding: 0;
+
+				.uni-searchbar__box {
+					padding: 0;
+					border-radius: 16rpx !important;
+				}
+			}
+
+			>text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+				text-align: center;
+				padding-top: 40rpx;
+				padding-bottom: 20rpx;
+			}
+
+			.user-list {
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+				overflow-x: auto;
+
+				.user-list-box {
+					width: 140rpx;
+					padding: 20rpx;
+					text-align: center;
+
+					image {
+						width: 100rpx;
+						height: 100rpx;
+						border-radius: 100rpx;
+					}
+
+					text {
+						font-size: 24rpx;
+						color: #1E1E1E;
+						text-align: center;
+					}
+				}
+			}
+		}
+
+		.middle {
+			text-align: center;
+			height: calc(100vh - 248rpx);
+			padding-top: 40rpx;
+
+			text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>
diff --git a/pages/userInfo/about/about.vue b/pages/userInfo/about/about.vue
new file mode 100644
index 0000000..171f8b6
--- /dev/null
+++ b/pages/userInfo/about/about.vue
@@ -0,0 +1,180 @@
+<template>
+	<view class="container">
+		我是关于页面
+	</view>
+</template>
+
+<script>
+	// export default {
+	// 	data() {
+	// 		return {
+	// 			hotCreatorList: [],
+	// 			isTarget: true,
+	// 			showChoiceness:false
+	// 		}
+	// 	},
+	// 	// 下拉刷新
+	// 	onPullDownRefresh() {
+	// 		this.showChoiceness = false
+	// 		uni.stopPullDownRefresh()
+	// 	},
+	// 	created() {
+	// 		const userInfo = uni.getStorageSync('userInfo')
+	// 		if (!userInfo) {
+	// 			console.log('havent userInfo')
+	// 			this.getUserInfo()
+	// 		} else {
+	// 			console.log('have userInfo')
+	// 		}
+	// 	},
+	// 	onPageScroll(e) {
+	// 		// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件
+
+	// 		if (e.scrollTop > 160) {
+	// 			this.showChoiceness = true
+	// 			// uni.redirectTo({
+	// 			// 	url: '../index/choiceness'
+	// 			// })
+	// 		}
+	// 	},
+	// 	methods: {
+	// 		// 搜索
+	// 		search(res) {
+	// 			if (res.value) {
+	// 				console.log('search', res.value)
+	// 				this.goCreatorDetail(res.value)
+	// 			} else {
+	// 				uni.showToast({
+	// 					title: '请输入艺术家代号',
+	// 					icon: 'none'
+	// 				})
+	// 			}
+
+	// 		},
+	// 		// 获取用户信息
+	// 		getUserInfo() {
+	// 			wx.login({
+	// 				force: true,
+	// 				success: res => {
+	// 					wx.getUserInfo({
+	// 						withCredentials: true,
+	// 						success: userInfo => {
+	// 							const params = {
+	// 								code: res.code,
+	// 								encryptedData: userInfo.encryptedData,
+	// 								iv: userInfo.iv
+	// 							}
+	// 							// 用户授权登录
+	// 							console.log('params',params);
+	// 							loginWx(params).then(res => {
+	// 								if (res.data.code === 200) {
+	// 									uni.setStorage({
+	// 										key: 'userInfo',
+	// 										data: res.data.data.userInfo, 
+	// 									})
+	// 								} else {
+	// 									uni.showToast({
+	// 										title: res.data.msg,
+	// 										icon: 'none'
+	// 									})
+	// 								}
+	// 							}).catch(res => {})
+	// 							console.log(`getUserInfo 调用成功`, userInfo);
+	// 						},
+	// 						fail(userInfo) {
+	// 							console.log(`getUserInfo 调用失败`);
+	// 						},
+	// 					});
+	// 				},
+	// 				fail(res) {
+	// 					console.log(`login 调用失败`);
+	// 				},
+	// 			});
+
+	// 		},
+			
+			
+	// 		// 滚动监听
+	// 		handleScroll() {
+	// 			let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+	// 			console.log(scrollTop)
+	// 		},
+	// 	},
+	// }
+</script>
+
+<style lang="less">
+	.container {
+		.top {
+			width: 100vw;
+
+			image {
+				width: 100vw;
+				height: 400rpx;
+			}
+
+			.uni-searchbar {
+				border: 1px solid #11A8FD;
+				margin: 0 40rpx;
+				border-radius: 16rpx;
+				padding: 0;
+
+				.uni-searchbar__box {
+					padding: 0;
+					border-radius: 16rpx !important;
+				}
+			}
+
+			>text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+				text-align: center;
+				padding-top: 40rpx;
+				padding-bottom: 20rpx;
+			}
+
+			.user-list {
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+				overflow-x: auto;
+
+				.user-list-box {
+					width: 140rpx;
+					padding: 20rpx;
+					text-align: center;
+
+					image {
+						width: 100rpx;
+						height: 100rpx;
+						border-radius: 100rpx;
+					}
+
+					text {
+						font-size: 24rpx;
+						color: #1E1E1E;
+						text-align: center;
+					}
+				}
+			}
+		}
+
+		.middle {
+			text-align: center;
+			height: calc(100vh - 248rpx);
+			padding-top: 40rpx;
+
+			text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>
diff --git a/pages/userInfo/contact/contact.vue b/pages/userInfo/contact/contact.vue
new file mode 100644
index 0000000..507f695
--- /dev/null
+++ b/pages/userInfo/contact/contact.vue
@@ -0,0 +1,180 @@
+<template>
+	<view class="container">
+		我是联系客服页面
+	</view>
+</template>
+
+<script>
+	// export default {
+	// 	data() {
+	// 		return {
+	// 			hotCreatorList: [],
+	// 			isTarget: true,
+	// 			showChoiceness:false
+	// 		}
+	// 	},
+	// 	// 下拉刷新
+	// 	onPullDownRefresh() {
+	// 		this.showChoiceness = false
+	// 		uni.stopPullDownRefresh()
+	// 	},
+	// 	created() {
+	// 		const userInfo = uni.getStorageSync('userInfo')
+	// 		if (!userInfo) {
+	// 			console.log('havent userInfo')
+	// 			this.getUserInfo()
+	// 		} else {
+	// 			console.log('have userInfo')
+	// 		}
+	// 	},
+	// 	onPageScroll(e) {
+	// 		// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件
+
+	// 		if (e.scrollTop > 160) {
+	// 			this.showChoiceness = true
+	// 			// uni.redirectTo({
+	// 			// 	url: '../index/choiceness'
+	// 			// })
+	// 		}
+	// 	},
+	// 	methods: {
+	// 		// 搜索
+	// 		search(res) {
+	// 			if (res.value) {
+	// 				console.log('search', res.value)
+	// 				this.goCreatorDetail(res.value)
+	// 			} else {
+	// 				uni.showToast({
+	// 					title: '请输入艺术家代号',
+	// 					icon: 'none'
+	// 				})
+	// 			}
+
+	// 		},
+	// 		// 获取用户信息
+	// 		getUserInfo() {
+	// 			wx.login({
+	// 				force: true,
+	// 				success: res => {
+	// 					wx.getUserInfo({
+	// 						withCredentials: true,
+	// 						success: userInfo => {
+	// 							const params = {
+	// 								code: res.code,
+	// 								encryptedData: userInfo.encryptedData,
+	// 								iv: userInfo.iv
+	// 							}
+	// 							// 用户授权登录
+	// 							console.log('params',params);
+	// 							loginWx(params).then(res => {
+	// 								if (res.data.code === 200) {
+	// 									uni.setStorage({
+	// 										key: 'userInfo',
+	// 										data: res.data.data.userInfo, 
+	// 									})
+	// 								} else {
+	// 									uni.showToast({
+	// 										title: res.data.msg,
+	// 										icon: 'none'
+	// 									})
+	// 								}
+	// 							}).catch(res => {})
+	// 							console.log(`getUserInfo 调用成功`, userInfo);
+	// 						},
+	// 						fail(userInfo) {
+	// 							console.log(`getUserInfo 调用失败`);
+	// 						},
+	// 					});
+	// 				},
+	// 				fail(res) {
+	// 					console.log(`login 调用失败`);
+	// 				},
+	// 			});
+
+	// 		},
+			
+			
+	// 		// 滚动监听
+	// 		handleScroll() {
+	// 			let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+	// 			console.log(scrollTop)
+	// 		},
+	// 	},
+	// }
+</script>
+
+<style lang="less">
+	.container {
+		.top {
+			width: 100vw;
+
+			image {
+				width: 100vw;
+				height: 400rpx;
+			}
+
+			.uni-searchbar {
+				border: 1px solid #11A8FD;
+				margin: 0 40rpx;
+				border-radius: 16rpx;
+				padding: 0;
+
+				.uni-searchbar__box {
+					padding: 0;
+					border-radius: 16rpx !important;
+				}
+			}
+
+			>text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+				text-align: center;
+				padding-top: 40rpx;
+				padding-bottom: 20rpx;
+			}
+
+			.user-list {
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+				overflow-x: auto;
+
+				.user-list-box {
+					width: 140rpx;
+					padding: 20rpx;
+					text-align: center;
+
+					image {
+						width: 100rpx;
+						height: 100rpx;
+						border-radius: 100rpx;
+					}
+
+					text {
+						font-size: 24rpx;
+						color: #1E1E1E;
+						text-align: center;
+					}
+				}
+			}
+		}
+
+		.middle {
+			text-align: center;
+			height: calc(100vh - 248rpx);
+			padding-top: 40rpx;
+
+			text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>
diff --git a/pages/userInfo/extends/extends.vue b/pages/userInfo/extends/extends.vue
new file mode 100644
index 0000000..4da1b69
--- /dev/null
+++ b/pages/userInfo/extends/extends.vue
@@ -0,0 +1,180 @@
+<template>
+	<view class="container">
+		我是邀请更多页面
+	</view>
+</template>
+
+<script>
+	// export default {
+	// 	data() {
+	// 		return {
+	// 			hotCreatorList: [],
+	// 			isTarget: true,
+	// 			showChoiceness:false
+	// 		}
+	// 	},
+	// 	// 下拉刷新
+	// 	onPullDownRefresh() {
+	// 		this.showChoiceness = false
+	// 		uni.stopPullDownRefresh()
+	// 	},
+	// 	created() {
+	// 		const userInfo = uni.getStorageSync('userInfo')
+	// 		if (!userInfo) {
+	// 			console.log('havent userInfo')
+	// 			this.getUserInfo()
+	// 		} else {
+	// 			console.log('have userInfo')
+	// 		}
+	// 	},
+	// 	onPageScroll(e) {
+	// 		// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件
+
+	// 		if (e.scrollTop > 160) {
+	// 			this.showChoiceness = true
+	// 			// uni.redirectTo({
+	// 			// 	url: '../index/choiceness'
+	// 			// })
+	// 		}
+	// 	},
+	// 	methods: {
+	// 		// 搜索
+	// 		search(res) {
+	// 			if (res.value) {
+	// 				console.log('search', res.value)
+	// 				this.goCreatorDetail(res.value)
+	// 			} else {
+	// 				uni.showToast({
+	// 					title: '请输入艺术家代号',
+	// 					icon: 'none'
+	// 				})
+	// 			}
+
+	// 		},
+	// 		// 获取用户信息
+	// 		getUserInfo() {
+	// 			wx.login({
+	// 				force: true,
+	// 				success: res => {
+	// 					wx.getUserInfo({
+	// 						withCredentials: true,
+	// 						success: userInfo => {
+	// 							const params = {
+	// 								code: res.code,
+	// 								encryptedData: userInfo.encryptedData,
+	// 								iv: userInfo.iv
+	// 							}
+	// 							// 用户授权登录
+	// 							console.log('params',params);
+	// 							loginWx(params).then(res => {
+	// 								if (res.data.code === 200) {
+	// 									uni.setStorage({
+	// 										key: 'userInfo',
+	// 										data: res.data.data.userInfo, 
+	// 									})
+	// 								} else {
+	// 									uni.showToast({
+	// 										title: res.data.msg,
+	// 										icon: 'none'
+	// 									})
+	// 								}
+	// 							}).catch(res => {})
+	// 							console.log(`getUserInfo 调用成功`, userInfo);
+	// 						},
+	// 						fail(userInfo) {
+	// 							console.log(`getUserInfo 调用失败`);
+	// 						},
+	// 					});
+	// 				},
+	// 				fail(res) {
+	// 					console.log(`login 调用失败`);
+	// 				},
+	// 			});
+
+	// 		},
+			
+			
+	// 		// 滚动监听
+	// 		handleScroll() {
+	// 			let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+	// 			console.log(scrollTop)
+	// 		},
+	// 	},
+	// }
+</script>
+
+<style lang="less">
+	.container {
+		.top {
+			width: 100vw;
+
+			image {
+				width: 100vw;
+				height: 400rpx;
+			}
+
+			.uni-searchbar {
+				border: 1px solid #11A8FD;
+				margin: 0 40rpx;
+				border-radius: 16rpx;
+				padding: 0;
+
+				.uni-searchbar__box {
+					padding: 0;
+					border-radius: 16rpx !important;
+				}
+			}
+
+			>text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+				text-align: center;
+				padding-top: 40rpx;
+				padding-bottom: 20rpx;
+			}
+
+			.user-list {
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+				overflow-x: auto;
+
+				.user-list-box {
+					width: 140rpx;
+					padding: 20rpx;
+					text-align: center;
+
+					image {
+						width: 100rpx;
+						height: 100rpx;
+						border-radius: 100rpx;
+					}
+
+					text {
+						font-size: 24rpx;
+						color: #1E1E1E;
+						text-align: center;
+					}
+				}
+			}
+		}
+
+		.middle {
+			text-align: center;
+			height: calc(100vh - 248rpx);
+			padding-top: 40rpx;
+
+			text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>
diff --git a/pages/userInfo/index.vue b/pages/userInfo/index.vue
new file mode 100644
index 0000000..8c03e21
--- /dev/null
+++ b/pages/userInfo/index.vue
@@ -0,0 +1,204 @@
+<template>
+	<view class="container">
+		<!-- <view v-if="!showChoiceness">
+			<view class="top">
+				<image class="back-img" src="../../static/img/start.gif" mode=""></image>
+				<view class="top-bottom">
+				</view>
+				<uni-search-bar class="uni-mt-10" placeholder="请输入喜欢的艺术家代号吧~" clearButton="auto" cancelButton="none"
+					@confirm="search" />
+				<text>热门艺术家</text>
+				<view class="user-list">
+					<view class="user-list-box" v-for="(item,index) in hotCreatorList" :key='item.id'
+						@click="goCreatorDetail(item.scanCode)">
+						<image :src="item.img" mode=""></image>
+						<text>{{item.scanCode}}</text>
+					</view>
+				</view>
+			</view>
+			<view class="middle">
+				<text>近期精选</text>
+				<image src="../../static/img/slide-top.svg" mode=""></image>
+			</view>
+		</view>
+		<Choiceness v-else></Choiceness> -->
+	</view>
+</template>
+
+<script>
+	import {
+		loginWx
+	} from '@/api/index.js'
+	export default {
+		data() {
+			return {
+				hotCreatorList: [],
+				isTarget: true,
+				showChoiceness:false
+			}
+		},
+		// 下拉刷新
+		onPullDownRefresh() {
+			this.showChoiceness = false
+			uni.stopPullDownRefresh()
+		},
+		created() {
+			const userInfo = uni.getStorageSync('userInfo')
+			if (!userInfo) {
+				console.log('havent userInfo')
+				this.getUserInfo()
+			} else {
+				console.log('have userInfo')
+			}
+		},
+		onPageScroll(e) {
+			// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件
+
+			if (e.scrollTop > 160) {
+				this.showChoiceness = true
+				// uni.redirectTo({
+				// 	url: '../index/choiceness'
+				// })
+			}
+		},
+		methods: {
+			// 搜索
+			search(res) {
+				if (res.value) {
+					console.log('search', res.value)
+					this.goCreatorDetail(res.value)
+				} else {
+					uni.showToast({
+						title: '请输入艺术家代号',
+						icon: 'none'
+					})
+				}
+
+			},
+			// 获取用户信息
+			getUserInfo() {
+				wx.login({
+					force: true,
+					success: res => {
+						wx.getUserInfo({
+							withCredentials: true,
+							success: userInfo => {
+								const params = {
+									code: res.code,
+									encryptedData: userInfo.encryptedData,
+									iv: userInfo.iv
+								}
+								// 用户授权登录
+								console.log('params',params);
+								loginWx(params).then(res => {
+									if (res.data.code === 200) {
+										uni.setStorage({
+											key: 'userInfo',
+											data: res.data.data.userInfo, 
+										})
+									} else {
+										uni.showToast({
+											title: res.data.msg,
+											icon: 'none'
+										})
+									}
+								}).catch(res => {})
+								console.log(`getUserInfo 调用成功`, userInfo);
+							},
+							fail(userInfo) {
+								console.log(`getUserInfo 调用失败`);
+							},
+						});
+					},
+					fail(res) {
+						console.log(`login 调用失败`);
+					},
+				});
+
+			},
+			
+			
+			// 滚动监听
+			handleScroll() {
+				let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+				console.log(scrollTop)
+			},
+		},
+	}
+</script>
+
+<style lang="less">
+	.container {
+		.top {
+			width: 100vw;
+
+			image {
+				width: 100vw;
+				height: 400rpx;
+			}
+
+			.uni-searchbar {
+				border: 1px solid #11A8FD;
+				margin: 0 40rpx;
+				border-radius: 16rpx;
+				padding: 0;
+
+				.uni-searchbar__box {
+					padding: 0;
+					border-radius: 16rpx !important;
+				}
+			}
+
+			>text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+				text-align: center;
+				padding-top: 40rpx;
+				padding-bottom: 20rpx;
+			}
+
+			.user-list {
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+				overflow-x: auto;
+
+				.user-list-box {
+					width: 140rpx;
+					padding: 20rpx;
+					text-align: center;
+
+					image {
+						width: 100rpx;
+						height: 100rpx;
+						border-radius: 100rpx;
+					}
+
+					text {
+						font-size: 24rpx;
+						color: #1E1E1E;
+						text-align: center;
+					}
+				}
+			}
+		}
+
+		.middle {
+			text-align: center;
+			height: calc(100vh - 248rpx);
+			padding-top: 40rpx;
+
+			text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>
diff --git a/pages/userInfo/inviteLog/inviteLog.vue b/pages/userInfo/inviteLog/inviteLog.vue
new file mode 100644
index 0000000..ceac680
--- /dev/null
+++ b/pages/userInfo/inviteLog/inviteLog.vue
@@ -0,0 +1,180 @@
+<template>
+	<view class="container">
+		我是邀请记录页面
+	</view>
+</template>
+
+<script>
+	// export default {
+	// 	data() {
+	// 		return {
+	// 			hotCreatorList: [],
+	// 			isTarget: true,
+	// 			showChoiceness:false
+	// 		}
+	// 	},
+	// 	// 下拉刷新
+	// 	onPullDownRefresh() {
+	// 		this.showChoiceness = false
+	// 		uni.stopPullDownRefresh()
+	// 	},
+	// 	created() {
+	// 		const userInfo = uni.getStorageSync('userInfo')
+	// 		if (!userInfo) {
+	// 			console.log('havent userInfo')
+	// 			this.getUserInfo()
+	// 		} else {
+	// 			console.log('have userInfo')
+	// 		}
+	// 	},
+	// 	onPageScroll(e) {
+	// 		// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件
+
+	// 		if (e.scrollTop > 160) {
+	// 			this.showChoiceness = true
+	// 			// uni.redirectTo({
+	// 			// 	url: '../index/choiceness'
+	// 			// })
+	// 		}
+	// 	},
+	// 	methods: {
+	// 		// 搜索
+	// 		search(res) {
+	// 			if (res.value) {
+	// 				console.log('search', res.value)
+	// 				this.goCreatorDetail(res.value)
+	// 			} else {
+	// 				uni.showToast({
+	// 					title: '请输入艺术家代号',
+	// 					icon: 'none'
+	// 				})
+	// 			}
+
+	// 		},
+	// 		// 获取用户信息
+	// 		getUserInfo() {
+	// 			wx.login({
+	// 				force: true,
+	// 				success: res => {
+	// 					wx.getUserInfo({
+	// 						withCredentials: true,
+	// 						success: userInfo => {
+	// 							const params = {
+	// 								code: res.code,
+	// 								encryptedData: userInfo.encryptedData,
+	// 								iv: userInfo.iv
+	// 							}
+	// 							// 用户授权登录
+	// 							console.log('params',params);
+	// 							loginWx(params).then(res => {
+	// 								if (res.data.code === 200) {
+	// 									uni.setStorage({
+	// 										key: 'userInfo',
+	// 										data: res.data.data.userInfo, 
+	// 									})
+	// 								} else {
+	// 									uni.showToast({
+	// 										title: res.data.msg,
+	// 										icon: 'none'
+	// 									})
+	// 								}
+	// 							}).catch(res => {})
+	// 							console.log(`getUserInfo 调用成功`, userInfo);
+	// 						},
+	// 						fail(userInfo) {
+	// 							console.log(`getUserInfo 调用失败`);
+	// 						},
+	// 					});
+	// 				},
+	// 				fail(res) {
+	// 					console.log(`login 调用失败`);
+	// 				},
+	// 			});
+
+	// 		},
+			
+			
+	// 		// 滚动监听
+	// 		handleScroll() {
+	// 			let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+	// 			console.log(scrollTop)
+	// 		},
+	// 	},
+	// }
+</script>
+
+<style lang="less">
+	.container {
+		.top {
+			width: 100vw;
+
+			image {
+				width: 100vw;
+				height: 400rpx;
+			}
+
+			.uni-searchbar {
+				border: 1px solid #11A8FD;
+				margin: 0 40rpx;
+				border-radius: 16rpx;
+				padding: 0;
+
+				.uni-searchbar__box {
+					padding: 0;
+					border-radius: 16rpx !important;
+				}
+			}
+
+			>text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+				text-align: center;
+				padding-top: 40rpx;
+				padding-bottom: 20rpx;
+			}
+
+			.user-list {
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+				overflow-x: auto;
+
+				.user-list-box {
+					width: 140rpx;
+					padding: 20rpx;
+					text-align: center;
+
+					image {
+						width: 100rpx;
+						height: 100rpx;
+						border-radius: 100rpx;
+					}
+
+					text {
+						font-size: 24rpx;
+						color: #1E1E1E;
+						text-align: center;
+					}
+				}
+			}
+		}
+
+		.middle {
+			text-align: center;
+			height: calc(100vh - 248rpx);
+			padding-top: 40rpx;
+
+			text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>
diff --git a/pages/userInfo/notice/notice.vue b/pages/userInfo/notice/notice.vue
new file mode 100644
index 0000000..4a8ea0d
--- /dev/null
+++ b/pages/userInfo/notice/notice.vue
@@ -0,0 +1,180 @@
+<template>
+	<view class="container">
+		我是通知消息
+	</view>
+</template>
+
+<script>
+	// export default {
+	// 	data() {
+	// 		return {
+	// 			hotCreatorList: [],
+	// 			isTarget: true,
+	// 			showChoiceness:false
+	// 		}
+	// 	},
+	// 	// 下拉刷新
+	// 	onPullDownRefresh() {
+	// 		this.showChoiceness = false
+	// 		uni.stopPullDownRefresh()
+	// 	},
+	// 	created() {
+	// 		const userInfo = uni.getStorageSync('userInfo')
+	// 		if (!userInfo) {
+	// 			console.log('havent userInfo')
+	// 			this.getUserInfo()
+	// 		} else {
+	// 			console.log('have userInfo')
+	// 		}
+	// 	},
+	// 	onPageScroll(e) {
+	// 		// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件
+
+	// 		if (e.scrollTop > 160) {
+	// 			this.showChoiceness = true
+	// 			// uni.redirectTo({
+	// 			// 	url: '../index/choiceness'
+	// 			// })
+	// 		}
+	// 	},
+	// 	methods: {
+	// 		// 搜索
+	// 		search(res) {
+	// 			if (res.value) {
+	// 				console.log('search', res.value)
+	// 				this.goCreatorDetail(res.value)
+	// 			} else {
+	// 				uni.showToast({
+	// 					title: '请输入艺术家代号',
+	// 					icon: 'none'
+	// 				})
+	// 			}
+
+	// 		},
+	// 		// 获取用户信息
+	// 		getUserInfo() {
+	// 			wx.login({
+	// 				force: true,
+	// 				success: res => {
+	// 					wx.getUserInfo({
+	// 						withCredentials: true,
+	// 						success: userInfo => {
+	// 							const params = {
+	// 								code: res.code,
+	// 								encryptedData: userInfo.encryptedData,
+	// 								iv: userInfo.iv
+	// 							}
+	// 							// 用户授权登录
+	// 							console.log('params',params);
+	// 							loginWx(params).then(res => {
+	// 								if (res.data.code === 200) {
+	// 									uni.setStorage({
+	// 										key: 'userInfo',
+	// 										data: res.data.data.userInfo, 
+	// 									})
+	// 								} else {
+	// 									uni.showToast({
+	// 										title: res.data.msg,
+	// 										icon: 'none'
+	// 									})
+	// 								}
+	// 							}).catch(res => {})
+	// 							console.log(`getUserInfo 调用成功`, userInfo);
+	// 						},
+	// 						fail(userInfo) {
+	// 							console.log(`getUserInfo 调用失败`);
+	// 						},
+	// 					});
+	// 				},
+	// 				fail(res) {
+	// 					console.log(`login 调用失败`);
+	// 				},
+	// 			});
+
+	// 		},
+			
+			
+	// 		// 滚动监听
+	// 		handleScroll() {
+	// 			let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+	// 			console.log(scrollTop)
+	// 		},
+	// 	},
+	// }
+</script>
+
+<style lang="less">
+	.container {
+		.top {
+			width: 100vw;
+
+			image {
+				width: 100vw;
+				height: 400rpx;
+			}
+
+			.uni-searchbar {
+				border: 1px solid #11A8FD;
+				margin: 0 40rpx;
+				border-radius: 16rpx;
+				padding: 0;
+
+				.uni-searchbar__box {
+					padding: 0;
+					border-radius: 16rpx !important;
+				}
+			}
+
+			>text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+				text-align: center;
+				padding-top: 40rpx;
+				padding-bottom: 20rpx;
+			}
+
+			.user-list {
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+				overflow-x: auto;
+
+				.user-list-box {
+					width: 140rpx;
+					padding: 20rpx;
+					text-align: center;
+
+					image {
+						width: 100rpx;
+						height: 100rpx;
+						border-radius: 100rpx;
+					}
+
+					text {
+						font-size: 24rpx;
+						color: #1E1E1E;
+						text-align: center;
+					}
+				}
+			}
+		}
+
+		.middle {
+			text-align: center;
+			height: calc(100vh - 248rpx);
+			padding-top: 40rpx;
+
+			text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>
diff --git a/pages/userInfo/withdraw/withdraw.vue b/pages/userInfo/withdraw/withdraw.vue
new file mode 100644
index 0000000..6358415
--- /dev/null
+++ b/pages/userInfo/withdraw/withdraw.vue
@@ -0,0 +1,180 @@
+<template>
+	<view class="container">
+		我是提现页面
+	</view>
+</template>
+
+<script>
+	// export default {
+	// 	data() {
+	// 		return {
+	// 			hotCreatorList: [],
+	// 			isTarget: true,
+	// 			showChoiceness:false
+	// 		}
+	// 	},
+	// 	// 下拉刷新
+	// 	onPullDownRefresh() {
+	// 		this.showChoiceness = false
+	// 		uni.stopPullDownRefresh()
+	// 	},
+	// 	created() {
+	// 		const userInfo = uni.getStorageSync('userInfo')
+	// 		if (!userInfo) {
+	// 			console.log('havent userInfo')
+	// 			this.getUserInfo()
+	// 		} else {
+	// 			console.log('have userInfo')
+	// 		}
+	// 	},
+	// 	onPageScroll(e) {
+	// 		// 传入scrollTop值并触发所有easy-loadimage组件下的滚动监听事件
+
+	// 		if (e.scrollTop > 160) {
+	// 			this.showChoiceness = true
+	// 			// uni.redirectTo({
+	// 			// 	url: '../index/choiceness'
+	// 			// })
+	// 		}
+	// 	},
+	// 	methods: {
+	// 		// 搜索
+	// 		search(res) {
+	// 			if (res.value) {
+	// 				console.log('search', res.value)
+	// 				this.goCreatorDetail(res.value)
+	// 			} else {
+	// 				uni.showToast({
+	// 					title: '请输入艺术家代号',
+	// 					icon: 'none'
+	// 				})
+	// 			}
+
+	// 		},
+	// 		// 获取用户信息
+	// 		getUserInfo() {
+	// 			wx.login({
+	// 				force: true,
+	// 				success: res => {
+	// 					wx.getUserInfo({
+	// 						withCredentials: true,
+	// 						success: userInfo => {
+	// 							const params = {
+	// 								code: res.code,
+	// 								encryptedData: userInfo.encryptedData,
+	// 								iv: userInfo.iv
+	// 							}
+	// 							// 用户授权登录
+	// 							console.log('params',params);
+	// 							loginWx(params).then(res => {
+	// 								if (res.data.code === 200) {
+	// 									uni.setStorage({
+	// 										key: 'userInfo',
+	// 										data: res.data.data.userInfo, 
+	// 									})
+	// 								} else {
+	// 									uni.showToast({
+	// 										title: res.data.msg,
+	// 										icon: 'none'
+	// 									})
+	// 								}
+	// 							}).catch(res => {})
+	// 							console.log(`getUserInfo 调用成功`, userInfo);
+	// 						},
+	// 						fail(userInfo) {
+	// 							console.log(`getUserInfo 调用失败`);
+	// 						},
+	// 					});
+	// 				},
+	// 				fail(res) {
+	// 					console.log(`login 调用失败`);
+	// 				},
+	// 			});
+
+	// 		},
+			
+			
+	// 		// 滚动监听
+	// 		handleScroll() {
+	// 			let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
+	// 			console.log(scrollTop)
+	// 		},
+	// 	},
+	// }
+</script>
+
+<style lang="less">
+	.container {
+		.top {
+			width: 100vw;
+
+			image {
+				width: 100vw;
+				height: 400rpx;
+			}
+
+			.uni-searchbar {
+				border: 1px solid #11A8FD;
+				margin: 0 40rpx;
+				border-radius: 16rpx;
+				padding: 0;
+
+				.uni-searchbar__box {
+					padding: 0;
+					border-radius: 16rpx !important;
+				}
+			}
+
+			>text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+				text-align: center;
+				padding-top: 40rpx;
+				padding-bottom: 20rpx;
+			}
+
+			.user-list {
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+				overflow-x: auto;
+
+				.user-list-box {
+					width: 140rpx;
+					padding: 20rpx;
+					text-align: center;
+
+					image {
+						width: 100rpx;
+						height: 100rpx;
+						border-radius: 100rpx;
+					}
+
+					text {
+						font-size: 24rpx;
+						color: #1E1E1E;
+						text-align: center;
+					}
+				}
+			}
+		}
+
+		.middle {
+			text-align: center;
+			height: calc(100vh - 248rpx);
+			padding-top: 40rpx;
+
+			text {
+				font-weight: bold;
+				font-size: 14px;
+				display: block;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+</style>
diff --git a/static/collect-select.png b/static/collect-select.png
new file mode 100644
index 0000000..2cca9a6
Binary files /dev/null and b/static/collect-select.png differ
diff --git a/static/collect.png b/static/collect.png
new file mode 100644
index 0000000..1361291
Binary files /dev/null and b/static/collect.png differ
diff --git a/static/collectLength.png b/static/collectLength.png
new file mode 100644
index 0000000..c75ea49
Binary files /dev/null and b/static/collectLength.png differ
diff --git a/static/css/main.scss b/static/css/main.scss
new file mode 100644
index 0000000..2a2c2d7
--- /dev/null
+++ b/static/css/main.scss
@@ -0,0 +1,33 @@
+/* ===== 页面公用 ===== */
+page {
+	// width: 100vw;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+view {
+	box-sizing: border-box;
+}
+
+/* ==== 弹性盒模型布局 ==== */
+.fb-d-r { display: flex; flex-direction: row; }
+.fb-d-c { display: flex; flex-direction: column;}
+.fb-w { flex-wrap: wrap; }
+.fb-j-a { justify-content: flex-start; }
+.fb-j-e { justify-content: flex-end; }
+.fb-j-c { justify-content: center; }
+.fb-j-sb { justify-content: space-between; }
+.fb-j-sa { justify-content: space-around; }
+.fb-a-a { align-items: flex-start; }
+.fb-a-e { align-items: flex-end; }
+.fb-a-c { align-items: center; }
+.fb-a-sb { align-items: space-between; }
+.fb-a-sa { align-items: space-around; }
+
+/* ==== 外边距 ==== */
+.ml-10 {
+	margin-left: 10rpx;
+}
+.mt-10 {
+	margin-top: 10rpx;
+}
\ No newline at end of file
diff --git a/static/download-select.png b/static/download-select.png
new file mode 100644
index 0000000..8ff9e12
Binary files /dev/null and b/static/download-select.png differ
diff --git a/static/download.png b/static/download.png
new file mode 100644
index 0000000..49803af
Binary files /dev/null and b/static/download.png differ
diff --git a/static/hot-not.png b/static/hot-not.png
new file mode 100644
index 0000000..8e18cb3
Binary files /dev/null and b/static/hot-not.png differ
diff --git a/static/hot-yes.png b/static/hot-yes.png
new file mode 100644
index 0000000..5edc21d
Binary files /dev/null and b/static/hot-yes.png differ
diff --git a/static/img/share.svg b/static/img/share.svg
new file mode 100644
index 0000000..8d6a93f
--- /dev/null
+++ b/static/img/share.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652699648832" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4781" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M833.493333 842.666667H201.173333A43.413333 43.413333 0 0 1 160 797.333333v-485.333333A43.413333 43.413333 0 0 1 201.173333 266.666667h91.84a10.666667 10.666667 0 0 1 0 21.333333h-91.84A22.293333 22.293333 0 0 0 181.333333 312v485.333333A22.293333 22.293333 0 0 0 201.173333 821.333333h632.32A22.293333 22.293333 0 0 0 853.333333 797.333333V508.48a10.666667 10.666667 0 0 1 21.333334 0v288.853333A43.413333 43.413333 0 0 1 833.493333 842.666667z" fill="#ffffff" p-id="4782"></path><path d="M330.666667 640a10.666667 10.666667 0 0 1-10.666667-10.666667 362.666667 362.666667 0 0 1 362.666667-362.666666h141.12L709.333333 201.28a10.666667 10.666667 0 1 1 10.666667-18.56l149.333333 85.333333A10.666667 10.666667 0 0 1 864 288H682.666667a341.333333 341.333333 0 0 0-341.333334 341.333333 10.666667 10.666667 0 0 1-10.666666 10.666667z" fill="#ffffff" p-id="4783"></path></svg>
\ No newline at end of file
diff --git a/static/img/slide-top.svg b/static/img/slide-top.svg
new file mode 100644
index 0000000..54e6ec6
--- /dev/null
+++ b/static/img/slide-top.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652526355166" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8351" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M533.333333 512L341.333333 704l29.866667 29.866667 162.133333-162.133334 162.133334 162.133334 29.866666-29.866667-192-192z m0-256L341.333333 448l29.866667 29.866667 162.133333-162.133334 162.133334 162.133334 29.866666-29.866667L533.333333 256z" fill="#444444" p-id="8352"></path></svg>
\ No newline at end of file
diff --git a/static/img/start.gif b/static/img/start.gif
new file mode 100644
index 0000000..aa95825
Binary files /dev/null and b/static/img/start.gif differ
diff --git a/static/imgLength.png b/static/imgLength.png
new file mode 100644
index 0000000..15ba478
Binary files /dev/null and b/static/imgLength.png differ
diff --git a/static/index-default.png b/static/index-default.png
new file mode 100644
index 0000000..b57450a
Binary files /dev/null and b/static/index-default.png differ
diff --git a/static/index-select.png b/static/index-select.png
new file mode 100644
index 0000000..1a7f689
Binary files /dev/null and b/static/index-select.png differ
diff --git a/static/jiantou-right.png b/static/jiantou-right.png
new file mode 100644
index 0000000..6430d24
Binary files /dev/null and b/static/jiantou-right.png differ
diff --git a/static/like-select.png b/static/like-select.png
new file mode 100644
index 0000000..ccc1761
Binary files /dev/null and b/static/like-select.png differ
diff --git a/static/like.png b/static/like.png
new file mode 100644
index 0000000..15c826d
Binary files /dev/null and b/static/like.png differ
diff --git a/static/likeLength.png b/static/likeLength.png
new file mode 100644
index 0000000..b2835c4
Binary files /dev/null and b/static/likeLength.png differ
diff --git a/static/mine-default.png b/static/mine-default.png
new file mode 100644
index 0000000..b908584
Binary files /dev/null and b/static/mine-default.png differ
diff --git a/static/mine-select.png b/static/mine-select.png
new file mode 100644
index 0000000..2a9d810
Binary files /dev/null and b/static/mine-select.png differ
diff --git a/static/share.png b/static/share.png
new file mode 100644
index 0000000..87e3527
Binary files /dev/null and b/static/share.png differ
diff --git a/static/theme-default.png b/static/theme-default.png
new file mode 100644
index 0000000..14a009e
Binary files /dev/null and b/static/theme-default.png differ
diff --git a/static/theme-select.png b/static/theme-select.png
new file mode 100644
index 0000000..032a098
Binary files /dev/null and b/static/theme-select.png differ