mip-img 圖片

mip-img 用來(lái)支持在 mip 中增加圖片內(nèi)容。

示例

最基本使用

<mip-img 
    src="http://ztd00.photos.bdimg.com/ztd/w%3D350%3Bq%3D70/sign=e3bb1c4b97ef76c6d0d2fd2ead2d8cc7/f703738da9773912b57d4b0bff198618367ae205.jpg">
</mip-img>

加全屏查看

<mip-img 
    popup
    src="http://ztd00.photos.bdimg.com/ztd/w%3D350%3Bq%3D70/sign=e3bb1c4b97ef76c6d0d2fd2ead2d8cc7/f703738da9773912b57d4b0bff198618367ae205.jpg">
</mip-img>

支持 responsive 布局

<mip-img 
    layout="responsive" 
    width="350" 
    height="263"
    popup 
    alt="baidu mip img" 
    src="http://ztd00.photos.bdimg.com/ztd/w%3D350%3Bq%3D70/sign=e3bb1c4b97ef76c6d0d2fd2ead2d8cc7/f703738da9773912b57d4b0bff198618367ae205.jpg">
</mip-img>

帶圖片標(biāo)題

圖片標(biāo)題可添加在<mip-img>后用于說(shuō)明，可在<style mip-custom>標(biāo)簽下自定義樣式

<mip-img 
    layout="responsive" 
    width="350" 
    height="263"
    popup 
    alt="baidu mip img" 
    src="http://ztd00.photos.bdimg.com/ztd/w%3D350%3Bq%3D70/sign=e3bb1c4b97ef76c6d0d2fd2ead2d8cc7/f703738da9773912b57d4b0bff198618367ae205.jpg">
</mip-img>
<p class="mip-img-subtitle">帶圖片標(biāo)題的類(lèi)型</p>

屬性

src

說(shuō)明：圖片地址
必選項(xiàng)：是
格式：字符串

popup

說(shuō)明：設(shè)置圖片資源是否可以在被點(diǎn)擊后彈出全屏浮層查看
必選項(xiàng)：否
取值：無(wú)

alt

說(shuō)明：與img標(biāo)簽的alt屬性相同
必選項(xiàng)：否

class

說(shuō)明：與img標(biāo)簽的class屬性相同，用于標(biāo)識(shí)元素，設(shè)置元素樣式
必選項(xiàng)：否