weimob-tech/titian-design

Titian Design 组件库

 

🖥️ 官网     |     :octocat:  titian-h5     |     :octocat:  titian-weapp     |     🎨 Figma 设计资源

 

简介

经过不断地优化，Titian 取得了大量核心业务应用及有效性验证。Titian 提供了清晰统一的 API ，满足多渠道小程序与多前端框架能力，极大的降低了研发成本与提升需求流转效率。同时，Titian 也是体验良好的重要保障，遵循用户习惯、维持用户心智，为业务提供了有序一致的产品体验。

 

设计指南

微盟Titian在提升效率、普适通用的核心思路下，基于“有序、普适、多元”的设计理念与价值观，打造具有自身特色的移动端组件库。

• 颜色 Color
• 字体 Font
• 图标 Icon
• 圆角 Radius
• 动效 Motion

 

仓库

-	Web Components	React	Vue	微信小程序
npm	@titian-design/h5	@titian-design/mobile-react	@titian-design/mobile-vue	@titian-design/weapp
github	titian-h5	titian-h5	titian-h5	titian-weapp
子包	/packages/h5	/packages/react	/packages/vue	packages/weapp
状态	beta	beta	beta	beta

 

解决方案及周边

类目	npm 包	仓库目录	状态
在 PC 上使用 touch 事件，支持 Web Components 冒泡	@titian-design/touchemualtor	titian-h5/packages/touchemualtor	beta
eslint 插件	@titian-design/eslint-plugin	titian-h5/packages/eslint-plugin	beta
cli 工具	@titian-design/cli	titian-h5/packages/cli	beta
Titian 的打包工具	@titian-design/compiler	titian-h5/packages/compiler	beta
WXML 格式化工具	@titian-design/prettier-plugin-wxml	titian-weapp/packages/prettier-plugin-wxml	beta
Titian 小程序 VS Code 提示插件	@titian-design/snippets	titian-weapp/packages/snippets	beta

 

协议

Titian Design 使用 MIT 协议