<template>
	<view>
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		
		<uni-collapse :accordion="true">
			<block v-for="(item,index) in list" :key="index">
				<uni-collapse-item :title="item.title" :show-animation="true">
					<text class="content">{{ item.content }}</text>
				</uni-collapse-item>
			</block>
		</uni-collapse>
		
		<button class="my-3 mt-4 mx-3 d-flex a-center j-center main-bg-color" type="primary" @tap="openSuggest" >意见反馈</button>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						title:"客服什么时候上线？",
						content:"早上8:30-下午6:30"
					},
					{
						title:"忘记账号怎么办？",
						content:"登录方式有账号密码登录和手机验证码登录，如果您忘记你的账号和密码，可以通过账号所绑定的手机号获取验证码登录"
					},
					{
						title:"如何修改密码？",
						content:"打开app -> 我的 -> 设置（我的页面右上角图标进入） -> 账号与安全 -> 修改密码"
					}
				]
			}
		},
		methods: {
			openSuggest(){
				this.navigate({url:'/pages/set/suggest'},"navigateTo",true)
			}
		}
	}
</script>

<style lang="scss" scoped>
@import '@/style/mixin.scss';
/deep/ .uni-collapse-cell--open .uni-collapse-cell__title { 
	background-color: rgba($themeColor,0.6);
	color: #FFFFFF;
}
/deep/ .uni-collapse-cell--open .uni-collapse-cell__title span{ 
	color: #FFFFFF;
}
.content {
	padding: 15px;
	font-size: 14px;
	line-height: 20px;
	background-color: #fbfbfb;
	color: #666;
}
</style>
