데모 완료
완전한 예
<!DOCTYPE html>
<html mip>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, maximum-scale=1,initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css ">
<!--TODO: canonical href需要替换成原页faceurl-->
<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 ;}#
<p 수업 ="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>< 구성요소</p>
~ 토큰 값 수정-& gt; 구성 요소, 코드는 <
& lt; en = " 4e397f684261b9e4ff9d8"></mip-stats-baidu>
| | ~ 밉- stats-baidu.js"></script>
</body>
</html>
<html mip>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, maximum-scale=1,initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css ">
<!--TODO: canonical href需要替换成原页faceurl-->
<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 ;}#
<p 수업 ="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>< 구성요소</p>
~ 토큰 값 수정-& gt; 구성 요소, 코드는 <
& lt; en = " 4e397f684261b9e4ff9d8"></mip-stats-baidu>
| | ~ 밉- stats-baidu.js"></script>
</body>
</html>