Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

weimob-tech/titian-weapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

22 Commits

Repository files navigation

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 协议

Packages

Contributors

AltStyle によって変換されたページ (->オリジナル) /