tdesign icon indicating copy to clipboard operation
tdesign copied to clipboard

[InputAdornment] 设计优化

Open Wen1kang opened this issue 3 years ago • 1 comments

这个功能解决了什么问题

以前的addon并未考虑到带交互情况,目前增加了addon可交互的样式,但并没有和其他组件交互设计规范对齐,需要修改

你建议的方案是什么

默认addon

  • 边框颜色不变
  • 背景色修改,更改为@bg-color-secondarycontainer,目前用的@bg-color-secondarycontainer-hover

可下拉addon

  • 默认态:边框色不变,背景色默认态统一为@bg-color-secondarycontainer
  • hover态:图标色不变,边框色不变,背景色修改为@bg-color-secondarycontainer-hover,目前是箭头变色
  • active态:边框色更改为@brand-color,增加外阴影@brand-color-focus,背景色为@bg-color-container,图标向上变换颜色为@@brand-color
  • disabled态:边框色不变,背景色修改@component-disabled,文字颜色修改@text-color-disabled

详情可看CoDesign:https://codesign.woa.com/s/JG2mj7nm4BZVKdM 访问密码:SGIG

image

Wen1kang avatar Sep 08 '22 03:09 Wen1kang

处理中

zhangpaopao0609 avatar Sep 26 '22 06:09 zhangpaopao0609