<template>
	<view style="text-align: center; overflow: hidden;transition: all .3s;" @click="moreFilledFns"  :style="{height:isShow? '30px':'0px'}">
		<uni-icons size="30" type="more-filled" />
	</view>
</template>

<script>
	export default {
		name: 'more',
		props:{
			isShow:{
				type:Boolean,
				default:true
			}
		},
		data() {
			return { 
				//展开控制器
				timer:null
			}
		},
		created() {
			console.log(this.isShow,'---------------------')
		},
		methods: {
			moreFilledFns() {
				if(this.timer){
					clearTimeout(this.timer)
				}
				this.timer = setTimeout(() => {
					this.$emit('moreFilledFn')
				}, 500)
			}
		}
	}
</script>

<style scoped>
	.sj_icon {
		text-align: center;
		height: 30px;
		transition: all .3s;
		overflow: hidden;
	}
</style>
