EXEED_wxapp/pages/user/subpage/quest/quest.wxml

<!--pages/quest/quest.wxml-->
<view class="main">
  <!-- 搜索栏 -->
  <view class="search">
    <searchbar placeholder="请输入任务名称" bind:handleSearch="handleSearch"></searchbar>
  </view>
  <!-- 导航栏 -->
  <view class="wrap">
    <view wx:for="{{navItem}}" wx:key="index" class="item {{item.is?'active':''}}" data-id="{{item.id}}" bind:tap="handleClick">
      {{item.name}}
      <image style="height: 12rpx;width: 16rpx;" src="/images/ic_sanjiao_nor@2x.png"></image>
    </view>
  </view>
  <!-- 导航栏选项 -->
  <view class="selectWrap {{showOrHide?'slidown':'slidup'}}">
    <view class="selectItem {{item.is?'active':''}}" wx:for="{{selectedItem}}" wx:key="index" data-contant="{{item.title}}" data-id="{{index}}" bind:tap="closeMask">
      {{item.title}}
    </view>
  </view>
  <!-- 遮罩层 -->
  <view class="{{showOrHide?'shadow':''}}" bind:tap="closeMask" />
  <!-- 任务展示 -->
  <view class="quest">
    <view class="quest_crad" wx:for="{{questes}}" wx:key="index" data-url="/pages/quest/subpage/detail/detail" data-quest="{{item}}" bindtap="to">
      <view class="card_top">
        <view class="card_time">{{item.start}}-{{item.end}}</view>
        <view class="card_status" style="color:{{item.status === 2 ? '#999999' : item.status === 0 ? '#999999' : item.isReceived === 0 ? '#FF8B3C' : '#006BFF'}};">{{item.status === 2 ? '已完成' : item.status === 0 ? '未开始' : item.isReceived === 0 ? '待领取' : '进行中'}}</view>
      </view>
      <view class="card_main">
        <view class="crad_left">
          <view class="crad_left_top">
            <view class="card_title">{{item.title}}</view>
            <view class="crad_text">{{item.subtitle}}</view>
          </view>
          <view class="card_tip">
            <view wx:for="{{item.tagList}}" wx:key="index" class="card_tip1">
              {{item.title}}
            </view>
            <!-- <view class="card_tip1">{{item.tip}}</view> -->
            <view wx:for="{{item.brandList}}" wx:key="index" class="card_model">
              {{item.name}}
            </view>
          </view>
        </view>
        <!-- <view class="crad_image"></view> -->
        <image mode="aspectFill" class="crad_image" src="{{cdn+item.coverUrl}}"></image>
      </view>
    </view>
  </view>
</view>
<!-- 日期自定义 -->
<l-mask show="{{datepick}}" center="{{true}}">
  <view class='mask-content'>
    <picker mode="date" end="{{endTime}}" value="{{beginTime}}" bindchange="bindDateChange">
      <view class="picker">
        开始时间: {{beginTime}}
      </view>
    </picker>
    <picker mode="date" start="{{beginTime}}" style="margin-top: 16rpx;" value="{{endTime}}" bindchange="bindDateChange2">
      <view class="picker">
        结束时间: {{endTime}}
      </view>
    </picker>
    <button style="margin-top: 32rpx;background-color: white;" catchtap="timeclick" data-tu="1">取消</button>
    <button style="margin-top: 32rpx;background-color: white;" catchtap="timeclick" data-tu="2">确定</button>
  </view>
</l-mask>