小程序问题之:自定义日期签到

小程序,可折叠签到日期:

<image style="height:{
  {height}}" class='bg' src="{
  {calendarbg}}">
  <view style="top:{
  {top}}" catchtap="foldAndUnfold" hidden="{
  {nowYear != showYear || nowMonth != showMonth}}" class='switchbtn'>
    <image src="{
  {arrowurl}}"></image>
  </view>
</image>
<view class='box'>
  <view class='showcontent flex'>
    <image class="icon_qiandao" src="../../images/icon_qiandao_active.png"></image>
    <view class="title">
      <view class="qiandao">你已累计签到
        <text>{
  {daycount}}天</text>
      </view>
      <view class="detail">查看今日积分</view>
    </view>
    <view hidden="{
  {!qiandao}}">
      <button class="clickbtn" bindtap="qiandao">今日签到</button>
    </view>
    <view hidden="{
  {qiandao}}">
      <button class="clickbtn">已签到</button>
    </view>
  </view>
</view>
<view class="calendar">
  <view class="topdate" wx:if="{
  {!calendarfold}}">
    <image class="topleft" src="../../images/arrow_left.png" bindtap='sign_prev'></image>
    <text>{
  {nowYear}}-{
  {nowMonth}}-{
  {nowDay}}</text>
    <image class="topright" src="../../images/arrow_right.png" bindtap='sign_next'></image>
  </view>
  <view class="calendar-header">
    <view class="ch-week" wx:for="{
  {week}}" wx:key="{
  {index}}">
      <text class="ch-item-text">{
  {item}}</text>
    </view>
  </view>
  <!-- 完整的当月数据 -->
  <view class="calendar-month" wx:if="{
  {!calendarfold}}">
    <view class="calendar-month-week" wx:for="{
  {weekItemData}}" wx:for-index="weekIndex" wx:for-item="weekItem" wx:key="{
  {weekIndex}}">
      <view catchtap="clickDay" name="day" data-day="{
  {item}}" class="cm-week-day" wx:for="{
  {weekItem}}" wx:key="{
  {index}}">
        <view wx:if="{
  {clickYear == showYear && clickMonth == showMonth && clickDay == item}}" hidden="{
  {item < 0}}" class="cm-week-day-circle">
          <block wx:if="{
  {item.sign}}">{
  {item.sign}}</block><block wx:else>{
  {item}}</block>
        </view>
        <text wx:else class="{
  {nowYear == showYear && nowMonth == showMonth && nowDay == item ? 'today' : ''}}" hidden="{
  {item < 0}}"><text wx:if="{
  {item.sign}}" class="signday">{
  {item.sign}}</text><block wx:else>{
  {item}}</block></text>
      </view>
    </view>
  </view>
  <!-- 本周数据 -->
  <view class="calendar-month-week" wx:else>
    <view catchtap="clickDay" data-day="{
  {item}}" class="cm-week-day" wx:for="{
  {nowWeekDataItem}}" wx:key="{
  {index}}">
      <view wx:if="{
  {clickYear == showYear && clickMonth == showMonth && clickDay == item}}" hidden="{
  {item < 0}}" class="cm-week-day-circle"><block wx:if="{
  {item.sign}}">{
  {item.sign}}</block><block wx:else>{
  {item}}</block></view>
      <text wx:else class="{
  {nowYear == showYear && nowMonth == showMonth && nowDay == item ? 'today' : ''}}" hidden="{
  {item < 0}}">
      <text wx:if="{
  {item.sign}}" class="signday">{
  {item.sign}}</text><block wx:else>{
  {item}}</block>
      </text>
    </view>
  </view>
</view>
<view class="calendar_info">
  <view class="title">积分详情</view>
  <view class="today">{
  {newDate}}</view>
  <view class="flex_box">
    <block wx:for="{
  {inteList}}" wx:key="index">
      <view class="flex_list">
        <view>{
  {item.tsci_name}}</view>
        <view class="right_text">+{
  {item.tsci_count}}分</view>
      </view>
    </block>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值