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">1</view>
      <view class="btn">4</view>
      <view class="btn">7</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>

  <view class="panelRowTop panel0 FlexRow">
    <view class="panelLeft1 panelLeft">第一列</view>
    <view>
    </view>
  </view>
  <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>