完整 DEMO


一个完整的例子



    
        
        
        <link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css ">
        
        <p 类="red-text">MIP页面支持修改css样式</p>
        <p class="middle-text">我是居中的文字</p>
        <hr>
        < !--图片组件-->
        ; 图片组件</p>
                    <mip-img src="https://www.mipengine.org/static/img/mip_logo_3b722d7.png">
<p>图片说明文字</p>
            </mip-img>
        </div>
        <hr>
        <!--分享组件-->
        <p class="middle-text"><mip-share> 分享组件</p>
        <mip-share title="分享：我的第一个MIP页面"></mip-share>
        <hr>
        <!--百度统计组件 TODO: 修改token值-->
        <p class="middle-text"><mip-stats-baidu> 百度统计组件，代码可见</p>
        <mip-stats-baidu token="4e397f684261b9e4ff9d8"></mip-stats-baidu>
        <!--mip 运行环境-->
        <script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>
        <!--分享组件 代码-->
        <script src="https://mipcache.bdstatic.com/static/v1/mip-share/mip-share.js"></script>
        <!--百度统计组件 代码-->
        <script src="https://mipcache.bdstatic.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
    </body>
</html>