<view class="container FlexColumn" style='min-height:{{Containnerheight}}rpx;'>
  <image class="trial_lesson_header" src='{{ImagePath}}web/trial_lesson_header.png' />

  <view class="main FlexColumn">
    <block wx:for="{{List}}" wx:key="index">
      <view class="panelTitle FlexRow" bindtap="gotoLesson" data-id="{{index+1}}">
        <view class="panelTitle1">{{item.Text}}</view>
        <view class="panelTitle2">{{item.Time}}</view>
      </view>
      <block wx:for="{{item.List}}" wx:key="index2" wx:for-item="itemChild" wx:for-index="indexChild" wx:if="{{itemChild.Cover==1}}">
        <view class="lineWidthAll FlexRow" wx:if="{{indexChild>0}}">
          <view class="lineWidth720"></view>
        </view>

        <view class="panelItem FlexRow" bindtap="gotoLesson" data-id="{{index+1}}" data-idchild="{{indexChild+1}}" data-url="{{itemChild.VideoUrl}}" data-imageurl="{{itemChild.ImageUrl}}">
          <view class='panelItem1 FlexColumn'>
            <view class="panelTitle10">{{itemChild.Title}}</view>
          </view>
          <view class="panelItem2 FlexRow">
            <image class="universalpic_indicator_right_gray" src='../images/universalpic_indicator_right_gray.png' />
          </view>
        </view>

      </block>
      <view class='lineFooter'></view>

    </block>
  </view>
  <view style="height:100rpx;"></view>
</view>