mip-anim 动图

用来支持在 MIP 页中 GIF 图的使用。

标题内容
类型通用
支持布局responsive, fixed-height, fixed, container
所需脚本https://c.mipcdn.com/static/v2/mip-anim/mip-anim.js

示例

placeholder 的加载方式

1
2
3
<mip-anim layout="fixed" width=210 height=210 src="https://www.mipengine.org/static/img/sample_gif.gif" alt="an animation"> <mip-img class="background" layout="fixed-height" width=210 height=210 src="https://www.mipengine.org/static/img/sample_mip_logo.png"></mip-img> </mip-anim>

只有 GIF 图

1
<mip-anim layout="fixed" width=210 height=210 src="https://www.mipengine.org/static/img/sample_gif.gif" alt="an animation"></mip-anim>

没传 GIF 图 只显示默认图

1
2
3
<mip-anim layout="fixed" width=210 height=210 alt="an animation"> <mip-img class="background" layout="fixed-height" width=210 height=210 src="https://www.mipengine.org/static/img/sample_mip_logo.png"></mip-img> </mip-anim>

属性

src

说明:图片路径 必选项:是 类型:字符串 取值范围:URL