docs: README和官网添加环境与版本支持说明
This commit is contained in:
@@ -46,6 +46,22 @@ const MeToast = require('metona-toast');
|
|||||||
</script>
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## 环境与版本支持
|
||||||
|
|
||||||
|
| 环境 | 最低版本 |
|
||||||
|
|------|---------|
|
||||||
|
| Chrome | 64+ |
|
||||||
|
| Firefox | 63+ |
|
||||||
|
| Safari | 11+ |
|
||||||
|
| Edge | 79+ |
|
||||||
|
| Opera | 51+ |
|
||||||
|
| iOS Safari | 11+ |
|
||||||
|
| Android Chrome | 64+ |
|
||||||
|
| Node.js | 18+(ESM & CJS 双格式) |
|
||||||
|
| TypeScript | 4.5+(完整类型声明) |
|
||||||
|
|
||||||
|
核心依赖:Web Animations API(Chrome 64+, Firefox 63+, Safari 11+)、Pointer Events、CSS Grid、CSS Custom Properties。
|
||||||
|
|
||||||
## 快速开始
|
## 快速开始
|
||||||
|
|
||||||
浏览器中 `window` 上会注册两个全局变量:`MeToast` 和 `Met`,两者完全等价,任选其一使用。
|
浏览器中 `window` 上会注册两个全局变量:`MeToast` 和 `Met`,两者完全等价,任选其一使用。
|
||||||
|
|||||||
@@ -136,6 +136,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<section class="container">
|
||||||
|
<h2 class="section-title">环境支持</h2>
|
||||||
|
<p class="section-desc">Chrome 64+ / Firefox 63+ / Safari 11+ / Edge 79+ / Node.js 18+ / TypeScript 4.5+</p>
|
||||||
|
<p style="text-align:center;color:var(--muted);font-size:13px;margin-top:8px">依赖 Web Animations API · Pointer Events · CSS Grid · CSS Custom Properties — 所有现代浏览器原生支持</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<section class="container">
|
<section class="container">
|
||||||
<h2 class="section-title">快速开始</h2>
|
<h2 class="section-title">快速开始</h2>
|
||||||
<p class="section-desc">浏览器 window 上仅注册两个全局变量:<code>MeToast</code> 和 <code>Met</code>,完全等价</p>
|
<p class="section-desc">浏览器 window 上仅注册两个全局变量:<code>MeToast</code> 和 <code>Met</code>,完全等价</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user