46 lines
780 B
Vue
46 lines
780 B
Vue
<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>
|