PhonicsGame_master/pages/main/default.wxml

<view class="container FlexColumn" style="min-height:{{Containnerheight}}rpx;">
  <scroll-view class="scroll-view_H" scroll-x>
    <image class="homepage_headline_illus" src="../../images/homepage_headline_illus.png" />
  </scroll-view>

  <view class="panel FlexColumn">
    <view class="line1"></view>
    <view class="line2"></view>
    <view class="panel0 FlexRow">
      <view class="panel00Left"></view>
      <view class="panel00 FlexColumn">
        <view class="panel000 FlexRow">
          <view class="text">选题</view>
          <view class="text">·</view>
          <view class="text">打印</view>
        </view>
        <view class="panel001 FlexRow">
          <view class="panel0010 FlexRow">
            <image class="homepage_question_illus_grade01" src="../../images/homepage_question_illus_grade01.png" />
            <image class="homepage_question_illus_grade01" src="../../images/homepage_question_illus_grade02.png" />
            <image class="homepage_question_illus_grade01" src="../../images/homepage_question_illus_grade03.png" />
            <image class="homepage_question_illus_grade01" src="../../images/homepage_question_illus_grade04.png" />
          </view>
        </view>
        <image class="universalpic_line_zigzag_brown_down" src="../../images/universalpic_line_zigzag_brown_down.png" />
        <image class="universalpic_line_zigzag_brown_up" src="../../images/universalpic_line_zigzag_brown_up.png" />
        <view class="panel002 FlexRow">
          <view class="panel0020 FlexRow">
            <view class="panel00200 FlexColumn">
              <view class="text0">批改</view>
              <view class="line"></view>
              <view class="panel002000 FlexRow">
                <view class="text1">制题次数</view>
                <view class="text2">232</view>
              </view>
              <view class="line2 line"></view>
              <view class="panel002000 FlexRow">
                <view class="text1">制题日期</view>
                <view class="text">2018年1月13日</view>
              </view>
              <view class="line2 line"></view>
              <view class="panel002000 FlexRow">
                <view class="btn">
                  <view class="btn1">
                    登录
                  </view>
                </view>
                <view class="btn2 btn">
                  <view class="btn3 btn1">
                    答案
                  </view>
                </view>
              </view>
            </view>
            <view class="panel00201 FlexRow">
              <image class="universalpic_face_default_black_size01" src="../../images/universalpic_face_default_black_size01.png" />
            </view>
          </view>
          <image class="homepage_clipboard_illus_clip" src="../../images/homepage_clipboard_illus_clip.png" />
          <image class="homepage_clipboard_illus_ruler" src="../../images/homepage_clipboard_illus_ruler.png" />

        </view>
        <image class="universalpic_line_zigzag_brown_down" src="../../images/universalpic_line_zigzag_brown_down.png" />
        <image class="universalpic_line_zigzag_brown_up" src="../../images/universalpic_line_zigzag_brown_up.png" />
        <view class="panel003 circularBottom FlexColumn">
          <view class="panel0030 FlexRow">
            <view class="panel00300 FlexColumn">
              <text class="text">©2018 唱意教育 - 数学计算题\n微信小程序 版本 1.0.0</text>
              <view class="panel003000 FlexRow">
                <view>帮助</view>
                <view class="line"></view>
                <view>反馈</view>
                <view class="line"></view>
                <view>合作</view>
              </view>
            </view>
            <view class="btn4 btn">
              <view class="btn5 btn1 FlexColumn">
                <image class="universalpic_share_size01" src="../../images/universalpic_share_size01.png" />
                <view>转发分享</view>
              </view>
            </view>
          </view>

          <view class="panel0031 FlexColumn">
            <view class="panel00310 FlexColumn">
              唱意教育其它练习产品
            </view>
            <view class="line"></view>
            <block wx:for="{{ProgramList}}" wx:key="index">
              <view class="panel00311 FlexRow">
                <view class="panel003110 FlexRow">
                  <image class="universalpic_product_kousuan_icon_size01" src="../../images/{{item.imageName}}.png" />
                  <view class="text">{{item.Name}}</view>
                </view>
                <image class="universalpic_indicator_pink" src="../../images/universalpic_indicator_pink.png" />
              </view>
              <view class="line"></view>
            </block>
          </view>
        </view>
      </view>
      <view class="panel00Right"></view>
    </view>
  </view>
</view>