我已经在 Polymer 2.0 中构建了一些组件,在这个组件中我已经dom-repeat
阻止了dom-if
. 有没有什么简单快捷的方法可以在打开和关闭这个 repat 块时添加一些动画?
这是我的代码:
<template id="drop-down-list-container" is="dom-if" if="{{_isDropDownOpen}}">
<div id="drop-down-list">
<template is="dom-repeat" items="{{itemsTitles}}">
<button on-click="_onDropDownItemClick" class="button-style items">{{item}}</button>
</template>
</div>
</template>
当 _isDropDownOpen 改变状态 -> 从 0 到 1 - 进入动画,从 1 到 0 关闭动画时,我想要一些简单的动画。添加这个很简单吗?我应该使用霓虹灯动画吗?