<template>
	<view class="content">
		<u-collapse
		    @change="change"
		    @close="close"
		    @open="open"
		  >
		    <u-collapse-item
		      title="按摩到家服务行业介绍及前景"
		      name="Docs guide"
		    >
		      <text class="u-collapse-content">按摩到家服务行业介绍及前景</text>
		    </u-collapse-item>
		    <u-collapse-item
		      title="APP使用教程"
		      name="Variety components"
		    >
		      <text class="u-collapse-content">APP使用教程</text>
		    </u-collapse-item>
		    <u-collapse-item
		   
		  </u-collapse>
	</view>
</template>

<script>
export default {
	methods: {
		open(e) {
		  // console.log('open', e)
		},
		close(e) {
		  // console.log('close', e)
		},
		change(e) {
		  // console.log('change', e)
		}
	}
}
</script>

<style lang="scss" scpoed>
.content{
	background: #FFFFFF;
	margin:24rpx;
	overflow: hidden;
	box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(16,132,86,0.06);
	border-radius: 30rpx;
}
</style>