A React Mobile UI components lib for TDesign.
Home Page: https://tdesign.tencent.com/mobile-react
License: MIT License
TDesign 适配移动端的组件库，适合在 React 16.x 技术栈项目中使用。
 IE / Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|
| IE11, Edge | last 3 versions | last 3 versions | last 2 versions |
TDesign 遵循 MIT 协议。
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "github-actions[bot]")
内测版
No response
No response
文字大小应该是16px
文字行高应该是24px
No response
No response
No response
No response
No response
内测版
No response
No response
下拉刷新loading和文案都是居中处理，另外文案在图标下方
文案巨左了
No response
No response
No response
No response
No response
是
No response
No response
No response
No response
No response
No response
No response
No response
内测版
No response
No response
icon与icon间距为8px，最后一个无间距
间距为4px，最后一个还带margin
No response
No response
No response
No response
No response
内测版
No response
No response
操作区应该是56px的高度
目前为44px
No response
No response
No response
No response
No response
内测版
No response
No response
小尺寸是32px，中头像尺寸是40px，大头像尺寸是48px
现在三个比例都不对
No response
No response
No response
No response
No response
内测版
No response
No response
应该使用的是描边图标error-circle，而不是填充图标
开发组件是填充图标
No response
No response
No response
No response
No response
是
No response
No response
No response
No response
No response
No response
No response
No response
内测版
No response
No response
禁用状态文字颜色应该是@text-color-disabled
No response
No response
No response
No response
No response
内测版
No response
No response
当已有一条通知，弹出另外一条时，应该原本消失，另外一条往下展开
参考小程序的效果
现在是无限重叠和叠加
No response
No response
No response
No response
No response
内测版
No response
No response
按钮类型的按钮高度应该为28px，左右padding应该为16px
按钮的padding和高度都不对
No response
No response
No response
No response
No response
内测版
No response
No response
不同状态有对应的描边图标，参考设计稿还原
状态图标都没采用描边图标，另外错误图标引用不对
No response
No response
No response
No response
No response
是
No response
No response
No response
No response
No response
No response
No response
No response
内测版
No response
No response
应该文字颜色从placeholder变成text-color-primary
批示文字和输入文字颜色一致了
No response
No response
No response
No response
No response
是
No response
No response
No response
No response
No response
No response
No response
No response
是
No response
No response
No response
No response
No response
No response
No response
No response
是
No response
No response
No response
No response
No response
No response
No response
No response
内测版
No response
No response
警告色按钮色彩应该使用的是warning-active
警告色点击颜色不对，变成灰色
No response
No response
No response
No response
No response
button样式不全
内测版
No response
No response
文字颜色应该是：@text-color-placeholder
文字大小应该是：16px
文字line-height应该是：24px
No response
No response
No response
No response
No response
选中态的字体目前是常规体，都应该是加粗体
内测版
No response
No response
批示文字没有行高，line-height应该是24px
无line-height
No response
No response
No response
No response
No response
内测版
No response
No response
文字颜色应该是@text-color-secondary
No response
No response
No response
No response
No response
内测版
No response
No response
间距应该是8px，小尺寸评分间距不对，同时最后一个还带margin
No response
No response
No response
No response
No response
是
No response
No response
No response
No response
No response
No response
No response
No response
内测版
No response
No response
只有超过最大高度才会出滚动条
max-height是96px
目前是一行出现滚动条，两行不出现滚动条，三行不出现滚动条，四行又出现滚动条但打多些字不出现滚动条
No response
No response
No response
No response
No response
内测版
No response
No response
左右padding为16，上下为12px
左右为12，上下为16了
No response
No response
No response
No response
No response
内测版
No response
No response
文本line-height应该是24px
左右padding应该是24px
No response
No response
No response
No response
No response
属性欠缺
需要支持 value 控制是否正在加载。
需要支持 onchange 事件
内测版
No response
No response
图标与文案间距应该是8px
开发出来变成10px了
No response
No response
No response
No response
No response
内测版
No response
No response
大尺寸：
icon: 32px;
text: font-size: 16px; line-height: 24px;
中尺寸：
icon: 28px;
text: font-size: 14px; line-height: 22px;
小尺寸：
icon: 24px;
text: font-size: 12px; line-height: 20px;
icon 大小不对，文字大小没有变化
No response
No response
No response
No response
No response
内测版
No response
下滑后出现回到顶部按钮，点击后快速上滑，按钮置于示例按钮的底部，没有置顶
应该是点击回到顶部按钮，快速上滑，回到顶部按钮置顶
No response
No response
No response
No response
No response
Error: Invalid Options:
- 'plugins' doesn't add plugins to configuration to load. Please use the 'overrideConfig.plugins' option instead
at processOptions (/Users/abc/Desktop/kinron/opt/github/tdesign-mobile-react/node_modules/eslint/lib/eslint/eslint.js:294:15)
at new ESLint (/Users/abc/Desktop/kinron/opt/github/tdesign-mobile-react/node_modules/eslint/lib/eslint/eslint.js:441:34)
at Object.e.newESLintClass (/Users/abc/.vscode/extensions/dbaeumer.vscode-eslint-2.2.2/server/out/eslintServer.js:1:167243)
at Ce (/Users/abc/.vscode/extensions/dbaeumer.vscode-eslint-2.2.2/server/out/eslintServer.js:1:186299)
at /Users/abc/.vscode/extensions/dbaeumer.vscode-eslint-2.2.2/server/out/eslintServer.js:1:180305
at /Users/abc/.vscode/extensions/dbaeumer.vscode-eslint-2.2.2/server/out/eslintServer.js:1:181582
# 下载项目
git clone [email protected]:TDesignOteam/tdesign-mobile-react.git
# 安装 submodule
git submodule init
git submodule update
## 安装 package
npm i
cd docs && npm i && cd ..
cd src/_common && npm i && cd ../../
node_modules/eslint/lib/eslint/eslint.js 270行 出现报错信息，plugins 不能为数组，否则会抱这个错误。
当前 plugins 打印出来的值是 [ 'html' ]，是一个数组值，但是不知道这个值是从哪个传进来的。
如果将plugins在源码里面强制重新复制为 空对象，则 eslint 运行正常
影响这个结果的可能的文件是 src/_common/test/script/jest.unit.config.js. 20行
内测版
No response
No response
主题色应该是为腾讯蓝 #0052D9
实际颜色不对
No response
No response
No response
No response
No response
清提示
Toast
内测版
No response
No response
标题颜色应该是@text-color-primary
标题行高line-height应该是24px
标题font-weight应该是600
No response
No response
No response
No response
No response
内测版
No response
No response
文字布局应该是居右
文字样式：font-size:12px，line-height:20px，color:@text-color-placeholder
距离底部是12px，距离右边是16px
布局，间距，文字样式都不对
No response
No response
No response
No response
No response
内测版
No response
No response
应该是透明度的变化，从100%的0052D9到最低15%的0052D9，最低值而不是实色
样式写的是两个实色的滚动切换
No response
No response
No response
No response
No response
内测版
No response
No response
展示型评分应该无padding，设计稿有问题，重构稿也有问题
单独使用保证无padding就行了
No response
No response
No response
No response
No response
内测版
No response
No response
文案和关闭按钮应该有8px
没有间距
No response
No response
No response
No response
No response
内测版
No response
No response
应该蓝色为腾讯蓝
品牌色变成暗蓝色，色彩不对
No response
No response
No response
No response
No response
内测版
No response
No response
颜色应该是@text-color-disabled
No response
No response
No response
No response
No response
是
No response
No response
No response
No response
No response
No response
No response
No response
内测版
No response
No response
应该使用的是disabled颜色，另外字体样式是：font-size: 14px; line-height: 22px;
现在字号很大，然后颜色不对
No response
No response
No response
No response
No response
内测版
No response
No response
应该是16px
现在的margin-bottom是20px
No response
No response
No response
No response
No response
内测版
No response
No response
距离标题应该是8px
上下都设了同样的padding
No response
No response
No response
No response
No response
简化radio/checkbox结构
去除嵌套的cell组件结构
最新
No response
当 tabs nav 选项过多溢出时，需要滚动 nav，但滚动不流畅
滚动流畅
滚动卡顿
No response
No response
No response
No response
我看代码时通过修复scrollLeft来滚动的，可以使用 translateX，然后增加 transition
内测版
No response
No response
增加半圆返回文字类型示意
只有纯图标类型的
No response
No response
No response
No response
No response
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.