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.
45 lines
780 B
45 lines
780 B
<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>
|
|
|