DÉMO complète


Un exemple complet

<!DOCTYPE html>
<html mip>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, minimum-scale=1,initial-scale=1">
        <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css ">
        <!--TODO : canonical href需要替换成原页面url-->
        <link rel="canonical" href="https://m.baidu.com/demo.html"> ;
        <title>Hello World</title>
        <style mip-custom>
            body{margin:10px;}
            .red-text { couleur : rouge;}
            .middle-text { text-align: center ;}
            .small-pic { max-width :  200px;}
        </style>
    </head>
    <body>
        <!--自定义样式-->
        <p classe ="red-text">MIP 支持修改css样式</p>
        <p class="middle-text"> ;
        < !--图片组件-->
        <p class="middle-text"><mip-img> 图片组件</p>
        <div class="small-pic">
            <mip-img src="https://www.mipengine.org/static/img/mip_logo_3b722d7.png">
<p>图片说明文字</p>
</mip-img>< Composant</p>
                                                                                                                                                                                                                                                                           Modifier la valeur du jeton -& gt;
& lt p class = "mid-text" & gt; composant, le code peut voir & lt;
& lt; en = " 4e397f684261b9e4ff9d8"></mip-stats-baidu>
                                                                                                                                "></script>
                                                                                                                                    js"></ script>
                                                                                                                                                                         mip- stats-baidu.js"></script>
</body>
</html>