uni二维码自适应屏幕

可以使用以下代码实现 uni-app 中二维码自适应屏幕：

1. 在 `template` 中添加二维码图片元素：

<template>
  <view>
    <image :src="qrCodeUrl" style="width: 100%; height: auto;"></image>
  </view>
</template>

2. 在 `script` 中引入 qrcode.js 库，并生成二维码图片：

<script>
import QRCode from 'qrcode'

export default {
  data() {
    return {
      qrCodeUrl: ''
    }
  },
  mounted() {
    const qrCodeSize = 200 // 二维码大小
    const canvas = document.createElement('canvas')
    QRCode.toCanvas(canvas, 'https://www.example.com', { width: qrCodeSize }, (error) => {
      if (error) console.error(error)
      else {
        this.qrCodeUrl = canvas.toDataURL('image/jpeg')
      }
    })
  }
}
</script>

在生成二维码时，使用 `QRCode.toCanvas()` 方法将二维码绘制到一个 canvas 上，并将 canvas 转换为图片的 base64 编码，最后将 base64 编码赋值给 `qrCodeUrl` 变量，即可在页面中显示二维码图片。使用 `style="width: 100%; height: auto;"` 控制图片的宽度自适应屏幕，高度按比例缩放。