微信小程序动态添加view组件代码

在微信小程序中，可以使用 `wx.createSelectorQuery()` 和 `wx.createInnerAudioContext()` 方法来动态添加 View 组件和音频组件。

以下是添加 View 组件的代码示例：

// 获取当前页面的节点信息
const query = wx.createSelectorQuery().in(this);
query.select('#container').boundingClientRect(res => {
  // 创建一个新的 View 组件
  const newView = this.selectComponent('#new-view');
  // 设置新组件的位置和宽高
  newView.setData({
    top: res.bottom + 10, // 上边距为上一个组件底部+10px
    left: 10, // 左边距为 10px
    width: 100, // 宽度为 100px
    height: 100 // 高度为 100px
  });
}).exec();

其中，`#container` 是已有的一个组件，`#new-view` 是需要动态添加的新组件。

以下是添加音频组件的代码示例：

// 创建一个新的音频组件
const newAudio = wx.createInnerAudioContext();
// 设置音频资源路径
newAudio.src = 'audio.mp3';
// 监听音频播放完成事件
newAudio.onEnded(() => {
  console.log('音频播放完成');
});
// 播放音频
newAudio.play();

需要注意的是，动态添加的组件需要在 WXML 文件中进行定义，否则会出现错误。同时，小程序对动态添加组件的数量和频率也有一定的限制，需要注意控制。