<!-- 基础用法 -->
<re-image class="demo-image-default" :src="imageA" width="100px" height="100px" />
<re-image class="demo-image-custom" :src="imageB" width="80px" height="80px" />
<!-- 裁剪模式 -->
<re-image class="demo-image-aspect-fill" :src="imageA" mode="aspectFill" width="100px" height="100px" />
<re-image class="demo-image-aspect-fit" :src="imageA" mode="aspectFit" width="100px" height="100px" />
<re-image class="demo-image-scale-to-fill" :src="imageA" mode="scaleToFill" width="100px" height="100px" />
<!-- 形状 -->
<re-image class="demo-image-circle" :src="imageB" shape="circle" width="100px" height="100px" />
<re-image class="demo-image-round" :src="imageB" shape="round" width="100px" height="100px" />
<re-image class="demo-image-square" :src="imageB" shape="square" width="100px" height="100px" />
<!-- 懒加载 -->
<re-image class="demo-image-lazy" :src="imageA" :lazy="true" width="100px" height="100px" />
<re-image class="demo-image-no-lazy" :src="imageA" :lazy="false" width="100px" height="100px" />
<!-- 错误状态 -->
<re-image class="demo-image-error" src="/static/notexist.png" width="100px" height="100px" />
<!-- 长按菜单 -->
<re-image class="demo-image-longpress" :src="imageA" :showMenuByLongpress="true" width="100px" height="100px" />
<!-- 自定义样式 -->
<re-image class="demo-image-custom-style" :src="imageB" width="100px" height="100px" customStyle="border: 2px solid #0052d9;" />
<!-- 不同尺寸 -->
<re-image class="demo-image-small" :src="imageA" width="50px" height="50px" />
<re-image class="demo-image-medium" :src="imageA" width="100px" height="100px" />
<re-image class="demo-image-large" :src="imageA" width="150px" height="150px" />
