<view class="main">
    <!-- <view class="bck" style="background-image: url('https://szyundisk.oss-cn-hangzhou.aliyuncs.com/null/67c3d489-6635-4bef-90f2-03553f56fd0a.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 class="tabs_div"></view>
    </view> -->
    <view class="white_box">
        <view class="card" wx:for="{{taskList}}" wx:key="index" wx:for-item="value">
            <view class="card_title">
                <view class="title_L">
                    <image class="title_pic" src="/img/answer/bj.png" alt="" />
                </view>
                <view class="title_R">
                    <view>{{value.taskTitle}}</view>
                    <view class="grey_font">开始时间 {{value.startDate}}</view>
                </view>
            </view>
            <view class="day_font">{{value.taskDesc}}</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>
                {{value.taskFrequency}}
            </view>
            <view class="flex_font" wx:if="{{value.submitCondition != null}}">
                <text class="grey_flex">打卡要求：</text>
                {{'需要' + value.submitCondition}}
            </view>
            <view class="flex_font">
                <view class="grey_flex">其他：</view>
                {{value.allowRepairCard == 1 ? '允许补卡': '不允许补卡'}}
            </view>
            <view class="grey_line"></view>
            <view class="blue_font">
                <view bindtap="handleAchievement" data-valueId="{{value.id}}">打卡成果</view>
                <view class="blue_line"></view>
                <view bindtap="handleDetail" data-valueId="{{value.id}}">去打卡</view>
            </view>
        </view>
    </view>
   
</view>