107 lines
4.4 KiB
Plaintext
107 lines
4.4 KiB
Plaintext
<view class="sign-top">
|
||
<image class="sign-head" src="{{userInfo.user.avatar ? userInfo.user.avatar : '../../static/imgs/default_myHead.png'}}" mode="aspectFill"></image>
|
||
<view class="sign-text">
|
||
<view class="sign-tilte">
|
||
已连续打卡<text>{{base.continue}}</text>天
|
||
</view>
|
||
<view class="sign-tips">
|
||
养成每天喝水打卡好习惯~
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="sign-calendar">
|
||
<view class="calendar-cont">
|
||
<view class="calendar-title">
|
||
<image src="/static/icons/sign_tips.png" mode="widthFix"></image>连续打卡30天，可上传报告
|
||
</view>
|
||
<view class="signDate">
|
||
<view class="date">
|
||
{{base.month}}
|
||
</view>
|
||
<view class="list">
|
||
<view class="week">
|
||
<view class="week-label">
|
||
日
|
||
</view>
|
||
<view class="week-label">
|
||
一
|
||
</view>
|
||
<view class="week-label">
|
||
二
|
||
</view>
|
||
<view class="week-label">
|
||
三
|
||
</view>
|
||
<view class="week-label">
|
||
四
|
||
</view>
|
||
<view class="week-label">
|
||
五
|
||
</view>
|
||
<view class="week-label">
|
||
六
|
||
</view>
|
||
</view>
|
||
<view class="day" wx:for="{{calendar}}" wx:key="calendar">
|
||
<view class="day-label" wx:for="{{item}}" wx:key="items" wx:for-item="items">
|
||
<view class="label-block repair" wx:if="{{items.canReSign}}" bindtap="replenishClick" data-today="{{items.today}}">补</view>
|
||
<view class="label-block success" wx:elif="{{items.canSign}}">打</view>
|
||
<view class="label-block {{items.isSign ? 'active' : ''}}" wx:else>{{items.day}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="signBtn">
|
||
<view class="btn active" wx:if="{{base.isSign}}">
|
||
今日已打卡
|
||
</view>
|
||
<view class="btn" bindtap="signClick" wx:else>
|
||
今日打卡
|
||
</view>
|
||
<view class="tips">
|
||
{{ base.isSign ? '今日已打卡' : '今日还未打卡'}} - 打卡天数累计 {{base.total}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 海报canvas -->
|
||
<canvas class="canvasImg" canvas-id="qrcodeCard"></canvas>
|
||
|
||
<!-- 海报弹出 -->
|
||
<view class="posterPop {{posterState ? 'active' : ''}}"></view>
|
||
<view class="posterCont {{posterState ? 'active' : ''}}">
|
||
<image class="posterCont-back" src="{{userInfo.banner.cover}}" mode="aspectFill"></image>
|
||
<view class="posterCont-user">
|
||
<image class="posterCont-avatar" src="{{userInfo.user.avatar ? userInfo.user.avatar : '../../static/imgs/default_myHead.png'}}"></image>
|
||
<view class="date">
|
||
<view class="date-day">{{userInfo.time.day}}</view>
|
||
<view class="date-year">{{userInfo.time.yearMonth}}</view>
|
||
</view>
|
||
<view class="date-time">
|
||
<text>{{userInfo.time.time}}</text>
|
||
<view class="date-lunar">{{userInfo.time.lunar}}</view>
|
||
</view>
|
||
</view>
|
||
<view class="other">
|
||
<view class="other-top">
|
||
<view class="other-name">{{userInfo.user.nickname}}</view>
|
||
<view class="other-text">{{waterText}}</view>
|
||
</view>
|
||
<view class="other-tips">
|
||
<text>上善若水</text>
|
||
<text>利万物而不争</text>
|
||
</view>
|
||
<image class="code-img" src="{{qrcode}}"></image>
|
||
</view>
|
||
</view>
|
||
<view class="sign-img-block {{posterState ? 'active' : ''}}">
|
||
<view class="sign-img-btn">
|
||
<view class="sign-img-go" bindtap="posterHide">关闭打卡海报</view>
|
||
<navigator hover-class="none" url="./write/index" class="sign-img-go">填写效果反馈</navigator>
|
||
</view>
|
||
<view class="sign-img-down" bindtap="saveImg">
|
||
下载海报
|
||
</view>
|
||
</view> |