Skip to content

weimob-tech/titian-weapp

Repository files navigation

NPM FIGMA LICENSE NPM downloads

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 git@github.com:weimob-tech/titian-weapp.git
$ cd titian-weapp
$ npm install pnpm -g
$ pnpm install
$ pnpm start

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

🎈 协议

Titian Design 使用 MIT 协议