<!--
@description: 滑动图片验证码
@author: 肖文龙
@date：  2020-10-29
-->
<template>
  <div>
    <el-popover
      placement="right"
      width="400"
      trigger="click"
    >
      <slideVerify
        :l="42"
        :r="10"
        :w="310"
        :h="155"
        slider-text="向右滑动"
      />
      <div id="container" />
      <p slot="reference">
        <slot name="reference" />
      </p>
    </el-popover>
  </div>
</template>

<script>
import slideVerify from './slideVerify.vue'
export default {
  components: {
    slideVerify
  },
  mounted() {
  }

}
</script>

<style lang="less" scoped>

/deep/ #slideVerify{
 position:fixed;
 top:0px;
 left: 40%px;
}
</style>
