You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

46 lines
780 B

2 years ago
<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>