# 二维码

{% hint style="info" %}

### 集成-二维码组件

{% endhint %}

<figure><img src="https://2574001795-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtUb4wPmO9CEoieWz9b2g%2Fuploads%2FGzKdk1FDzKCz99dM1jRg%2Fimage.png?alt=media&#x26;token=7316eef3-bf62-4f65-b408-cd733df261e0" alt="" width="251"><figcaption></figcaption></figure>

{% hint style="info" %}
二维码组件可以通过URL，或者文本数据生成任意二维码，它也可以通过变量的方式进行传递参数
{% endhint %}

1、在这里添加URL或者文本数据的变量

<figure><img src="https://2574001795-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtUb4wPmO9CEoieWz9b2g%2Fuploads%2FYYj6fTmjSk6UxOrWieXj%2Fimage.png?alt=media&#x26;token=c7393acd-a53e-4879-9e27-f650083d5eb7" alt="" width="353"><figcaption></figcaption></figure>

2、设置一个变量为“二维码数据”这个数据，就是最后要输出的二维码

<figure><img src="https://2574001795-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtUb4wPmO9CEoieWz9b2g%2Fuploads%2FBAEtlintSUNN774UuXYc%2Fimage.png?alt=media&#x26;token=923eeb31-f4fc-4349-9361-c931420bc171" alt="" width="353"><figcaption></figcaption></figure>

3、生成的既然是二维码图片，那么此时的我们需要用到气泡-图片组件，进行结果输出

<figure><img src="https://2574001795-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtUb4wPmO9CEoieWz9b2g%2Fuploads%2F36MGXMNF9RgioUba3Zfx%2Fimage.png?alt=media&#x26;token=49f20770-82a9-4840-a86e-1ff7f1945fb8" alt="" width="375"><figcaption></figcaption></figure>

4、最后生成的结果如下

<figure><img src="https://2574001795-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtUb4wPmO9CEoieWz9b2g%2Fuploads%2FVut8TmrneAkEkdk5Hxqu%2Fimage.png?alt=media&#x26;token=f8223c8c-068c-4384-a4bc-edaa7e7ef2d9" alt="" width="375"><figcaption></figcaption></figure>