## node 版本号 14.20.0

### 基础依赖

    vue-cli 5.0.8
    vue2.x

### 版本更新记录

| 版本号 | 变更内容                                                 |
| ------ | -------------------------------------------------------- |
| 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 是否正确

```
<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>
```
