Title |
Content |
Type |
General |
Support layout |
Responsive,fixed-height,fill,container,fixed |
The required script |
No |
Sample
most basic use
<mip-img
layout= "Responsive"
Width= "350"
Height= "263"
Src= "Yun_qi_img/20161216173855963.jpg"
</mip-img>
Gapang View
<mip-img
layout= "Responsive"
Width= "350"
Height= "263"
Popup
src= "Yun_qi_img/20161216173855963.jpg" >
</mip-img>
other layouts (take fixed as an example)
<mip-img
layout= "Fixed-height"
Height= "263"
alt= "Baidu MIP img"
rc= "Yun_qi_img/20161216173855963.jpg" >
</mip-img>
with picture title
Picture titles can be added after <mip-img> for instructions, you can customize styles under <style mip-custom> labels
<mip-img
layout= "Responsive"
Width= "350"
Height= "263"
Popup
alt= "Baidu MIP img"
Src= "Yun_qi_img/20161216173855963.jpg"
</mip-img>
<p class= "Mip-img-subtitle" > with picture caption type </p>
Property
src
Description: Picture Address
Required option: Yes
Format: string
Popup
Description: Set the picture resources can be clicked after the screen to pop up floating layer view
Required option: No
Take value: None
alt
Description: Same as the ALT attribute of the IMG tag
Required option: No
class
Description: Same as the class attribute of the IMG tag, used to identify the element, set the element style
Required option: No