uniapp中如何打开.pag的动画

在uniapp中使用.pag的动画，可以通过以下步骤实现：

1. 在uniapp项目中创建一个新的页面，例如 "animation.vue"。

2. 将.pag文件复制到 "animation.vue" 页面的同级目录下。

3. 在 "animation.vue" 中使用 `import` 导入需要使用的 `.pag` 文件。

4. 在 `template` 中使用 `canvas` 标签，并设置好 `id` 和 `style` 属性。

5. 在 `script` 中使用 `uni.createSelectorQuery()` 获取 `canvas` 标签的上下文，并在 `onReady()` 生命周期中调用 `createAnimation()` 方法创建动画。

6. 在 `render()` 中使用 `canvas` 标签的 `id` 属性，将动画渲染到画布上。

以下是一个示例代码：

<template>
  <canvas id="animationCanvas" style="width: 100%; height: 100%;"></canvas>
</template>

<script>
  import animation from './animation.pag';

  export default {
    onReady() {
      uni.createSelectorQuery()
        .select('#animationCanvas')
        .fields({ node: true, size: true })
        .exec(this.initAnimation);
    },
    methods: {
      initAnimation(res) {
        const canvas = res[0].node;
        const ctx = canvas.getContext('2d');
        const anim = createAnimation(animation);
        anim.start(ctx);
      }
    }
  };
</script>

注意：在使用 `.pag` 文件时，需要进行跨域设置，否则会报错。可以在 `manifest.json` 文件中的 `networkTimeout` 中添加以下配置：

"networkTimeout": {
  "request": 10000,
  "connectSocket": 10000,
  "uploadFile": 10000,
  "downloadFile": 10000,
  "pag": 10000
}

同时，也需要将 `.pag` 文件所在的服务器添加到 `uni-config.json` 文件中的 `appid` 字段下的 `networkTimeout` 中，例如：

"appid": {
  "networkTimeout": {
    "request": 10000,
    "connectSocket": 10000,
    "uploadFile": 10000,
    "downloadFile": 10000,
    "pag": 10000,
    "host": [
      "https://example.com"
    ]
  }
}