templates/index/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4. {% block body %}
  5.     <!--首页内容-->
  6.     <div class="indexBigImg viewWidth" style="background-image: url('{{ cdn_url~firstImage.oUrl }}')">
  7.         <h3 class="small">
  8.             <!--            <p> item1.desc </p>-->
  9.             <p>{{ firstImage.oTitle }}</p>
  10.             <!--            <div class="bg"></div>-->
  11.             <i>New arrivals in the Pro Team summer collection.</i>
  12.         </h3>
  13.     </div>
  14.     <div class="indexTitles indexWidth">
  15.         <div class="wrapper">
  16.             <b class="taC">系列产品</b>
  17.         </div>
  18.     </div>
  19.     <div class="shopThe clearfix indexWidth" >
  20.         <div class="titleDiv fl">
  21.             <div class="leftTitle">系列产品</div>
  22.         </div>
  23.         <div class="bannerVertical clearfix fl">
  24.             <ul class="vertical-left fl" id="indexVertical">
  25.                 {% for n in highlights %}
  26.                 <li class="nav-item {% if loop.first %}activeP{% endif %}">
  27.                     <div class="item-wrapper">
  28.                         <p class="title taC">{{ n.oName }}</p>
  29.                         <span class="three"></span>
  30.                     </div>
  31.                 </li>
  32.                 {% endfor %}
  33.             </ul>
  34.             <ul class="vertical-center fl" id="indexVerticalImg">
  35.                 {% for n in highlights %}
  36.                 <li class="transition_img {% if loop.first %}activeImg{% endif %}">
  37.                     <img src="{{ cdn_url~n.oImageUrl }}?imageView2/5/w/800/h/527/q/100" alt="">
  38.                 </li>
  39.                 {% endfor %}
  40.             </ul>
  41.             <div class="vertical-right fr" id="index_vertical_right">
  42.                 {% for key,n in highlights %}
  43.                     {{ include('common/_verticalRight.html.twig',{ key: key, n: n }) }}
  44.                 {% endfor %}
  45.             </div>
  46.         </div>
  47.     </div>
  48.     {#首页商品列表#}
  49.     <div class="viewList clearfix indexWidth" id="commodityTab">
  50.         {#模拟循环次数，正式的需要外部循环一次，并将数据传入，在组件内循环商品资料,用index匹配封装的js#}
  51.         {% for key,val in indexGoods %}
  52.             {{ include('common/_productBanner.html.twig',{ index: key, goods: val }) }}
  53.         {% endfor %}
  54.     </div>
  55. {% endblock %}