你上面这段代码，为什么我获取不到box.style，打印box.style显示undefined，回答完这个问题再回答一下：uniapp 操作dom进行transform横向位移100%，300ms完成位移

如果你获取不到 `box.style`，可能有以下原因：

1. `box` 元素可能不存在，或者ID写错了。
2. 代码执行时，`box` 元素可能还没有渲染出来。可以尝试将代码放在页面渲染完成后再执行。

关于在 uniapp 中操作 DOM 进行 transform 横向位移 100%，300ms 完成位移的实现方法，代码如下：

<template>
  <div class="box" ref="box">Hello World</div>
</template>

<script>
export default {
  methods: {
    moveBox() {
      const box = this.$refs.box
      box.style.transition = 'all 300ms ease-in-out'
      box.style.transform = 'translateX(100%)'
    }
  }
}
</script>

首先，在模板中定义一个 `div` 元素，并设置一个 `ref`，用来获取这个元素的引用。

然后，在组件的 `methods` 中，定义一个 `moveBox` 方法，用来实现元素的横向位移。

在方法中，首先获取 `box` 元素的引用，然后设置 `transition` 属性为 `all 300ms ease-in-out`，表示元素在 300 毫秒内完成横向位移，并且使用缓动函数使动画更加平滑。

然后，设置 `transform` 属性为 `translateX(100%)`，表示元素向右横向移动 100% 的宽度。这里使用 `translateX` 而不是直接设置 `left` 属性，是因为使用 transform 可以更好地支持 GPU 加速，提高动画的性能。

最后，在需要进行位移的时候，调用 `moveBox` 方法即可。