search

xpyjs / gantt

An easy-to-use Gantt component. 持续更新，中文文档
https://docs.xiaopangying.com/gantt/
MIT License
243 stars 41 forks source link

[FEATURE] 希望能置多种色彩的滑块 #115

Open Lnncoco opened 2 months ago

Lnncoco commented 2 months ago

image

我查阅了文档, 只发现统一的滑块配色能力, 希望能像上图一样, 在滑块的数据增加bgColor属性, 给每个滑块动态配置颜色.

另一个相关的问题:

如果白色底, 并且滑块配色较浅亮度较高的话(#fce9d1), hover时filter: brightness(1.2);效果会跟底色太过接近, 也没发现能独立配置hover颜色的能力

jeremyjone commented 2 months ago

动态颜色需要自己通过插槽配置。通常来说，动态颜色是跟随数据而定

Lnncoco commented 2 months ago

多谢答疑, 尝试了一下还是有疑问, content 正常状态下改变了颜色, hover 状态下, 未变, 继续对 left / right 进行覆盖, 覆盖后 hover 的凸显效果就丢了. 不知道应该怎么调出来?

插槽里是这样写的

<template v-slot:left="{ row, $index, level }">
  <div class="resize-chunk"></div>
</template>

连线的圆点的颜色似乎没办法预先独立配置颜色? 文档里只看到主动配置线的时候添加颜色, 未配置新拖出时好像都是统一的主色.

jeremyjone commented 2 months ago

hover 我还确实没注意过，我有时间看看吧。当时为了方便，直接搞的filter

另外，连线确实我直接写死的red，我一直在纠结要不要属性。

Lnncoco commented 2 months ago

好 多谢
拖出的临时线颜色不能定义大部分情况下都还好, 有个主题色的配置项 , 可以考虑跟主题色关联. hover出现的那个圆圆的点目前也没看到能配的能力. 只是换个颜色不做形状和展示信息定义, 有余力的话还是希望有比较简洁的配置方案出现

jeremyjone commented 2 months ago

主要是我的项目用线还真少，我个人不太喜欢连线，所以就马马虎虎了。

很感谢意见，有时间我看一下吧