MIP Documentation Manual
/ 完整 DEMO
完整 DEMO
一個完整的例子
<!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 { color: red;}
.middle-text { text-align: center;}
.small-pic { max-width: 200px;}
</style>
</head>
<body>
<!--自定義樣式-->
<p class="red-text">MIP頁支持修改css樣式</p>
<p class="middle-text">我是居中的文字</p>
<hr>
<!--圖片組件-->
<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>
</div>
<hr>
<!--分享組件-->
<p class="middle-text"><mip-share> 分享組件</p>
<mip-share title="分享：我的第一個MIP頁面"></mip-share>
<hr>
<!--百度統(tǒng)計組件 TODO: 修改token值-->
<p class="middle-text"><mip-stats-baidu> 百度統(tǒng)計組件，代碼可見</p>
<mip-stats-baidu token="4e397f684261b9e4ff9d8"></mip-stats-baidu>
<!--mip 運行環(huán)境-->
<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>
<!--百度統(tǒng)計組件 代碼-->
<script src="https://mipcache.bdstatic.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
</body>
</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 { color: red;}
.middle-text { text-align: center;}
.small-pic { max-width: 200px;}
</style>
</head>
<body>
<!--自定義樣式-->
<p class="red-text">MIP頁支持修改css樣式</p>
<p class="middle-text">我是居中的文字</p>
<hr>
<!--圖片組件-->
<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>
</div>
<hr>
<!--分享組件-->
<p class="middle-text"><mip-share> 分享組件</p>
<mip-share title="分享：我的第一個MIP頁面"></mip-share>
<hr>
<!--百度統(tǒng)計組件 TODO: 修改token值-->
<p class="middle-text"><mip-stats-baidu> 百度統(tǒng)計組件，代碼可見</p>
<mip-stats-baidu token="4e397f684261b9e4ff9d8"></mip-stats-baidu>
<!--mip 運行環(huán)境-->
<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>
<!--百度統(tǒng)計組件 代碼-->
<script src="https://mipcache.bdstatic.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
</body>
</html>