日志27-图书馆界面

日志6月27日-图书馆界面

图书馆打卡记录界面功能需求:
展示图书馆打卡记录,并在日历上显示。

图书馆预约界面功能需求
实现预约

1.项目实现

1.1 图书馆打卡记录界面

先上效果图,比较简洁;
在这里插入图片描述
界面分为两部分,上端部分调用极点日历插件功能,可直观显示打卡日期。
下端部分实现一个简单列表显示具体的打卡日期。主要借助到的接口为极点日历插件,利用插件来实现小程序的打卡记录功能。将选定的日期标注为指定的颜色。
在这里插入图片描述
同时由于采用的数据时间从2014年开始,将默认时间节点改为2014年一月
但存在一个瑕疵,在于打卡记录只能记录三个月的数据,也就是当前月,前一个月,后一个月。

日历布局wxss关键代码
在这里插入图片描述
在日历上显示打卡记录,记录数据为一个color列表,month 取值为current,pre,next三个数据,记录从默认年月份为current月份。剩下的数据为日期,颜色。
在这里插入图片描述
在wxml界面里进行日历布局,对color列表中的数据日期进行标记。关键代码如下。

<calendar  calendar-style="calendar"  year = "2014" month = "01" header-style="calendar-header"  board-style="calendar-board" days-color="{
   {
   color}}" weeks-type="cn" binddayClick="dayClick" />
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值