CommunityApp/pages/wode/direction/direction.vue

<template>
	<view class="warp">
		<view class="content "  @click="tap(item)" :class="item.open?'':'borderBottom'" v-for="(item,index) in itemList" :key="index">
			<view class="title">
				<view >
					<text>{{index+1}}:</text>
					<text class="padding-left-20">{{item.head}}</text>
				</view>
				<text :class="item.open?'cuIcon-unfold':'cuIcon-right'"></text>
			</view>
			<view class="body" v-show="item.open==true">
				<text>{{item.body}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				itemList: [{
					head: "如何注册认证房屋信息？",
					body: "第一步（注册用户账号）：输入姓名，手机号和验证码进行注册。注册成功后进入第二步（房屋认证）：选择所在的城市，小区，楼栋和门牌号，点击进入第三步（用户认证）：选择住户类型，业主必须填写身份证；点击上传人脸，认证成功进入主页面。",
					open: false,
					disabled: true
				},{
					head: "如何认证成为业主？",
					body: "住户认证成功后，可在我的房屋中选择房屋，点击“成为业主”，填写在正确的身份证号，选择关系为“业主”后提交，后台审核通过即可完成业主认证。",
					open: false,
				},{
					head: "如何添加家人？",
					body: "业主注册认证成功后，可在我的家人中添加家人，添加成功显示在未认证列表，后台审核通过显示已认证列表。",
					open: false,
				},{
					head: "如何给来访客人授权开门？",
					body: "a）访客授权，点击申请密码，访客类型默认为朋友，密码有效期默认为1小时，访问次数默认为1，可直接点击获取开门密码，生成开门密码；2）获取密码后，可选择直接转发到微信好友，或者复制到微信，QQ，短信。",
					open: false,
				},{
					head: "物业人员审核申请信息不通过怎么处理？",
					body: "物业超过72效时仍未完成审核，请拨打物业人员的电话，主动要求其尽快完成审核工作；",
					open: false,
				},{
					head: "不在本小区居住后，个人信息怎么清除？",
					body: "业主注册认证成功后，可在我的家人中添加家人，添加成功显示在未认证列表，后台审核通过显示已认证列表。",
					open: false,
				}],
			}
		},
		methods: {
			tap(item){
				item.open=item.open?false:true
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FFFFFF;
	}
	.warp{
		.content{
			padding: 40rpx 0;
			.title{
				font-size: 32rpx;
				display: flex;
				justify-content: space-between;
				padding: 0 20rpx;
				box-sizing: border-box;
			}
			.body{
				margin-top: 20rpx;
				line-height: 48rpx;
				padding: 10rpx 15rpx 10rpx 30rpx;
				background-color: #F2F2F2;
			}
		}
	}
	
	.borderBottom{
		border-bottom: 1rpx solid #e8e8e8;
	}
</style>