<view class="main"> <view class="bck" style="background-image: url('../../../img/answer/blue_bck1.png')"></view> <view class="box"> <view class="title_name"> <!-- 打卡排行榜 --> </view> <vidw class="title_view" bindtap="toRank">立即查看</vidw> <view class="tabs_css"> <view class="{{active == 1?'tabs_item check' :'tabs_item no_check'}}" bindtap="checkTabs" data-index='1'>我的打卡</view> <view class="{{active == 2?'tabs_item check' :'tabs_item no_check'}} " bindtap='checkTabs' data-index='2'>我创建的</view> </view> </view> <view class="white_box"> <view class="card"> <view class="card_title"> <view class="title_L"> <image class="title_pic" src="/img/answer/bj.png" alt="" /> </view> <view class="title_R"> <view>英语单词每日打卡</view> <view class="grey_font">我发布于09-09 08:21</view> </view> </view> <view class="day_font">每日20个英文单词背诵</view> <view class="day_font2">已坚持打卡 <text class="day_font2_large">1/50 </text>天 </view> <view> <van-progress percentage="50" color='#3F5EFF' stroke-width="13" pivot-text=' ' /> </view> <view class="flex_font"> <text class="grey_flex">打卡频次:</text> 每天 </view> <view class="flex_font"> <text class="grey_flex">打卡要求:</text> 需填写单词个数 </view> <view class="flex_font"> <view class="grey_flex">其他:</view> 不允许补卡 </view> <view class="grey_line"></view> <view class="blue_font"> <view>打卡成果</view> <view class="blue_line"></view> <view>去打卡</view> </view> </view> </view> <view class="blue_tip" bindtap="toShow"> <image class="img_tip" src="/img/answer/add.png" alt="" /> </view> <!-- 弹窗 --> <van-popup show="{{ showAdd }}" round position="bottom" custom-style="height: 60%;" bind:close="closeAdd"> <view class="pop_card"> <view class="pop_title">选择模板</view> <view class="tem_box" > <view class="tem_item" wx:for="{{tempList}}" wx:key="index" wx:for-item="value" bindtap="toPunch" data-value="{{value}}"> <image class="tem_pic" src="{{value.url}}" alt="" /> <view class="tem_font">{{value.name}}</view> </view> </view> </view> </van-popup> </view>