在辅助监视器上全屏显示

/* 设置视口 */
.modal {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* 设置过渡效果 */
  transition: all 0.3s;
}

/* 隐藏弹窗 */
.modal.hide {
  display: none;
}

// 获取 modal 元素
const modal = document.querySelector('.modal');

// 监听 click 事件
document.body.addEventListener('click', (e) => {
  // 如果点击的是 modal 元素，则隐藏弹窗
  if (e.target === modal) {
    modal.classList.add('hide');
  }
});

const previewImage = (url) => {
  wx.previewImage({
    urls: [url],
  });
};

const previewCanvas = (ctx) => {
  wx.previewCanvas({
    canvasId: 'previewCanvas',
    context: ctx,
    width: 320,
    height: 240,
  });
};

const copyImage = (url) => {
  wx.setClipboardData({
    data: `data:image/png;base64,${url}`,
    success() {
      wx.showToast({
        title: '已复制',
        icon: 'success',
        duration: 2000,
      });
    },
    fail() {
      wx.showToast({
        title: '复制失败',
        icon: 'none',
        duration: 2000,
      });
    },
  });
};

const openImage = (url) => {
  const newWindow = wx.createWindow({
    url: url,
    title: '预览图片',
    desc: '图片预览',
    style: {
      width: 320,
      height: 240,
      margin: '10px',
    },
  });

  newWindow.show();

  setTimeout(() => {
    wx.setClipboardData({
      data: `data:image/png;base64,${url}`,
      success() {
        wx.showToast({
          title: '已复制',
          icon: 'success',
          duration: 2000,
        });
      },
      fail() {
        wx.showToast({
          title: '复制失败',
          icon: 'none',
          duration: 2000,
        });
      },
    });
  }, 1000);
};