index.html 3.6 KB
<link rel="stylesheet" type="text/css" href="__ADDON__/css/index.css">
  {layout name="common/layout" /}
  <div class="content_box">
    <!-- new新闻 -->
    <div class="new">
      <h3>新闻</h3>
      <div class="new_box">
        <ul>
          <div class="new_box2" >

          {cms:arclist id="item" condition=":model_id=1" row="8" orderby="id" orderway="desc"}
          <li>
              <a href="{$item.url}">
                  <p>{:date('Y.m.d',$item.publishtime)}</p>
                  <h4>{$item.title}</h4>
              </a>
          </li>
          {/cms:arclist}

           <!--  <li>
             <a href="news2.html">
               <p>2019.1.3</p>
               <h4>新闻标题</h4>
             </a>
           </li> -->

          </div>
        </ul>
      </div>
    </div>
    <!-- select查找 -->
    <div class="select">
      <div class="select_title">
        <p>根据产品查找</p>
      </div>
      <div class="select_nav tab1">
        <ul>
        {volist name="channel" id="vo"}
          <li class="">{$vo.name}</li>
        {/volist}
        </ul>
      </div>
      <div class="select_content tab1_c">

      {volist name="info" id="v"}
          <ul>
              {volist name="v" id="vo"}
                  <li>
                      <a href='/a/{$vo.id}'>
                          <div class="selec_img">
                              <img src="{$vo.image}">
                          </div>
                          <div class="select_txt">
                              <p>{$vo.title}</p>
                          </div>
                      </a>
                  </li>
              {/volist}
          </ul>
      {/volist}


       <!--  <ul>
         <li>
           <a href='product_detail.html'>
             <div class="selec_img">
               <img src="images/untitled5.png">
             </div>
             <div class="select_txt">
               <p>产品名称</p>
             </div>
           </a>
         </li>
       </ul> -->



      </div>
      <div class="select_title">
        <p>根据用途查找</p>
      </div>
      <div class="select_nav tab2">
        <ul>
        {volist name="use" id="vo"}
          <li class="">{$vo.name}</li>
        {/volist}
        </ul>
      </div>
      <div class="select_content tab2_c">

      {volist name="use" id="v"}
      <ul>
          {volist name="v['info']" id="vo"}
          <li>
              <a href='/a/{$vo.id}'>
                  <div class="selec_img">
                      <img src="{$vo.image}">
                  </div>
                  <div class="select_txt">
                      <p>{$vo.title}</p>
                  </div>
              </a>
          </li>
          {/volist}
      </ul>
      {/volist}

      <!--   <ul>
        <li>
          <a href='product_detail.html'>
          <div class="selec_img">
            <img src="images/untitled5.png">
          </div>
          <div class="select_txt">
            <p>产品名称</p>
          </div>
        </a>
        </li>
      </ul> -->


      </div>
    </div>
  </div>



  <script type="text/javascript">
    $('.tab1_c ul').hide();
    $('.tab1_c ul:first').show();
    $('.tab2_c ul').hide();
    $('.tab2_c ul:first').show();
    $('.tab1 ul li').click(function(){
      var index  = $(this).index();
      $('.tab1_c ul').eq(index).show().siblings().hide();
      $(this).addClass('select_nav_active').siblings().removeClass('select_nav_active')
    })
    $('.tab2 ul li').click(function(){
      var index  = $(this).index();
      $('.tab2_c ul').eq(index).show().siblings().hide();
      $(this).addClass('select_nav_active').siblings().removeClass('select_nav_active')
    })
  </script>
</body>
</html>