Git Product home page Git Product logo

tdesign-miniprogram's Introduction

TDesign Logo

License Version Downloads

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

预览

小程序组件示例小程序,请使用微信扫码预览 ↓

安装

使用 NPM

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

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

npm i tdesign-miniprogram -S --production

建议使用 NPM,不再推荐“源码拷贝的方式”

使用组件

以按钮组件为例,只需要在 JSON 文件中引入按钮对应的自定义组件即可

{
  "usingComponents": {
    "t-button": "tdesign-miniprogram/button/button"
  }
}

在开发者工具中预览

# 安装项目依赖
npm install

# 执行组件编译
npm run dev

打开微信开发者工具,把 _example 目录添加进去就可以预览示例了。

基础库版本

最低基础库版本^2.6.5

仓库

TDesign 是一个 multi-repo, TDesign 有如下代码仓库:

桌面端组件库

仓库 描述 状态
tdesign-vue Vue 2.x 技术栈 Beta
tdesign-vue-next Vue 3.x 技术栈 Alpha
tdesign-react React 16.x 技术栈 Alpha
tdesign-angular 基于 Angular 10 实现 待上线

移动端组件库

仓库 描述 状态
tdesign-miniprogram 微信小程序 Alpha
tdesign-mobile-vue Vue 3.x 技术栈 Alpha
tdesign-mobile-react React 16.x 技术栈 待上线
tdesign-flutter 1.17.0 待上线

基础通用仓库

仓库 描述
tdesign TDesign 主仓库和文档
tdesign-icons TDesign 公共图标
tdesign-common TDesign 公共样式

解决方案及周边

仓库 描述
tdesign-starter-cli TDesign 解决方案的脚手架
tdesign-vue-starter 基于 tdesign-vue 的解决方案
tdesign-vue-next-starter 基于 tdesign-vue-next 的解决方案
tdesign-react-starter 基于 tdesign-react 的解决方案
tdesign-miniprogram-starter-retail 基于 tdesign-miniprogram 的零售行业解决方案

开源协议

TDesign 遵循 MIT 协议

tdesign-miniprogram's People

Contributors

leejim avatar jin0209 avatar jjunyang avatar anlyyao avatar lixingdecai avatar rileycai avatar amberlwan avatar perisiguiendo avatar honkinglin avatar cong-min avatar shiyanzhang avatar wutiansweet avatar pengyyyyy avatar esky avatar winfans avatar 94dreamer avatar ivinwu avatar henryzt avatar cheer555 avatar deantian avatar scshsy avatar gaogao1994 avatar caihuiji avatar nuohui avatar vhxubo avatar xiaosansiji avatar fengzheqi avatar savioryu avatar dependabot[bot] avatar beancookie avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.