跳到主要内容

快速上手

Titian H5 是 Web Components 组件库,同时与小程序组件库的 API 基本一致,打造一致的开发体验。如果您是内网用户,欢迎访问Titian内部文档。

信息

使用 @titian-design/h5 前,推荐先学习官方的 Web Components 概念和使用
组件库默认开启 Shadow DOM ,使用 W3C 原生的插槽 slot 和自定义事件 Custom Events 能力。

1. 使用(html中引用)

<!DOCTYPE html>
<html lang="en">
<head>
// 使用最新版本
<script src="https://unpkg.com/@titian-design/h5"></script>
// 指定版本
<script src="https://unpkg.com/@titian-design/h5@0.1.1/dist/index.umd.min.js"></script>
</head>
<body>
<ti-button type="primary">按钮</ti-button>
</body>
</html>