<template>
	<view class="container">
		<view class="head"> 欢迎使用次元Hub</view>
		<uni-group mode="card">
			<uni-collapse>
				<uni-collapse-item title="1.次元Hub是什么？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
				<uni-collapse-item title="2.怎样成为艺术家？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
				<uni-collapse-item title="3.怎样上传素材？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
				<uni-collapse-item title="4.素材在哪里查看？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
				<uni-collapse-item title="5.怎样结算收益？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
				<uni-collapse-item title="6.收益如何产生？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
				<uni-collapse-item title="7.单次广告收益是多少？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
				<uni-collapse-item title="8.如何提现？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
				<uni-collapse-item title="9.为何存在6.5%手续费？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
				<uni-collapse-item title="10.素材何时审核？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
				<uni-collapse-item title="11.如何邀请更多的艺术家？" :show-animation="true">
					<view class="content">
						<text class="text">手风琴效果同时只会保留一个组件的打开状态，其余组件会自动关闭。</text>
					</view>
				</uni-collapse-item>
			</uni-collapse>		
		
		</uni-group>
	</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">
	.head{
		text-align: center;
		color: blue;
		font-size:36rpx;
	}
</style>
