tdesign-miniprogram icon indicating copy to clipboard operation
tdesign-miniprogram copied to clipboard

feat(color-picker): add color-picker

Open novlan1 opened this issue 1 year ago • 14 comments

🤔 这个 PR 的性质是?

  • [ ] 日常 bug 修复
  • [x] 新特性提交
  • [ ] 文档改进
  • [ ] 演示代码改进
  • [ ] 组件样式/交互改进
  • [ ] CI/CD 改进
  • [ ] 重构
  • [ ] 代码风格优化
  • [ ] 测试用例
  • [ ] 分支合并
  • [ ] 其他

🔗 相关 Issue

fix #2384

💡 需求背景和解决方案

📝 更新日志

  • feat(ColorPicker): 新增 ColorPicker 组件

  • [ ] 本条 PR 不需要纳入 Changelog

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

  • [ ] 文档已补充或无须补充
  • [ ] 代码演示已提供或无须提供
  • [ ] TypeScript 定义已补充或无须补充
  • [ ] Changelog 已提供或无须提供

novlan1 avatar Oct 03 '24 03:10 novlan1

https://github.com/Tencent/tdesign-miniprogram/issues/2384

novlan1 avatar Oct 03 '24 07:10 novlan1

颜色滑块的定位与实际取色不一致image

RADWIMPS426 avatar Oct 16 '24 12:10 RADWIMPS426

取色器样式问题

image

RADWIMPS426 avatar Oct 16 '24 12:10 RADWIMPS426

模式展示的背景色为Gy 1

image

RADWIMPS426 avatar Oct 16 '24 12:10 RADWIMPS426

预设色彩区域的色块之间固定gap为12px,且需要做横向滚动功能

image

RADWIMPS426 avatar Oct 17 '24 03:10 RADWIMPS426

margin-right为12px

image

RADWIMPS426 avatar Oct 17 '24 07:10 RADWIMPS426

组件状态的体验方式修改

image

RADWIMPS426 avatar Oct 17 '24 08:10 RADWIMPS426

预设色板上的色块需添加一个点击态,即在点击时原有色块上添加一层色值为#000 20%

image

RADWIMPS426 avatar Oct 17 '24 11:10 RADWIMPS426

滚动条需隐藏

image

RADWIMPS426 avatar Oct 21 '24 10:10 RADWIMPS426

取色器需添加shadow 1

image

RADWIMPS426 avatar Oct 21 '24 11:10 RADWIMPS426

文案修改

image

RADWIMPS426 avatar Oct 21 '24 11:10 RADWIMPS426

选中样式需添加1.5px的内描边

image

RADWIMPS426 avatar Oct 21 '24 11:10 RADWIMPS426

预设色板在真机上测试,多次点击后会失效

https://github.com/user-attachments/assets/6fa65339-50cf-4f0d-968c-e598e35b7855

RADWIMPS426 avatar Oct 21 '24 11:10 RADWIMPS426

设计走查已完成 @jarmywang

RADWIMPS426 avatar Oct 24 '24 10:10 RADWIMPS426