# 图片

{% hint style="info" %}
### 气泡-图片组件
{% endhint %}

<figure><img src="https://2574001795-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtUb4wPmO9CEoieWz9b2g%2Fuploads%2FiWEPOmS9BI4QTsiXUXpM%2Fimage.png?alt=media&#x26;token=b2742064-a986-48aa-980f-2782516d9ac0" alt="" width="306"><figcaption></figcaption></figure>



{% hint style="info" %}
您可以上传本地的一个图片；或者粘贴图片的URL链接；又或者选择内置图标库；
{% endhint %}

<figure><img src="https://2574001795-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtUb4wPmO9CEoieWz9b2g%2Fuploads%2FkPYWQDOYWSJqLTnLnl4s%2Fimage.png?alt=media&#x26;token=fedde9b9-d2f0-43a2-957b-7cec6a249381" alt="" width="375"><figcaption></figcaption></figure>



{% hint style="info" %}
添加完图片后，在点击测试或者发布，就可以展示出对应的图片内容，该组件通常与按钮、文本组件相结合，这样展示出来的效果，就不会那么单一
{% endhint %}

<figure><img src="https://2574001795-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtUb4wPmO9CEoieWz9b2g%2Fuploads%2FFFDh68hEBMogN6hIXJo8%2Fimage.png?alt=media&#x26;token=2ce839fe-ba4f-4f29-b531-6bf65e266ea3" alt="" width="375"><figcaption></figcaption></figure>





