feat: update body style

ihtml5 · ihtml5 · commit 25daa4038c4f · 2021-08-25T16:46:49.000+08:00
diff --git a/docs/index.html b/docs/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><meta name="referrer" content="origin"><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><title>mdebug</title><script charset="utf-8" src="//static.wehr.qq.com/oels/static/js/lib/jquery/jquery-1.11.3.min.js"></script><style>body{padding-left:10px;padding-right:10px}pre{background-color:#eee;padding:10px;font-size:16px;word-break:break-all;display:block;white-space:pre;margin:1em 0;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}table{border-collapse:collapse}table td,table th{border:1px solid #eee;padding:10px}table th{background-color:#eee}</style></head><body><h1 align="center"><img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png" width="40%" style="max-width:300px"/></h1><p align="center" style="margin:30px 0 0;margin-bottom:20px">Mdebug makes mobile web development easier</p><table><tr><th><h4 align="center"><h4 align="center">简单易用</h4></h4></th><th><h4 align="center"></h4><h4 align="center">功能全面</h4></th><th><h4 align="center"></h4><h4 align="center">易扩展</h4></th><th><h4 align="center"></h4><h4 align="center">高性能</h4></th></tr><tr><td width="20%" align="center"><sub>使用cdn方式,一键接入</sub></td><td width="20%" align="center"><sub>类Chrome devtools, 支持日志,网络,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式</sub></td><td width="20%" align="center"><sub>暴露内部丰富的事件, 可以和react组件无缝进行集成</sub></td><td width="20%" align="center"><sub>支持大数据量展示, 不卡顿</sub></td></tr></table><div align="center" style="margin-top:20px"><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/v/mdebug.svg" alt="NPM Version"/></a><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/l/mdebug.svg" alt="Package License"/></a><a href="https://github.com/tnfe/mdebug/pulls" target="_blank"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs"/></a><a href="https://nodejs.org" target="_blank"><img src="https://img.shields.io/badge/node-%3E%3D%208.0.0-brightgreen.svg" alt="Node Version"/></a></div><h1>一、快速体验</h1><a href="https://tnfe.github.io/mdebug">https://tnfe.github.io/mdebug</a><h2>二、Installation</h2><h4>Install using npm</h4><pre>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><meta name="referrer" content="origin"><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><title>mdebug</title><script charset="utf-8" src="//static.wehr.qq.com/oels/static/js/lib/jquery/jquery-1.11.3.min.js"></script><style>body{padding-left:10px;padding-right:10px}pre{background-color:#eee;padding:10px;font-size:16px;word-break:break-all;display:block;white-space:pre;margin:1em 0;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}table{border-collapse:collapse}table td,table th{border:1px solid #eee;padding:10px}table th{background-color:#eee}</style></head><body style="padding-left:10px;padding-right:10px"><h1 align="center"><img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png" width="40%" style="max-width:300px"/></h1><p align="center" style="margin:30px 0 0;margin-bottom:20px">Mdebug makes mobile web development easier</p><table><tr><th><h4 align="center"><h4 align="center">简单易用</h4></h4></th><th><h4 align="center"></h4><h4 align="center">功能全面</h4></th><th><h4 align="center"></h4><h4 align="center">易扩展</h4></th><th><h4 align="center"></h4><h4 align="center">高性能</h4></th></tr><tr><td width="20%" align="center"><sub>使用cdn方式,一键接入</sub></td><td width="20%" align="center"><sub>类Chrome devtools, 支持日志,网络,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式</sub></td><td width="20%" align="center"><sub>暴露内部丰富的事件, 可以和react组件无缝进行集成</sub></td><td width="20%" align="center"><sub>支持大数据量展示, 不卡顿</sub></td></tr></table><div align="center" style="margin-top:20px"><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/v/mdebug.svg" alt="NPM Version"/></a><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/l/mdebug.svg" alt="Package License"/></a><a href="https://github.com/tnfe/mdebug/pulls" target="_blank"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs"/></a><a href="https://nodejs.org" target="_blank"><img src="https://img.shields.io/badge/node-%3E%3D%208.0.0-brightgreen.svg" alt="Node Version"/></a></div><h1>一、快速体验</h1><a href="https://tnfe.github.io/mdebug">https://tnfe.github.io/mdebug</a><h2>二、Installation</h2><h4>Install using npm</h4><pre>
 npm install mdebug --save
 </pre><h2>三、Useage</h2><h3>1.ES6</h3><pre>
   import mdebug from 'mdebug';
diff --git a/public/index.html b/public/index.html
@@ -43,7 +43,7 @@
   </style>
 </head>
 
-<body>
+<body style="padding-left:10px;padding-right: 10px;">
   <h1 align="center">
     <img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png"
       width="40%" style="max-width: 300px;"/>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><meta name="referrer" content="origin"><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><title>mdebug</title><script charset="utf-8" src="//static.wehr.qq.com/oels/static/js/lib/jquery/jquery-1.11.3.min.js"></script><style>body{padding-left:10px;padding-right:10px}pre{background-color:#eee;padding:10px;font-size:16px;word-break:break-all;display:block;white-space:pre;margin:1em 0;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}table{border-collapse:collapse}table td,table th{border:1px solid #eee;padding:10px}table th{background-color:#eee}</style></head><body><h1 align="center"><img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png" width="40%" style="max-width:300px"/></h1><p align="center" style="margin:30px 0 0;margin-bottom:20px">Mdebug makes mobile web development easier</p><table><tr><th><h4 align="center"><h4 align="center">简单易用</h4></h4></th><th><h4 align="center"></h4><h4 align="center">功能全面</h4></th><th><h4 align="center"></h4><h4 align="center">易扩展</h4></th><th><h4 align="center"></h4><h4 align="center">高性能</h4></th></tr><tr><td width="20%" align="center"><sub>使用cdn方式,一键接入</sub></td><td width="20%" align="center"><sub>类Chrome devtools, 支持日志,网络,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式</sub></td><td width="20%" align="center"><sub>暴露内部丰富的事件, 可以和react组件无缝进行集成</sub></td><td width="20%" align="center"><sub>支持大数据量展示, 不卡顿</sub></td></tr></table><div align="center" style="margin-top:20px"><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/v/mdebug.svg" alt="NPM Version"/></a><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/l/mdebug.svg" alt="Package License"/></a><a href="https://github.com/tnfe/mdebug/pulls" target="_blank"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs"/></a><a href="https://nodejs.org" target="_blank"><img src="https://img.shields.io/badge/node-%3E%3D%208.0.0-brightgreen.svg" alt="Node Version"/></a></div><h1>一、快速体验</h1><a href="https://tnfe.github.io/mdebug">https://tnfe.github.io/mdebug</a><h2>二、Installation</h2><h4>Install using npm</h4><pre>
	`1`	+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><meta name="referrer" content="origin"><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/><title>mdebug</title><script charset="utf-8" src="//static.wehr.qq.com/oels/static/js/lib/jquery/jquery-1.11.3.min.js"></script><style>body{padding-left:10px;padding-right:10px}pre{background-color:#eee;padding:10px;font-size:16px;word-break:break-all;display:block;white-space:pre;margin:1em 0;white-space:pre-wrap;word-wrap:break-word;line-height:1.3}table{border-collapse:collapse}table td,table th{border:1px solid #eee;padding:10px}table th{background-color:#eee}</style></head><body style="padding-left:10px;padding-right:10px"><h1 align="center"><img src="https://user-images.githubusercontent.com/6822604/130725631-dde49c00-24fe-44c6-a3fd-a5c709ce6e57.png" width="40%" style="max-width:300px"/></h1><p align="center" style="margin:30px 0 0;margin-bottom:20px">Mdebug makes mobile web development easier</p><table><tr><th><h4 align="center"><h4 align="center">简单易用</h4></h4></th><th><h4 align="center"></h4><h4 align="center">功能全面</h4></th><th><h4 align="center"></h4><h4 align="center">易扩展</h4></th><th><h4 align="center"></h4><h4 align="center">高性能</h4></th></tr><tr><td width="20%" align="center"><sub>使用cdn方式,一键接入</sub></td><td width="20%" align="center"><sub>类Chrome devtools, 支持日志,网络,存储,性能等, 具有更好的网络捕获能力和丰富的日志展现形式</sub></td><td width="20%" align="center"><sub>暴露内部丰富的事件, 可以和react组件无缝进行集成</sub></td><td width="20%" align="center"><sub>支持大数据量展示, 不卡顿</sub></td></tr></table><div align="center" style="margin-top:20px"><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/v/mdebug.svg" alt="NPM Version"/></a><a href="https://npmjs.org/package/mdebug" target="_blank"><img src="https://img.shields.io/npm/l/mdebug.svg" alt="Package License"/></a><a href="https://github.com/tnfe/mdebug/pulls" target="_blank"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs"/></a><a href="https://nodejs.org" target="_blank"><img src="https://img.shields.io/badge/node-%3E%3D%208.0.0-brightgreen.svg" alt="Node Version"/></a></div><h1>一、快速体验</h1><a href="https://tnfe.github.io/mdebug">https://tnfe.github.io/mdebug</a><h2>二、Installation</h2><h4>Install using npm</h4><pre>
`2`	`2`	`npm install mdebug --save`
`3`	`3`	`</pre><h2>三、Useage</h2><h3>1.ES6</h3><pre>`
`4`	`4`	`import mdebug from 'mdebug';`