Images : mip-img

mip-img est utilisé pour prendre en charge l'ajout de contenu d'image à mip.

Exemple

L'utilisation la plus basique

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

Ajouter une vue plein écran

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

Autres mises en page (prendre fixe comme exemple)

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

Avec le titre de l'image

Le titre de l'image peut être ajouté sous la balise <mip-img>后用于说明，可在<style mip-custom> pour personnaliser le style

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

Attribut

src

Description : Adresse de l'image
Option requise : Oui
Format : Chaîne

popup

Description : Définir si la ressource d'image peut afficher un calque flottant en plein écran pour être visualisée après avoir été clicked
Option obligatoire : Non
Valeur : Aucune

alt

Description : Identique à l'attribut alt de la balise img
Option obligatoire : Non

class

Description : Identique à l'attribut class de la balise img, utilisé pour identifier les éléments et définir les styles des éléments
Option obligatoire : Non