<template>
	<view class="container">
		<custom-waterfalls-flow :value="data.list" class="custom">
			<template v-slot:default="item">
				<view class="del" @click="del(item.index)">
					删除
				</view>
				<view class="desc" v-for="(ele,index2) in item.desc" :key="index2">
					{{
						ele.a
					}}
				</view>
			</template>
		</custom-waterfalls-flow>
		<button @click="toOne">1</button>
		<button @click="totne">2</button>
		<button @click="toYne">3</button>
	</view>
</template>

<script>
	import {
		mapActions
	} from 'vuex'
	export default {
		components: {

		},
		data() {
			return {
				isMember: '-1', // 判断用户登录状态  -1为从未进来过  0 为申请注册还未审批  1为申请成功已经是会员  4为申请拒绝
				data: {
					list: [{
							image: '/static/images/cwJl.png',
							title: '哈哈啊哈哈哈',
							desc: [{
									a: 1
								},
								{
									a: 2
								}
							]
						},
						{
							image: '/static/images/cwTop16.png',
							title: '哈哈啊哈哈哈',
							desc: [{
									a: 3
								},
								{
									a: 4
								}
							],
						},
						{
							image: '/static/images/logo.png',
							title: '哈哈啊哈哈哈',
							desc: [{
									a: 6
								},
								{
									a: 9
								}
							]
						}
					]
				}
			}
		},
		onLoad(e) {

		},
		onShow() {

		},

		methods: {
			...mapActions([
				'majax',
				'najax',
				'jajax',
				'goout'
			]),
			toYne() {
				this.data.list.push({
					image: '/static/images/cwJl.png',
					title: '哈哈啊哈哈哈',
					desc: [{
							a: 1
						},
						{
							a: 2
						}
					]
				})
			},
			toGo(i) {
				this.data.list[i].desc.push({
					a: i
				})
			},
			del(i) {
				console.log(i);
				this.data.list.splice(i, 1);
				console.log(this.data.list);
			},
			toOne() {
				this.data.list.push({
					image: '/static/images/cwTop16.png',
					title: '哈哈啊哈哈哈',
					desc: [{
							a: 1
						},
						{
							a: 2
						}
					]
				})
			},
			totne() {
				this.data.list.push({
					image: '/static/images/logo.png',
					title: 'wadapkdop啊哈哈哈',
					desc: [{
							a: 1
						},
						{
							a: 2
						}
					]
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.item {
		height: auto;
	}
	.custom image {
		display: none;
	}
</style>