vue-admin-template滑动验证码

对于 Vue Admin Template，要实现滑动验证码，你可以考虑使用第三方库来帮助实现。以下是一个简单的示例，使用了 vue-verify-slider 这个库来实现滑动验证码功能：

1. 首先，安装 vue-verify-slider 库：

npm install vue-verify-slider

2. 在需要使用滑动验证码的组件中，引入 vue-verify-slider：

<template>
  <div>
    <verify-slider
      :width="280"
      :height="150"
      :text="'请向右滑动验证'"
      :successText="'验证成功'"
      :sliderText="'请按住滑块，拖动到最右边'"
      @success="onSuccess"
    ></verify-slider>
  </div>
</template>

<script>
import VerifySlider from 'vue-verify-slider';

export default {
  components: {
    VerifySlider,
  },
  methods: {
    onSuccess() {
      // 验证成功后的逻辑处理
    },
  },
};
</script>

在上述示例中，我们引入并使用了 vue-verify-slider 组件，并通过相应的属性配置了验证码的宽度、高度、提示文本等。当用户完成滑动验证后，会触发 `success` 事件，你可以在 `onSuccess` 方法中处理验证成功后的逻辑。

这只是一个简单的示例，你可以根据具体需求进行样式和功能的调整。同时，记得在组件中引入并注册 vue-verify-slider。