<template>
	<view class="container">
		image src="https://p3.douyinpic.com/aweme/100x100/aweme-avatar/tos-cn-avt-0015_20775b0106374a94013d7b6f3896d94a.jpeg?from=4010531038" mode=""></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[{
					url: '/pages-userInfo/about/about',
					title: '关于节点',
					img: ''
				},{
					url: '/pages-userInfo/contact/contact',
					title: '联系我们',
					img: ''
				},{
					url: '/pages-userInfo/extends/extends',
					title: '邀请他人',
					img: ''
				},{
					url: '/pages-userInfo/inviteLog/inviteLog',
					title: '邀请记录',
					img: ''
				},{
					url: '/pages-userInfo/notice/notice',
					title: '通知公告',
					img: ''
				},{
					url: '/pages-userInfo/withdraw/withdraw',
					title: '提现记录',
					img: ''
				}],
				pageUrl: '',
				userInfo: {}
			}
		},
		created() {
			this.userInfo = uni.getStorageSync('userInfo')
			console.log('this.userInfo',this.userInfo)
		},
		methods: {
			change(e) {
				let {
					index
				} = e.detail
				this.pageUrl = this.list[index].url
				console.log('this.pageUrl',this.pageUrl)
				/** 跳转指定页面*/
				uni.navigateTo({
					url: this.pageUrl
				});
			},
		},
	}
</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>
