PhonicsGame_master/pages/main/item.wxml

<view class="container FlexColumn" style="min-height:{{Containnerheight}}rpx;">
  <view class="panel0 FlexRow">
    <view class="panelLeft">快翻</view>
    <view class="panelRight FlexRow">
      <view class="btn1 btn" bindtap="scrollTop" data-id="0">1</view>
      <view class="btn" bindtap="scrollTop" data-id="1">{{AnswerItem.QuestionList.length/3+1}}</view>
      <view class="btn" bindtap="scrollTop" data-id="2">{{AnswerItem.QuestionList.length*2/3+1}}</view>
    </view>
  </view>
  <view class="panel1 panel0 FlexRow">
    <view class="panelLeft">听答案</view>
    <view class="panelRight FlexRow">

      <view class="btn4 btn2">
        <view class="btn3 FlexRow">
          <image class="universalpic_rewind_white_size01" src="../../images/universalpic_rewind_white_size01.png" />
        </view>
      </view>
      <view class="btn2">
        <view class="btn3 FlexRow">
          <image class="universalpic_play_white_size01" src="../../images/universalpic_play_white_size01.png" />
        </view>
      </view>
    </view>
  </view>
  <view class="panel2 panel1 panel0 FlexRow">
    <view class="panelLeft">答案</view>
    <view>
    </view>
  </view>


  <block wx:for="{{AnswerItem.QuestionList}}" wx:key="index">
    <block wx:if="{{(index % (AnswerItem.QuestionList.length/3))==0 }}">
      <view id="panelRowTop{{index / (AnswerItem.QuestionList.length/3)}}" class="panelRowTop panel0 FlexRow">
        <view class="panelLeft1 panelLeft">第
          <block wx:if="{{index / (AnswerItem.QuestionList.length/3)==0}}">一</block>
          <block wx:if="{{index / (AnswerItem.QuestionList.length/3)==1}}">二</block>
          <block wx:if="{{index / (AnswerItem.QuestionList.length/3)==2}}">三</block>
          列</view>
        <view>
        </view>
      </view>
    </block>
    <view class="panelRowBody panel0 FlexRow">
      <view class="panelLeft FlexRow">
        <view class="number">{{index+1}}</view>
        <view class="answer">{{item.Result}}</view>
      </view>
      <view class="panelRight FlexRow">
        <view class="equation">
          <block wx:if="{{item.HiddenColumn=='A'}}">___ </block>
          <block wx:if="{{item.HiddenColumn!='A'}}">{{item.A}} </block>
          {{item.OperateAB}}
          <block wx:if="{{item.HiddenColumn=='B'}}">___ </block>
          <block wx:if="{{item.HiddenColumn!='B'}}">{{item.B}} </block>
          {{item.OperateBC}} {{item.C}} {{item.OperateCD}} {{item.D}} =
          <block wx:if="{{item.HiddenColumn=='R'}}">___ </block>
          <block wx:if="{{item.HiddenColumn!='R'}}">{{item.R}} </block>
        </view>
        <image class="formula_btn_show" src="../../images/formula_btn_show.png" wx:if="{{item.Vertical && !item.IsShowVertical}}" bindtap='selectedItem' data-id="{{item.ID}}" />
        <image class="formula_btn_show" src="../../images/formula_btn_hide.png" wx:if="{{item.Vertical && item.IsShowVertical}}" bindtap='selectedItem' data-id="{{item.ID}}"/>
    </view>
    </view>
    <!-- 算式一 -->
    <view class="panelRowBody panel0 FlexColumn" wx:if="{{item.Vertical && item.OperateAB!='÷' && item.IsShowVertical}}">
      <view class="panelAnswer FlexColumn">
        <view class="panelAnswerRow FlexRow" wx:for='{{item.Vertical}}' wx:key="index">
          <view class="panelAnswerCol FlexRow" wx:for='{{item.Array}}' wx:key="i" wx:for-item="col" wx:for-index="i">
            <view class="colNumber" wx:if="{{item.Type=='number' && col!='√' && col!='.'}}">{{col}}</view>
            <view class="colDot" wx:if="{{item.Type=='number' && col=='.'}}">{{col}}</view>
            <image wx:if="{{item.Type=='number' && col=='√'}}" class="formula_division_size01" src="../../images/formula_division_size01.png" />
            <view class="colLine" wx:if="{{item.Type=='line' && col=='1'}}"></view>
            <view class="colLineHalf" wx:if="{{item.Type=='line' && col=='0.5'}}"></view>
            <view class="colLineNull" wx:if="{{item.Type=='line' && col==''}}"></view>
          </view>
        </view>
      </view>
    </view>
    <!-- 算式二 -->
    <view class="panelRowBody panel0 FlexColumn" wx:if="{{item.Vertical && item.OperateAB=='÷' && item.IsShowVertical}}">
      <view class="panelAnswer FlexColumn">
        <view class="panelAnswerRow FlexRow" wx:for='{{item.Vertical}}' wx:key="index">
          <view class="panelAnswerCol FlexRow" wx:for='{{item.Array}}' wx:key="i" wx:for-item="col" wx:for-index="i">
            <view class="colNumber" wx:if="{{item.Type=='number' && col!='√' && col!='.'}}">{{col}}</view>
            <view class="colDot" wx:if="{{item.Type=='number' && col=='.'}}">{{col}}</view>
            <image wx:if="{{item.Type=='number' && col=='√'}}" class="formula_division_size01" src="../../images/formula_division_size01.png" />
            <view class="colLine" wx:if="{{item.Type=='line' && col=='1'}}"></view>
            <view class="colLineHalf" wx:if="{{item.Type=='line' && col=='0.5'}}"></view>
            <view class="colLineNull" wx:if="{{item.Type=='line' && col==''}}"></view>
          </view>
        </view>
      </view>
    </view>
    <view class="line FlexRow">
      <view class="line1"></view>
    </view>

  </block>

  <!-- <view class="panelRowBody panel0 FlexRow">
    <view class="panelLeft FlexRow">
      <view class="number">1</view>
      <view class="answer">7</view>
    </view>
    <view class="panelRight FlexRow">
      <view class="equation">1 + 6 =</view>
      <image class="formula_btn_show" src="../../images/formula_btn_show.png" />
    </view>
  </view>
  <view class="line FlexRow">
    <view class="line1"></view>
  </view>
  <view class="panelRowBody panel0 FlexRow">
    <view class="panelLeft FlexRow">
      <view class="number">2</view>
      <view class="answer">28</view>
    </view>
    <view class="panelRight FlexRow">
      <view class="equation">159 -131 =</view>
      <image class="formula_btn_show" src="../../images/formula_btn_show.png" />
    </view>
  </view>
  <view class="line FlexRow">
    <view class="line1"></view>
  </view>
  <view class="panelRowBody panel0 FlexRow">
    <view class="panelLeft FlexRow">
      <view class="number">3</view>
      <view class="answer">553500</view>
    </view>
    <view class="panelRight FlexRow">
      <view class="equation">123 × 4500 =</view>
      <image class="formula_btn_show" src="../../images/formula_btn_hide.png" />
    </view>
  </view>

  <view class="panelRowBody panel0 FlexColumn">
    <view class="panelAnswer FlexColumn">
      <view class="panelAnswerRow FlexRow" wx:for='{{TestDivEquation1}}' wx:key="index">
        <view class="panelAnswerCol FlexRow" wx:for='{{item.Array}}' wx:key="i" wx:for-item="col" wx:for-index="i">
          <view class="colNumber" wx:if="{{item.Type=='number' && col!='√' && col!='.'}}">{{col}}</view>
          <view class="colDot" wx:if="{{item.Type=='number' && col=='.'}}">{{col}}</view>
          <image wx:if="{{item.Type=='number' && col=='√'}}" class="formula_division_size01" src="../../images/formula_division_size01.png" />
          <view class="colLine" wx:if="{{item.Type=='line' && col=='1'}}"></view>
          <view class="colLineHalf" wx:if="{{item.Type=='line' && col=='0.5'}}"></view>
          <view class="colLineNull" wx:if="{{item.Type=='line' && col==''}}"></view>
        </view>
      </view>
    </view>
  </view>
  <view class="line FlexRow">
    <view class="line1"></view>
  </view>
  <view class="panelRowBody panel0 FlexRow">
    <view class="panelLeft FlexRow">
      <view class="number">4</view>
      <view class="answer">0.625</view>
    </view>
    <view class="panelRight FlexRow">
      <view class="equation">35 ÷ 56 =</view>
      <image class="formula_btn_show" src="../../images/formula_btn_hide.png" />
    </view>
  </view> 
  <view class="panelRowBody panel0 FlexColumn">
    <view class="panelAnswer FlexColumn">
      <view class="panelAnswerRow FlexRow" wx:for='{{TestDivEquation2}}' wx:key="index">
        <view class="panelAnswerCol FlexRow" wx:for='{{item.Array}}' wx:key="i" wx:for-item="col" wx:for-index="i">
          <view class="colNumber" wx:if="{{item.Type=='number' && col!='√' && col!='.'}}">{{col}}</view>
          <view class="colDot" wx:if="{{item.Type=='number' && col=='.'}}">{{col}}</view>
          <image wx:if="{{item.Type=='number' && col=='√'}}" class="formula_division_size01" src="../../images/formula_division_size01.png" />
          <view class="colLine" wx:if="{{item.Type=='line' && col=='1'}}"></view>
          <view class="colLineHalf" wx:if="{{item.Type=='line' && col=='0.5'}}"></view>
          <view class="colLineNull" wx:if="{{item.Type=='line' && col==''}}"></view>
        </view>
      </view>
    </view>
  </view>
  -->




</view>