<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">
            <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 bindtap="handleAchievement">打卡成果</view>
                <view class="blue_line"></view>
                <view bindtap="handleDetail">去打卡</view>
            </view>
        </view>
    </view>
   
</view>