index.wxml 2.8 KB
<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>