bingxue-wechat/pages/contest/answer/answer.wxml

<!--pages/contest/answer/answer.wxml-->
<view>
  <image mode="widthFix" src="../../../imgs/contest/answer/bg.png" class="bg"></image>
  <view class="top">
    <view class="top-title">您还有
      <view class="time">
        09：44
      </view>秒答题
    </view>
    <view class="top-nav">
      <view class="{{pagination.page==1?'active':''}}" style="background-image: url({{pagination.page==1?'../../../imgs/contest/answer/nav-bg.png':''}});" bindtap="bindNavTagger" data-index="1">第1-10题</view>
      <view class="{{pagination.page==2?'active':''}}" style="background-image: url({{pagination.page==2?'../../../imgs/contest/answer/nav-bg.png':''}});" bindtap="bindNavTagger" data-index="2">第11-20题</view>
      <view class="{{pagination.page==3?'active':''}}" style="background-image: url({{pagination.page==3?'../../../imgs/contest/answer/nav-bg.png':''}});" bindtap="bindNavTagger" data-index="3">第21-30题</view>
      <view class="{{pagination.page==4?'active':''}}" style="background-image: url({{pagination.page==4?'../../../imgs/contest/answer/nav-bg.png':''}});" bindtap="bindNavTagger" data-index="4">第31-40题</view>
      <view class="{{pagination.page==5?'active':''}}" style="background-image: url({{pagination.page==5?'../../../imgs/contest/answer/nav-bg.png':''}});" bindtap="bindNavTagger" data-index="5">第41-50题</view>
    </view>
  </view>
  <view class="content">
    <view class="content-title">2022年冬奥会知识竞赛</view>
    <view class="content-item">
      <view class="problem">
        <view class="problem-num">
          <image mode="widthFix" class="problem-icon" src="../../../imgs/contest/answer/icon.png"></image>
          <view class="problem-index">1</view>
        </view>
        <view class="problem-text">现代奥林匹克圣火传递起于哪一年？</view>
      </view>
      <view class="problem-key-list">
        <view class="active">A. 1936年</view>
        <view class="">A. 1936年</view>
        <view class="">A. 1936年</view>
        <view class="">A. 1936年</view>
      </view>
    </view>
    <view class="content-item">
      <view class="problem">
        <view class="problem-num">
          <image mode="widthFix" class="problem-icon" src="../../../imgs/contest/answer/icon.png"></image>
          <view class="problem-index">1</view>
        </view>
        <view class="problem-text">现代奥林匹克圣火传递起于哪一年？</view>
      </view>
      <view class="problem-key-list">
        <view class="active">A. 1936年</view>
        <view class="">A. 1936年</view>
        <view class="">A. 1936年</view>
        <view class="">A. 1936年</view>
      </view>
    </view>
  </view>
  <view class="arrow-group">
    <image class="" mode="widthFix" src="../../../imgs/contest/answer/left{{pagination.page==1?'':'-active'}}.png" bindtap="{{pagination.page==1?'':'bindNavTagger'}}" data-index="{{pagination.page-1}}"></image>
    <image class="" mode="widthFix" src="../../../imgs/contest/answer/right{{pagination.page==5?'':'-active'}}.png" bindtap="{{pagination.page==5?'':'bindNavTagger'}}" data-index="{{pagination.page+1}}"></image>
  </view>
</view>