HanziLearn_master/package4/main/list.wxml

<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <!-- 套装购买 -->
  <block wx:if="{{!IsGift}}">
    <view class='panel1 FlexRow'>
      <image src='../images/product_icon_group_50x50.png' class="product_icon_group_50x50" />
      <view class="panel11 FlexColumn">
        <view class="panel111 FlexRow">
          <view class="text1">{{ProductList[0].Name}}</view>
          <view class="text0">{{ProductList[0].Period[0].Price}}</view>
        </view>
        <view class="text3">{{ProductList[0].ProductList.length}}款产品，有效期6个月</view>
        <view class="text2">{{ProductList[0].Period[0].Title2}}</view>
        <view class="line1"></view>
        <block wx:for="{{ProductList[0].ProductList}}" wx:key="index" wx:if="{{ChineseShow}}">

          <view class="panel12 FlexRow">
            <view class="FlexRow">
              <image src='../images/{{item.ImageUrl}}' class="product_icon_ksxq_70x70" />
              <view class="panel13 FlexColumn">
                <view class="text4">{{item.Name}}</view>
                <view class="text5">{{item.Name2}}</view>
              </view>
            </view>
            <view class="panel14" bindtap='switchProgram' data-appid='{{item.appId}}' data-path='{{item.path}}' wx:if="{{ProgramID!=item.ID}}">去体验</view>
          </view>
        </block>
        <block wx:if="{{!ChineseShow}}">
          <view class="panel121 panel12 FlexRow" bindtap="showList" data-id="ChineseShow">
            <view class="text4">套装详情</view>
            <image src='../images/universalpic_indicator_down_gray.png' class="universalpic_indicator_down_gray" />
          </view>
        </block>

      </view>
    </view>
    <view class="panel2 FlexRow" bindtap='gotoOrder' data-paytype="4" data-id='{{ProductList[0].ProductNum}}'>
      <view class="text6">去结算</view>
      <image src='../images/universalpic_indicator_right_white.png' class="universalpic_indicator_right_white" />
    </view>

    <view class='panel1 FlexRow'>
      <image src='../images/product_icon_group_50x50.png' class="product_icon_group_50x50" />
      <view class="panel11 FlexColumn">
        <view class="panel111 FlexRow">
          <view class="text1">{{ProductList[1].Name}}</view>
          <view class="text0">{{ProductList[1].Period[0].Price}}</view>
        </view>
        <view class="text3">{{ProductList[1].ProductList.length}}款产品，有效期6个月</view>
        <view class="text2">{{ProductList[1].Period[0].Title2}}</view>
        <view class="line1"></view>
        <block wx:for="{{ProductList[1].ProductList}}" wx:key="index" wx:if="{{MathShow}}">

          <view class="panel12 FlexRow">
            <view class="FlexRow">
              <image src='../../pages/images/{{item.ImageUrl}}' class="product_icon_ksxq_70x70" />
              <view class="panel13 FlexColumn">
                <view class="text4">{{item.Name}}</view>
                <view class="text5">{{item.Name2}}</view>
              </view>
            </view>
            <view class="panel14" bindtap='switchProgram' data-appid='{{item.appId}}' data-path='{{item.path}}' wx:if="{{ProgramID!=item.ID}}">去体验</view>
          </view>
          <view class="line1"></view>
        </block>
        <block wx:if="{{!MathShow}}">
          <view class="panel121 panel12 FlexRow" bindtap="showList" data-id="MathShow">
            <view class="text4">套装详情</view>
            <image src='../images/universalpic_indicator_down_gray.png' class="universalpic_indicator_down_gray" />
          </view>
        </block>

      </view>
    </view>
    <view class="panel2 FlexRow" bindtap='gotoOrder' data-paytype="4" data-id='{{ProductList[1].ProductNum}}'>
      <view class="text6">去结算</view>
      <image src='../images/universalpic_indicator_right_white.png' class="universalpic_indicator_right_white" />
    </view>


    <view class='panel1 FlexRow'>
      <image src='../images/product_icon_group_50x50.png' class="product_icon_group_50x50" />
      <view class="panel11 FlexColumn">
        <view class="panel111 FlexRow">
          <view class="text1">{{ProductList[2].Name}}</view>
          <view class="text0">{{ProductList[2].Period[0].Price}}</view>
        </view>
        <view class="text3">{{ProductList[2].ProductList.length}}款产品，有效期6个月</view>
        <view class="text2">{{ProductList[2].Period[0].Title2}}</view>
        <view class="line1"></view>
        <block wx:for="{{ProductList[2].ProductList}}" wx:key="index" wx:if="{{AllShow}}">
          <view class="panel12 FlexRow">
            <view class="FlexRow">
              <image src='../../pages/images/{{item.ImageUrl}}' class="product_icon_ksxq_70x70" />
              <view class="panel13 FlexColumn">
                <view class="text4">{{item.Name}}</view>
                <view class="text5">{{item.Name2}}</view>
              </view>
            </view>
            <view class="panel14" bindtap='switchProgram' data-appid='{{item.appId}}' data-path='{{item.path}}' wx:if="{{ProgramID!=item.ID}}">去体验</view>
          </view>
          <view class="line1"></view>
        </block>

        <block wx:if="{{!AllShow}}">
          <view class="panel121 panel12 FlexRow" bindtap="showList" data-id="AllShow">
            <view class="text4">套装详情</view>
            <image src='../images/universalpic_indicator_down_gray.png' class="universalpic_indicator_down_gray" />
          </view>
        </block>
      </view>
    </view>
    <view class="panel2 FlexRow" bindtap='gotoOrder' data-paytype="4" data-id='{{ProductList[2].ProductNum}}'>
      <view class="text6">去结算</view>
      <image src='../images/universalpic_indicator_right_white.png' class="universalpic_indicator_right_white" />
    </view>
  </block>

  <!-- 礼品卡 -->
  <block wx:if="{{IsGift}}">
    <image src='../images/pay_shelf_banner_750x200.png' class="pay_shelf_banner_750x200" />
    <view class='panel1 FlexRow'>
      <image src='../images/product_icon_group_50x50.png' class="product_icon_group_50x50" />
      <view class="panel11 FlexColumn">
        <view class="panel111 FlexRow">
          <view class="text1">{{CurrentProduct.ProductList[0].Name}}礼品卡</view>
          <view class="text0">{{CurrentProduct.Period[0].Price}}</view>
        </view>
        <view class="text23">1款产品，可使用6个月</view>
        <view class="line1"></view>
        <block wx:for="{{CurrentProduct.ProductList}}" wx:key="index" wx:if="{{MathGiftShow}}">

          <view class="panel12 FlexRow">
            <view class="FlexRow">
              <image src='../../pages/images/{{item.ImageUrl}}' class="product_icon_ksxq_70x70" />
              <view class="panel13 FlexColumn">
                <view class="text4">{{item.Name}}</view>
                <view class="text5">{{item.Name2}}</view>
              </view>
            </view>
            <view class="panel14" bindtap='switchProgram' data-appid='{{item.appId}}' data-path='{{item.path}}' wx:if="{{ProgramID!=item.ID}}">去体验</view>
          </view>
          <view class="line1"></view>
        </block>
        <block wx:if="{{!MathGiftShow}}">
          <view class="panel121 panel12 FlexRow" bindtap="showList" data-id="MathGiftShow">
            <view class="text4">礼品卡详情</view>
            <image src='../images/universalpic_indicator_down_gray.png' class="universalpic_indicator_down_gray" />
          </view>
        </block>

      </view>
    </view>
    <view class="panel2 FlexRow" bindtap='gotoOrder' data-paytype="5" data-id='{{CurrentProduct.ProductNum}}'>
      <view class="text6">去结算</view>
      <image src='../images/universalpic_indicator_right_white.png' class="universalpic_indicator_right_white" />
    </view>


    <view class='panel1 FlexRow'>
      <image src='../images/product_icon_group_50x50.png' class="product_icon_group_50x50" />
      <view class="panel11 FlexColumn">
        <view class="panel111 FlexRow">
          <view class="text1">{{ProductList[2].Name}}礼品卡</view>
          <view class="text0">{{ProductList[2].Period[0].Price}}</view>
        </view>
        <view class="text3">{{ProductList[2].ProductList.length}}款产品，有效期6个月</view>
        <view class="text2">{{ProductList[2].Period[0].Title2}}</view>
        <view class="line1"></view>
        <block wx:for="{{ProductList[2].ProductList}}" wx:key="index" wx:if="{{AllGiftShow}}">
          <view class="panel12 FlexRow">
            <view class="FlexRow">
              <image src='../../pages/images/{{item.ImageUrl}}' class="product_icon_ksxq_70x70" />
              <view class="panel13 FlexColumn">
                <view class="text4">{{item.Name}}</view>
                <view class="text5">{{item.Name2}}</view>
              </view>
            </view>
            <view class="panel14" bindtap='switchProgram' data-appid='{{item.appId}}' data-path='{{item.path}}' wx:if="{{ProgramID!=item.ID}}">去体验</view>
          </view>
        </block>
        <block wx:if="{{!AllGiftShow}}">
          <view class="panel121 panel12 FlexRow" bindtap="showList" data-id="AllGiftShow">
            <view class="text4">礼品卡详情</view>
            <image src='../images/universalpic_indicator_down_gray.png' class="universalpic_indicator_down_gray" />
          </view>
        </block>
      </view>
    </view>
    <view class="panel2 FlexRow" bindtap='gotoOrder' data-paytype="5" data-id='{{ProductList[2].ProductNum}}'>
      <view class="text6">去结算</view>
      <image src='../images/universalpic_indicator_right_white.png' class="universalpic_indicator_right_white" />
    </view>

    <image src='../images/file_0303.png' class="file_0303" />
  </block>
  <view style='height:100rpx'></view>
</view>