johnsonwong666/titian-weapp

Titian 小程序 UI 组件库

Titian Design 适配微信小程序的组件库。

🏆 预览

可交互式组件示例，请使用微信扫码预览 ↓

🎉 特性

• 60+ 高质量组件
• 适配移动端交互
• 支持主题定制，内置三种风格
• 国际化支持
• 多渠道支持，借力微盟自研小程序多渠道转码工具（即将开源）

🔥 安装

小程序支持使用 NPM 安装第三方包。

具体使用方式，可以参考小程序官网文档： 《NPM 支持》

npm install @titian-design/weapp -S --production

👍 使用

以按钮组件为例，首先在json文件中引入按钮组件

{
  "usingComponents": {
    "ti-button": "@titian-design/weapp/button/index"
  }
}

然后就可在wxml中使用按钮组件

<ti-button type="primary">按钮</ti-button>

🔨 本地开发

$ git clone [email protected]:weimob-tech/titian-weapp.git
$ cd titian-weapp
$ npm install pnpm -g
$ pnpm install
$ pnpm start

开发者工具中打开example/example-weapp目录

🎈 协议

Titian Design 使用 MIT 协议