Tencent / Tencent/tdesign-miniprogram

[ColorPicker] 请求适配 颜色选择器渐变功能

Open
#3,656 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

💪🏻 enhancement
Dominant language
Vue
Stars
1.8k
Forks
337
Avg merge
1d 21h
Merged PRs (30d)
19

Description

这个功能解决了什么问题

目前,[ColorPicker] 仅支持用户选择单一的纯色。在需要表达颜色过渡、创建视觉层次、或者模拟光影效果等场景下,开发者不得不借助额外的工具或复杂的编程逻辑来实现渐变效果。这导致了以下问题:

效率低下: 用户需要在 [ColorPicker] 选择多个颜色,然后手动计算或使用其他工具生成渐变,增加了操作步骤和时间成本。
视觉效果不好: 无法直接预览渐变的颜色,无法达到用户期望的视觉效果。
开发复杂性: 开发者需要在应用层面实现渐变逻辑,增加了开发难度和维护成本。
用户体验割裂: 在颜色选择流程中需要多次切换或进行额外的操作,破坏了用户体验的流畅性。

你建议的方案是什么

直接适配 TDesign Web 端的渐变颜色选择器组件是目前看来最有效和高效的方案。

Image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the existing ColorPicker component and comparing its current behavior with the TDesign Web gradient color-picker referenced in the issue. Define the supported gradient interactions and API before implementation; done means the mini-program ColorPicker can create and preview gradients without application-side workarounds.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.