Calendar组件 mark 属性的样式有问题

Jazenx commented 4 years ago

问题描述 Calendar组件使用 mark 属性的时候，日历上的标记的 dot 节点里会有 mark 的文本内容，在使用自定义样式的时候，文本内容会与 dot 的background-color 的颜色不同，造成 dot 从视觉上来看是颜色混杂的点。

复现步骤 使用自定义样式的主题色使用 Calendar 的 mark 属性

这个是源码

  <View className='extra-marks'>
       {item.marks.map((mark, key) => (
          <Text key={key} className='mark'>
              {mark}
          </Text>
        ))}
 </View>

期望行为 期望删除这个 mark 文本内容，因为是无意义的 系统信息 👽 Taro v2.1.6

Taro CLI 2.1.6 environment info: System: OS: macOS 10.15.4 Shell: 5.7.1 - /bin/zsh Binaries: Node: 12.13.0 - ~/.nvm/versions/node/v12.13.0/bin/node Yarn: 1.22.4 - /usr/local/bin/yarn npm: 6.12.0 - ~/.nvm/versions/node/v12.13.0/bin/npm npmPackages: @tarojs/cli: ^2.0.3 => 2.1.6 @tarojs/components: ^2.0.3 => 2.1.6 @tarojs/mini-runner: ^2.0.3 => 2.1.6 @tarojs/plugin-babel: ^2.0.3 => 2.1.6 @tarojs/plugin-csso: ^2.0.3 => 2.1.6 @tarojs/plugin-sass: ^2.0.3 => 2.1.6 @tarojs/plugin-uglifyjs: ^2.0.3 => 2.1.6 @tarojs/router: ^2.0.3 => 2.1.6 @tarojs/taro: ^2.0.3 => 2.1.6 @tarojs/taro-alipay: ^2.0.3 => 2.1.6 @tarojs/taro-h5: ^2.0.3 => 2.1.6 @tarojs/taro-qq: ^2.0.3 => 2.1.6 @tarojs/taro-swan: ^2.0.3 => 2.1.6 @tarojs/taro-weapp: ^2.0.3 => 2.1.6 @tarojs/webpack-runner: ^2.0.3 => 2.1.6 eslint-config-taro: ^2.0.3 => 2.1.6 nervjs: ^1.5.6 => 1.5.6

taro-ui-bot[bot] commented 4 years ago

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

StarksJohn commented 3 years ago

可直接用 https://github.com/zkytech/taro-calendar-customizable 这个库解决

NervJS / taro-ui

Calendar组件 mark 属性的样式有问题 #1038