node 版本号 14.20.0

基础依赖

vue-cli 5.0.8
vue2.x

版本更新记录

| 版本号 | 变更内容 | | ------ | -------------------------------------------------------- | | 0.1.8 | 调整动画间隔 | | 0.1.7 | 添加 iframe 获取语音权限的配置 | | 0.1.6 | 添加了网站部署时的相对路径，以解决图片资源地址错误的问题 | | 0.1.5 | 已完成开发，补充使用文档 | | 0.1.4 | 调试打包构建问题 | | 0.1.3 | 修复 0.1.2 未修复完成的 gif 图无法正常渲染的问题 | | 0.1.2 | 修复 gif 图无法正常渲染的问题 | | 0.1.1 | 测试 gif 图是否可以正常渲染，系测试版本 | | 0.1.0 | 初始版本，仅供测试包安装依赖用 |

vue2.x 使用示例

注意 process.env.BASE_URL 为项目部署时的相对路径，默认值为 / 该弹框使用的图片素材会涉及到图片路径问题，所以请留意 你当前项目自己的 process.env.BASE_URL 是否正确，该 npm 插件会使用你项目中的 process.env.BASE_URL 。

<template>
  <div class="home">
    <button type="button" @click="initAiModal">初始化/销毁</button>
  </div>
</template>

<script>
import YlAiModalVue2 from 'yl-ai-modal-vue2';
export default {
  name: 'HomeView',
  components: {},
  data() {
    return {
      aiModal: null,
    };
  },
  methods: {
    initAiModal() {
      if (this.aiModal) {
        this.aiModal.destroy();
        this.aiModal = null;
        return;
      }
      /*
        必填参数：系统url
        其他可拼接参数需要拼接在url后
        accessToken 登录token 必传
        refreshToken 刷新token 必传
        dark=true 适配黑色系 可选
        publicPath 项目部署时的相对路径，默认值为 / 可选
      */
      const accessToken = '123';
      const refreshToken = '456';
      const dark = 'true';
      this.aiModal = YlAiModalVue2({
        url: `http://192.168.10.7:8880/sso?accessToken=${accessToken}&refreshToken=${refreshToken}&dark=${dark}`,
        // 如果你的项目打包时的public不是 ./ 或 / ，那么要把你项目的 publicPath 传进去
        publicPath: process.env.BASE_URL,
      });
    },
  },
};
</script>