taro-calendar-customizable icon indicating copy to clipboard operation
taro-calendar-customizable copied to clipboard

能不能将默认的选中样式改为圆形或者方形,椭圆有点丑

Open yz1311 opened this issue 4 years ago • 7 comments

最好能支持mark自定义样式

yz1311 avatar Nov 20 '20 06:11 yz1311

使用customStyleGenerator可以实现。

<Calendar
        customStyleGenerator={params=>{
          if(params.selected){
            return {
                dateStyle:{
                borderRadius:"2px"
              }
            }
          }
          return {}
        }}
/>

zkytech avatar Nov 21 '20 14:11 zkytech

试了下,是可以的,但是无法自定义marker组件, 我看了下代码,marker是通过一个View显示的,请问我想在marker的位置显示文本或者其他内容该怎么处理?

yz1311 avatar Nov 23 '20 09:11 yz1311

试了下,是可以的,但是无法自定义marker组件, 我看了下代码,marker是通过一个View显示的,请问我想在marker的位置显示文本或者其他内容该怎么处理?

如果要显示文本信息可以用extraInfo配置项。

目前不支持在marker的位置显示文本。

zkytech avatar Nov 24 '20 14:11 zkytech

@zkytech 行吧,那我自己fork改下,感觉像日历这种,marker部分有文字的场景还是很多的,方便的话还是加下吧

yz1311 avatar Nov 25 '20 02:11 yz1311

@zkytech 有没考虑更新下默认样式,customStyleGenerator可以控制的东西太少了,而且很不好控制

我看了几个日历的app,大部分可以归为两种样式 1.圆角矩形(只用边框选中或者背景色选中),下面是背景色选中

一般这种情况下,农历或者节日信息在选中范围的里面,mark那个点在选中范围的下面

2.圆形选中

这种农历或者节日信息 和 mark那个点 均在选中范围内

但是目前这个库,椭圆的样式,并且mark都在选中范围下面,有点不符合通用的日历样式,并且mark无法自定义

我改了一版,样式这块不是太熟,能不能一起弄一下,改成功能比较通用的日历组件

yz1311 avatar Dec 01 '20 03:12 yz1311

@zkytech 有没考虑更新下默认样式,customStyleGenerator可以控制的东西太少了,而且很不好控制

我看了几个日历的app,大部分可以归为两种样式 1.圆角矩形(只用边框选中或者背景色选中),下面是背景色选中

一般这种情况下,农历或者节日信息在选中范围的里面,mark那个点在选中范围的下面

2.圆形选中

这种农历或者节日信息 和 mark那个点 均在选中范围内

但是目前这个库,椭圆的样式,并且mark都在选中范围下面,有点不符合通用的日历样式,并且mark无法自定义

我改了一版,样式这块不是太熟,能不能一起弄一下,改成功能比较通用的日历组件

可以的,但是我周末才有空。

zkytech avatar Dec 01 '20 12:12 zkytech

定制效果图 image

image

felix9ia avatar Jul 31 '22 10:07 felix9ia