Vue+element+Css（Less）实现登录注册页面滑动切换效果

技术版本：Vue 2.6.14，element-ui 2.15.10，Node.js 16.13.2，vue-cli 5.0.0等

运行环境：VSCode

实现效果：实现了背景和盒子的同步左右滑动效果。

 实现过程：

HTML部分

两个按钮（去注册、去登录）绑定了两个点击事件，其中play()为播放动画方法。

表单部分使用了element表单元素，以及el-button等。

主体盒子：（该部分为屏幕中间的大盒子部分，及包含去登录、去注册等内容的大盒子）

<div class="box">
      <div class="left" v-show="left_show">
        <div>
          <p>Welcome</p>
          <p>仓储物流安全存储系统</p>
        </div>
        <el-button
          class="button"
          round
          size="small"
          @click="toRegister(), play()"
          >去注册</el-button
        >
      <