dom-flip:web Web组件的平滑位置动画

时间:2024-06-02 19:31:34
【文件属性】:

文件名称:dom-flip:web Web组件的平滑位置动画

文件大小:13KB

文件格式:ZIP

更新时间:2024-06-02 19:31:34

web-component list animation magic-move flip-animation

:shuffle_tracks_button: Web组件的平滑位置动画。 该元素是针对任意元素的实现。 只需将其放置在您想要重新排序的元素周围,它们在移动时将在屏幕上平滑滑动。 安装 该元素位于npm上。 用yarn add dom-flip安装yarn add dom-flip或npm install --save dom-flip 。 用法 您可以将此元素与任何修改DOM的元素一起使用。 动画元素必须是dom-flip元素的直接子代。 为了能够将模型的更改与DOM的更改相关联,此元素要求您为每个元素赋予唯一的ID。 这必须是元素本身的属性,而不能是属性(因为无法通过MutationObserver观察属性)。 Polymer的dom-repeat: < dom> <!-- If you change the order of the elements inside


【文件预览】:
dom-flip-master
----.travis.yml(476B)
----package.json(756B)
----tslint.json(1KB)
----LICENSE(1KB)
----src()
--------utils.ts(2KB)
--------dom-flip.ts(103B)
--------element.ts(10KB)
----tsconfig.json(512B)
----.gitignore(37B)
----demo()
--------index.html(2KB)
----README.md(3KB)
----yarn.lock(8KB)

网友评论