Ts-Web-Module基于 TypeScript 的 Web 组件集合

提供多种常用功能组件，轻松丰富你的网页内容

Bilibili 视频嵌入

在网页中轻松嵌入 B 站视频，支持自定义参数

双色链接

左右双文本的资源/下载链接，美观实用

网盘链接

展示网盘类型、标题、提取码，一键复制

进度条

可自定义颜色与百分比的进度条组件

标签页

多标签切换内容，组织信息更清晰

画廊

图片画廊展示，支持多种样式变体

黑幕效果

悬停/点击后显示被遮挡内容，增加互动趣味

密码验证框

输入密码后显示内容，保护敏感信息

文本框

普通/警告/错误/成功多种状态信息框

快速开始

通过 CDN 引入后即可使用自定义元素：

html

<script src="https://cdn.jsdelivr.net/gh/AR-26710/ts-web-module@1.10.3/dist/main-1.10.3.es.min.js" type="module"></script>

<!-- 示例：Bilibili 视频 -->
<bilibili-video bvid="BV1b44y1q7Cb"></bilibili-video>

或者单独引入：

html

<script src="https://cdn.jsdelivr.net/gh/AR-26710/ts-web-module@1.10.3/dist/modules/bilibili-video-1.10.3.es.min.js" type="module"></script>

<!-- 示例：Bilibili 视频 -->
<bilibili-video bvid="BV1b44y1q7Cb"></bilibili-video>