在 NativeScript Vue 中翻译属性

Question

我用这段代码在NativeScript + Vue中移动一个 GridLayout：

this.$refs.cover.nativeView.animate({ translate: { x: 0, y: 100} } )

我的问题是：由于我们无法访问 NativeScript 中 CSS 的翻译属性，我如何将我的布局设置为位置：(top: 100(，只需通过设置CSS即可。

或者，如果我想更准确地问：nativeView.animate 会操纵哪个属性来将我的布局放在translate: { x: 0, y: 100 }位置？

Answer 1

与动画相关的 CSS 属性在 使用 CSS 的动画文档中定义。

translate: { x: 0, y: 100 }： 对 translateX 和 translateY 属性进行操作，与 CSS 相同

transform: translate(0, 100);