uni-calendar日历组件更改标点颜色和位置及多个标点显示
短信预约 -IT技能 免费直播动态提醒
uni-calendar的日历组件显示的标点只能显示一种颜色,并且标点的位置在右上角.而我们在项目中需要实现多种颜色标点的显示,并且标点要显示在日期的正下方.
改之后的效果图:
实现以上的效果我们需要对uni-calendar组件的源码进行修改就可以了,想让这个日历组件实现不同颜色的标点我这里有两种方法可以实现.
第一种:
首先我们先找到uni-calendar-item.vue 文件
这里是我们传给日历组件的info标点值.
weeks.extraInfo.info 就是我们传给日历组件的标点值.
第二种:
日历组件显示多个标点:
我们只需要给日历组件的状态传一个数组即可
在 uni-calendar-item.vue中进行循环判断即可
来源地址:https://blog.csdn.net/m0_58293192/article/details/129235711
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341