omi/components/badge/index.html

52 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Omiu</title>
<script type="module" src="/src/index.tsx"></script>
</head>
<body>
<h1>HTML Mode <a href="./demo.html">JSX Mode</a></h1>
<script src="https://unpkg.com/omi@6.21.3/dist/omi.min.js"></script>
<script src="https://unpkg.com/@omiu/icon@0.0.3/wifi.js"></script>
<script src="https://unpkg.com/@omiu/icon@0.0.3/favorite.js"></script>
<div>
<o-badge dot x="2" y="10">
<o-icon-wifi style="font-size: 30px"></o-icon-wifi>
</o-badge>
<br /><br /><br />
<o-badge content="99" x="5" y="10">
<o-icon-favorite style="font-size: 30px"></o-icon-favorite>
</o-badge>
<br /><br /><br />
<o-badge content="8">
<o-icon-favorite style="font-size: 30px"></o-icon-favorite>
</o-badge>
<br /><br /><br />
<o-badge content="99">
<o-icon-favorite style="font-size: 30px"></o-icon-favorite>
</o-badge>
<br /><br /><br />
<o-badge content="new">
<o-icon-favorite style="font-size: 30px"></o-icon-favorite>
</o-badge>
<br /><br /><br />
<o-badge dot>
<o-icon-favorite style="font-size: 30px"></o-icon-favorite>
</o-badge>
</div>
</body>
</html>