list_news.html 4.5 KB
{layout name="common/layout" /}
  <!-- content -->
  <div class="content">
    <div class="news1_title">
      <ul>
      {cms:channellist id="channel" type="son" orderby="id" orderway="asc" typeid="$__CHANNEL__.id"}
      <li> {$channel.name}</li>|

      {/cms:channellist}

<!--         <li class="active">新闻分类1</li>|
<li>新闻分类2</li>|
<li>新闻分类3</li> -->
      </ul>
    </div>
    <div class="news1_list">

      <ul>

        <a href="news2.html">
          <li>
            <h2>{cms:archives name="title" /}</h2>
            <span>{cms:archives name="createtime|date='Y-m-d',###" /}</span>
            <p> {cms:archives name="content" /}
                      </p>
          </li>
        </a>

        <!-- <a href="news2.html">
          <li>
            <h2>新闻标题</h2>
            <span>2018年12月1日</span>
            <p> 一句心酸的诗,一场心寒的雨,拼凑了一段心伤的岁月,落进了黄昏沉沉的漆黑里。破碎的瓦片,斑驳的粉墙,几条深深浅浅的沟壑流
              淌着屋檐下的浊水,几片细叶顺流而下,沉入了暗沟。
                      </p>
          </li>
        </a>
        <a href="news2.html">
          <li>
            <h2>新闻标题</h2>
            <span>2018年12月1日</span>
            <p> 一句心酸的诗,一场心寒的雨,拼凑了一段心伤的岁月,落进了黄昏沉沉的漆黑里。破碎的瓦片,斑驳的粉墙,几条深深浅浅的沟壑流
              淌着屋檐下的浊水,几片细叶顺流而下,沉入了暗沟。
                      </p>
          </li>
        </a> -->

      </ul>

      <ul>

        <a href="news2.html">
          <li>
            <h2>{cms:archives name="title" /}</h2>
            <span>{cms:archives name="createtime|date='Y-m-d',###" /}</span>
            <p> {cms:archives name="content" /}
                      </p>
          </li>
        </a>

        <!-- <a href="news2.html">
          <li>
            <h2>新闻标题2</h2>
            <span>2018年12月1日</span>
            <p> 一句心酸的诗,一场心寒的雨,拼凑了一段心伤的岁月,落进了黄昏沉沉的漆黑里。破碎的瓦片,斑驳的粉墙,几条深深浅浅的沟壑流
              淌着屋檐下的浊水,几片细叶顺流而下,沉入了暗沟。
                      </p>
          </li>
        </a>
        <a href="news2.html">
          <li>
            <h2>新闻标题2</h2>
            <span>2018年12月1日</span>
            <p> 一句心酸的诗,一场心寒的雨,拼凑了一段心伤的岁月,落进了黄昏沉沉的漆黑里。破碎的瓦片,斑驳的粉墙,几条深深浅浅的沟壑流
              淌着屋檐下的浊水,几片细叶顺流而下,沉入了暗沟。
                      </p>
          </li>
        </a> -->
      </ul>

      <ul>
        <a href="news2.html">
          <li>
            <h2>{cms:archives name="title" /}</h2>
            <span>{cms:archives name="createtime|date='Y-m-d',###" /}</span>
            <p> {cms:archives name="content" /}
                      </p>
          </li>
        </a>
        <!-- <a href="news2.html">
          <li>
            <h2>新闻标题3</h2>
            <span>2018年12月1日</span>
            <p> 一句心酸的诗,一场心寒的雨,拼凑了一段心伤的岁月,落进了黄昏沉沉的漆黑里。破碎的瓦片,斑驳的粉墙,几条深深浅浅的沟壑流
              淌着屋檐下的浊水,几片细叶顺流而下,沉入了暗沟。
                      </p>
          </li>
        </a>
        <a href="news2.html">
          <li>
            <h2>新闻标题3</h2>
            <span>2018年12月1日</span>
            <p> 一句心酸的诗,一场心寒的雨,拼凑了一段心伤的岁月,落进了黄昏沉沉的漆黑里。破碎的瓦片,斑驳的粉墙,几条深深浅浅的沟壑流
              淌着屋檐下的浊水,几片细叶顺流而下,沉入了暗沟。
                      </p>
          </li>
        </a> -->
      </ul>
    </div>
  </div>

  <script type="text/javascript" src="swiper/swiper.min.js"></script>
  <script type="text/javascript" src="js/swiper.js"></script>
  <script type="text/javascript">
    $('.news1_list ul').hide();
    $('.news1_list ul:first').show();
    $('.news1_title ul li').click(function(){
      var index  = $(this).index();
      $('.news1_list ul').eq(index).show().siblings().hide();
      $(this).addClass('active').siblings().removeClass('active')
    })
  </script>