Manual Dokumentasi MIP
/ mip-img 圖片
mip-img 圖片
mip-img 用來支持在 mip 中增加圖片內(nèi)容。
示例
最基本使用
<mip-img layout="responsive" width="350" height="263" src="http://ztd00.photos.bdimg.com/ztd/w%3D350%3Bq%3D70/sign=e3bb1c4b97ef76c6d0d2fd2ead2d8cc7/f703738da9773912b57d4b0bff198618367ae205.jpg"> </mip-img>
加全屏查看
<mip-img layout="responsive" width="350" height="263" popup src="http://ztd00.photos.bdimg.com/ztd/w%3D350%3Bq%3D70/sign=e3bb1c4b97ef76c6d0d2fd2ead2d8cc7/f703738da9773912b57d4b0bff198618367ae205.jpg"> </mip-img>
其他布局(以fixed為例)
<mip-img layout="fixed-height" height="263" 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>
后用于說明,可在<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)題的類型</p>
屬性
src
說明:圖片地址
必選項(xiàng):是
格式:字符串
popup
說明:設(shè)置圖片資源是否可以在被點(diǎn)擊后彈出全屏浮層查看
必選項(xiàng):否
取值:無
alt
說明:與img標(biāo)簽的alt屬性相同
必選項(xiàng):否
class
說明:與img標(biāo)簽的class屬性相同,用于標(biāo)識(shí)元素,設(shè)置元素樣式
必選項(xiàng):否