mip-img イメージ

mip-img は、mip への画像コンテンツの追加をサポートするために使用されます。

例

最も基本的な使用法

<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>

その他のレイアウト（例として固定を取り上げます）

<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>

画像タイトル付き

画像タイトルは<mip-img>后用于说明，可在<style mip-custom>タグの下に追加できますスタイルをカスタマイズします

<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">带图片标题的类型</p>

属性

src

説明: 画像アドレス
必須オプション: はい
形式: 文字列

ポップアップ

説明: 画像リソースが、画像リソースが保存された後に表示するために全画面フローティング レイヤーをポップアップできるかどうかを設定しますclicked
必須オプション: No
値: なし

alt

説明: img タグの alt 属性と同じ
必須オプション: No

class

説明: img タグの class 属性と同じ。要素を識別し、要素スタイルを設定します
必須オプション: いいえ