查看“︁微件:TestImage”︁的源代码

<noinclude>
调用方式：
{{#widget:ExternalImage
 |url=https://gaoice.run/2917bbd8fd5c472e6c37e795d8e83678.webp
 |caption=测试测试冲刺冲刺
 |width=600
}}
</noinclude>

<div class="extimg-container">
  <img src="{{{url|}}}" 
       alt="{{{caption|External Image}}}"
       style="max-width:100%; width:{{{width|}}}px;" />
  {{#if: {{{caption|}}} |
    <div class="extimg-caption">{{{caption}}}</div>
  }}
</div>

<style>
.extimg-container {
  text-align: center;
  margin: 20px 0;
}

.extimg-container img {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.extimg-caption {
  margin-top: 8px;
  color: #666;
  font-size: 14px;
}
</style>