2BTV-Web/src/res/tpl/WaterfallIndexScene.tpl

<div id="WaterfallIndexScene" class="swiper-container-waterfall swiper-container" fe-role="Switch">
  <!-- 首页背景图 -->
  <div class="background">
    <img src="assets/img/WaterfallIndexScene/background.png" alt="" />
  </div>
  <div id="waterfall-swiper" class="swiper-wrapper" fe-role="Scroll" fe-cfg="scroll_dir:v,scroll_duration:0.2,scroll_easing:linear,disable_cache_pre:yes">
    <!-- slider-1: 首屏作为第一个silder -->
    <div id="slide-0" class="swiper-slide">
      <!-- 顶部工具条 -->
      <div class="header">
        <!-- 版本logo -->
        <div class="logo">
          <img src="assets/img/WaterfallIndexScene/logo.png" alt="" />
        </div>
        <!-- 系统设置icon -->
        <div id="system-config" class="system-config config" fe-role="Widget">
          <img src="assets/img/WaterfallIndexScene/icon_sysconf.png" />
        </div>
        <!-- wifi网速 -->
        <div id="wifi-config" class="wifi-config config" fe-role="Widget">
          <img src="assets/img/WaterfallIndexScene/icon_wifi.png" />
        </div>
        <!-- 时钟显示 -->
        <div class="clock"></div>
      </div>
      <!-- 首页入口 -->
      <div class="content">
        <div class="scroll-list">
          <!-- 左侧终端信息、收藏下载两个入口 -->
          <div class="left">
            <!-- 终端信息入口 -->
            <div id="entrance-terminal" class="entrance" fe-role="Widget">
              <img src="assets/img/WaterfallIndexScene/entrance_terminal.png" />
            </div>
            <!-- 收藏下载入口 -->
            <div id="entrance-download" class="entrance" fe-role="Widget" fe-index="0" fe-goto="1;;;">
              <img src="assets/img/WaterfallIndexScene/entrance_download.png" />
            </div>
          </div>
          <!-- 中间轮播图 -->
          <div id="advert-carousel" class="center"></div>
          <!-- 右侧师训、配套入口 -->
          <div class="right">
            <!-- 师训入口 -->
            <div id="entrance-training" class="entrance" fe-role="Widget">
			    <img src="assets/img/WaterfallIndexScene/entrance_training.png"/>
            </div>
            <!-- 配套入口 -->
            <div id="entrance-support" class="entrance" fe-role="Widget">
			    <img src="assets/img/WaterfallIndexScene/entrance_support.png"/>
            </div>
          </div>
          <!-- 首页推荐列表 -->
          <div class="bottom" >
            <div id="recommend" class="recommend-wrapper"></div>
          </div>
        </div>
      </div>
      <!-- 底部指示箭头 -->
      <div class="arrow_down" style="display:none">
        <img src="assets/img/WaterfallIndexScene/arrow_down.png" alt="" />
      </div>
    </div>
  </div>
  <div class="swiper-pagination swiper-pagination-waterfall"></div>
</div>