zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

1.treeTable animate

This commit is contained in:
lei.jiang 2018-01-30 09:17:46 +08:00
parent 9e2d3b69ad
commit b5ee3b7218
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/TreeTable/index.vue
View File

@ -66,7 +66,7 @@ export default {
showRow: function(row) { showRow: function(row) {
const show = (row.row.parent ? (row.row.parent._expanded && row.row.parent._show) : true) const show = (row.row.parent ? (row.row.parent._expanded && row.row.parent._show) : true)
row.row._show = show row.row._show = show
return show ? '' : 'display:none;' return show ? 'animation:treeTableShow 1s;-webkit-animation:treeTableShow 1s;' : 'display:none;'
}, },
// 切换下级是否展开 // 切换下级是否展开
toggleExpanded: function(trIndex) { toggleExpanded: function(trIndex) {
@ -80,6 +80,16 @@ export default {
} }
} }
</script> </script>
<style rel="stylesheet/css">
@keyframes treeTableShow {
from {opacity: 0;}
to {opacity: 1;}
}
@-webkit-keyframes treeTableShow {
from {opacity: 0;}
to {opacity: 1;}
}
</style>
<style lang="scss" rel="stylesheet/scss" scoped> <style lang="scss" rel="stylesheet/scss" scoped>
$color-blue: #2196F3; $color-blue: #2196F3;