|
|
@@ -2,374 +2,399 @@
|
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
|
- <meta charset="utf-8" />
|
|
|
- <meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
|
- <meta name="description" content="" />
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
|
- <title>永天科技新闻动态</title>
|
|
|
+ <meta charset="utf-8" />
|
|
|
+ <meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
|
+ <meta name="description" content="" />
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
|
+ <title>永天科技新闻动态</title>
|
|
|
|
|
|
- <link rel="stylesheet" href="../../assets/css/bootstrap.min.css" />
|
|
|
- <!--====== Mean Menu ======-->
|
|
|
- <link rel="stylesheet" href="../../assets/css/meanmenu.min.css" />
|
|
|
- <!--====== Default css ======-->
|
|
|
- <link rel="stylesheet" href="../../assets/css/default.css" />
|
|
|
- <!--====== Style css ======-->
|
|
|
- <link rel="stylesheet" href="../../assets/css/style.css" />
|
|
|
- <!--====== Animation css =======-->
|
|
|
- <link rel="stylesheet" href="../../assets/css/animation.css" />
|
|
|
+ <link rel="stylesheet" href="../../assets/css/bootstrap.min.css" />
|
|
|
+ <!--====== Mean Menu ======-->
|
|
|
+ <link rel="stylesheet" href="../../assets/css/meanmenu.min.css" />
|
|
|
+ <!--====== Default css ======-->
|
|
|
+ <link rel="stylesheet" href="../../assets/css/default.css" />
|
|
|
+ <!--====== Style css ======-->
|
|
|
+ <link rel="stylesheet" href="../../assets/css/style.css" />
|
|
|
+ <!--====== Animation css =======-->
|
|
|
+ <link rel="stylesheet" href="../../assets/css/animation.css" />
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- <!--[if lte IE 9]>
|
|
|
+ <!--[if lte IE 9]>
|
|
|
<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
|
|
|
<![endif]-->
|
|
|
|
|
|
- <!--====== HEADER START ======-->
|
|
|
- <header class="header-absolute sticky-header">
|
|
|
- <div class="container-fluid custom-container-one">
|
|
|
- <div class="header-top-area">
|
|
|
- <div class="row align-items-center">
|
|
|
- <div class="col-md-6 col-sm-7">
|
|
|
- <ul class="contact-list">
|
|
|
- <li>
|
|
|
- <a href="javascipt:void();">www.chinausky.com</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="javascipt:void();">400 633 8668</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="mainmenu-area">
|
|
|
- <div class="d-flex align-items-center justify-content-between">
|
|
|
- <nav class="main-menu">
|
|
|
- <div class="logo">
|
|
|
- <a href="../../"><img src="../../assets/img/logo.png" alt="uskylogo"></a>
|
|
|
+ <!--====== HEADER START ======-->
|
|
|
+ <header class="header-absolute sticky-header">
|
|
|
+ <div class="custom-container-one">
|
|
|
+ <div class="header-top-area">
|
|
|
+ <div class="container align-items-center">
|
|
|
+ <div class="col-md-6 col-sm-7">
|
|
|
+ <ul class="contact-list">
|
|
|
+ <li>
|
|
|
+ <a href="javascipt:void();">www.chinausky.com</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="javascipt:void();">400 633 8668</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="menu-items">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <a href="../../">首页</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="../../product/">核心产品</a>
|
|
|
- <ul class="submenu">
|
|
|
- <li><a href="../../technology/">核心技术</a></li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="../../service/">企业服务</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="../../solution/">解决方案</a>
|
|
|
- <ul class="submenu">
|
|
|
- <li><a href="../../example/">经典案例</a></li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li class="active">
|
|
|
- <a href="../../news/">新闻动态</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="../../about/">关于我们</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="../../join/">加盟我们</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <div class="mainmenu-area container">
|
|
|
+ <div class="d-flex align-items-center justify-content-between">
|
|
|
+ <nav class="main-menu">
|
|
|
+ <div class="logo">
|
|
|
+ <a href="index.html"><img src="../../assets/img/logo.png" alt="uskylogo"></a>
|
|
|
+ </div>
|
|
|
+ <div class="menu-items">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <a href="../../">首页</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a>解决方案</a>
|
|
|
+ <ul class="submenu">
|
|
|
+ <li>
|
|
|
+ <a>城市治理</a>
|
|
|
+ <ul class="submenu">
|
|
|
+ <li><a href="../../solution">智能招商</a></li>
|
|
|
+ <li><a href="../../solution">智慧安防</a></li>
|
|
|
+ <li><a href="../../solution">智慧消防</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li><a href="../../solution">民生服务</a></li>
|
|
|
+ <li><a href="../../solution">园区服务</a></li>
|
|
|
+ <li><a href="../../solution">其他拓展</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="active">
|
|
|
+ <a>新闻动态</a>
|
|
|
+ <ul class="submenu">
|
|
|
+ <li><a href="../../news">公司新闻</a></li>
|
|
|
+ <li><a href="../../news">行业动态</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="../../about">关于我们</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="../../join">加入我们</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="mobile-menu"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </nav>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- Mobile Menu -->
|
|
|
- <div class="row">
|
|
|
- <div class="col-12">
|
|
|
- <div class="mobile-menu"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </header>
|
|
|
+ </header>
|
|
|
|
|
|
- <!--====== NEWS BREADCRUMB START ======-->
|
|
|
- <section class="news-breadcrumb-section d-flex justify-content-center">
|
|
|
- <img src="../../assets/img/news/bg_title.png">
|
|
|
- </section>
|
|
|
- <!--====== NEWS BREADCRUMB END ======-->
|
|
|
+ <!--====== NEWS BREADCRUMB START ======-->
|
|
|
+ <section class="news-breadcrumb-section d-flex justify-content-center inner-banner">
|
|
|
+ <!-- <img src="../assets/img/news/bg_title.png" /> -->
|
|
|
+ </section>
|
|
|
+ <!--====== NEWS BREADCRUMB END ======-->
|
|
|
|
|
|
- <!--====== NEWS CONTENT START ======-->
|
|
|
- <section class="news-content-section pt-60">
|
|
|
- <div class="container">
|
|
|
- <div class="row">
|
|
|
- <div class="col-lg-2 col-md-3 menu-1">
|
|
|
- <div class="title"> <span>新闻动态</span></div>
|
|
|
- <ul>
|
|
|
- <li><a href="../index.html">公司新闻</a></li>
|
|
|
- <li class="active">行业动态</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="col-md-10 menu-2">
|
|
|
- <ul class="d-flex justify-content-center">
|
|
|
- <li onClick="toNews();">公司新闻</li>
|
|
|
- <li class="active" >行业动态</li>
|
|
|
- </ul>
|
|
|
+ <section class="crumbs">
|
|
|
+ <div class="container">
|
|
|
+ <ul>
|
|
|
+ <li>首页 ></li>
|
|
|
+ <li class="active">新闻动态</li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <div class="col-lg-10 col-md-9 content" id="app">
|
|
|
- <div v-if="!hasNews" class="pt-60 pb-60">
|
|
|
- <div class="loadEffect"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
|
|
|
- </div>
|
|
|
- <ul v-if="!loading">
|
|
|
- <li class="row" v-for="item in news" :key="item.id">
|
|
|
- <div class="col-lg-4 img" :style="{backgroundImage:'url('+item.img_title+')'}">
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!--====== NEWS CONTENT START ======-->
|
|
|
+ <section class="news-content-section pt-60">
|
|
|
+ <div class="container">
|
|
|
+ <div class="row">
|
|
|
+
|
|
|
+ <div class="col-lg-12 col-md-12 menu-1">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <a href="../index.html">公司新闻</a>
|
|
|
+ </li>
|
|
|
+ <li class="active"><a>行业动态</a></li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <div class="col-lg-8 d-flex flex-column">
|
|
|
- <div class="d-flex justify-content-center align-items-center hr1 ">
|
|
|
- <a class="flex-grow-1" :href="'../read.html?id='+item.id">{{item.title}}</a>
|
|
|
- <span>{{item.time}}</span>
|
|
|
+ <!-- <div class="col-lg-2 col-md-3 menu-1">
|
|
|
+ <div class="title"> <span>新闻动态</span></div>
|
|
|
+ <ul>
|
|
|
+ <li><a href="../index.html">公司新闻</a></li>
|
|
|
+ <li class="active">行业动态</li>
|
|
|
+ </ul>
|
|
|
+ </div> -->
|
|
|
+ <!-- <div class="col-md-10 menu-2">
|
|
|
+ <ul class="d-flex justify-content-center">
|
|
|
+ <li onClick="toNews();">公司新闻</li>
|
|
|
+ <li class="active">行业动态</li>
|
|
|
+ </ul>
|
|
|
+ </div> -->
|
|
|
+ <div class="col-lg-12 col-md-12 content" id="app">
|
|
|
+ <div v-if="!hasNews" class="pt-60 pb-60">
|
|
|
+ <div class="loadEffect"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
|
|
|
</div>
|
|
|
- <div class="hr2 flex-grow-1">
|
|
|
- <p>{{item.synopsis}}</p>
|
|
|
- </div>
|
|
|
- <div class="hr3 d-flex justify-content-end">
|
|
|
- <a :href="'../read.html?id='+item.id">
|
|
|
- <div class="more">查看详情</div>
|
|
|
- </a>
|
|
|
+ <ul v-if="!loading">
|
|
|
+ <li class="row" v-for="item in news" :key="item.id">
|
|
|
+ <div class="col-lg-4 img" :style="{backgroundImage:'url('+item.img_title+')'}">
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-8 d-flex flex-column">
|
|
|
+ <div class="hr1 ">
|
|
|
+ <a class="flex-grow-1" :href="'../read.html?id='+item.id">{{item.title}}</a>
|
|
|
+ <span>{{item.time}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="hr2 flex-grow-1 line-two">
|
|
|
+ <p>{{item.synopsis}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="hr3 d-flex ">
|
|
|
+ <a :href="'../read.html?id='+item.id">
|
|
|
+ <div class="more">查看详情</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div v-if="!loading" class="page mt-30 mb-30">
|
|
|
+ <div class="d-flex justify-content-center align-items-end cannot_selected">
|
|
|
+ <a :class="[hasPageTop ? '' : 'disable']" class="previous" @click="toPrevious">上一页</a>
|
|
|
+ <a v-if="needOmit" :class="[currentPageNum == 1 ? 'active' : '']" @click="switchPage(1)">1</a>
|
|
|
+ <span v-if="hasLeftOmit">...</span>
|
|
|
+ <a v-for="item in middlePageNums" :key="item" :class="[item == currentPageNum ? 'active' : '']" @click="switchPage(item)">{{item}}</a>
|
|
|
+ <span v-if="hasRightOmit">...</span>
|
|
|
+ <a v-if="needOmit" :class="[currentPageNum == totalPageNum ? 'active' : '']" @click="switchPage(totalPageNum)">{{totalPageNum}}</a>
|
|
|
+ <a :class="[hasPageNext ? '' : 'disable']" @click="toNext" class="next">下一页</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div v-if="!loading" class="page mt-30 mb-30">
|
|
|
- <div class="d-flex justify-content-center align-items-end cannot_selected">
|
|
|
- <a :class="[hasPageTop ? '' : 'disable']" class="previous" @click="toPrevious">上一页</a>
|
|
|
- <a v-if="needOmit" :class="[currentPageNum == 1 ? 'active' : '']" @click="switchPage(1)">1</a>
|
|
|
- <span v-if="hasLeftOmit">...</span>
|
|
|
- <a v-for="item in middlePageNums" :key="item" :class="[item == currentPageNum ? 'active' : '']" @click="switchPage(item)">{{item}}</a>
|
|
|
- <span v-if="hasRightOmit">...</span>
|
|
|
- <a v-if="needOmit" :class="[currentPageNum == totalPageNum ? 'active' : '']" @click="switchPage(totalPageNum)">{{totalPageNum}}</a>
|
|
|
- <a :class="[hasPageNext ? '' : 'disable']" @click="toNext" class="next">下一页</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!--====== NEWS CONTENT END ======-->
|
|
|
+ </section>
|
|
|
+ <!--====== NEWS CONTENT END ======-->
|
|
|
|
|
|
- <!--====== FOOTER PART START ======-->
|
|
|
- <footer>
|
|
|
- <!-- widgets -->
|
|
|
- <div class="footer-widget-area">
|
|
|
- <div class="container">
|
|
|
- <div class="row">
|
|
|
- <div class="col-lg-1 col-md-0 col-sm-0 col-0"></div>
|
|
|
- <div class="col-lg-2 col-md-6 col-sm-6 col-6">
|
|
|
- <div class="widget nav-widget d-flex justify-content-start">
|
|
|
- <div>
|
|
|
- <h5 class="widget-title">核心业务</h5>
|
|
|
- <ul>
|
|
|
- <li><a href="#">智慧城市</a></li>
|
|
|
- <li><a href="#">智慧消防</a></li>
|
|
|
- <li><a href="#">永天云</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-2 col-md-6 col-sm-6 col-6">
|
|
|
- <div class="widget nav-widget d-flex justify-content-start">
|
|
|
- <div>
|
|
|
- <h5 class="widget-title">企业服务</h5>
|
|
|
- <ul>
|
|
|
- <li><a href="#">运维服务</a></li>
|
|
|
- <li><a href="#">设计管理</a></li>
|
|
|
- <li><a href="#">项目实施</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-2 col-md-6 col-sm-6 col-6">
|
|
|
- <div class="widget nav-widget d-flex justify-content-start">
|
|
|
- <div>
|
|
|
- <h5 class="widget-title">永天客户</h5>
|
|
|
- <ul>
|
|
|
- <li><a href="#">海康威视</a></li>
|
|
|
- <li><a href="#">普天集团</a></li>
|
|
|
- <li><a href="#">大华集团</a></li>
|
|
|
- <li><a href="#">派米雷集团</a></li>
|
|
|
- <li><a href="#">上海机场集团</a></li>
|
|
|
- <li><a href="#">佳理监事</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-2 col-md-6 col-sm-6 col-6">
|
|
|
- <div class="widget nav-widget d-flex justify-content-start">
|
|
|
- <div>
|
|
|
- <h5 class="widget-title">新闻动态</h5>
|
|
|
- <ul>
|
|
|
- <li><a href="#">公司新闻</a></li>
|
|
|
- <li><a href="#">行业动态</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-2 col-md-6 col-sm-6 col-6">
|
|
|
- <div class="widget nav-widget d-flex justify-content-start">
|
|
|
- <div>
|
|
|
- <h5 class="widget-title">关于永天</h5>
|
|
|
- <ul>
|
|
|
- <li><a href="#">永天介绍</a></li>
|
|
|
- <li><a href="#">专家团队</a></li>
|
|
|
- <li><a href="#">联系我们</a></li>
|
|
|
- <li><a href="#">加入我们</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-1 col-md-0 col-sm-0 col-0"></div>
|
|
|
+ <!--====== FOOTER PART START ======-->
|
|
|
+ <footer>
|
|
|
+ <!-- widgets -->
|
|
|
+ <div class="footer-widget-area">
|
|
|
+ <div class="container">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-lg-1 col-md-0 col-sm-0 col-0"></div>
|
|
|
+ <div class="col-lg-2 col-md-6 col-sm-6 col-6">
|
|
|
+ <div class="widget nav-widget d-flex justify-content-start">
|
|
|
+ <div>
|
|
|
+ <h5 class="widget-title">核心业务</h5>
|
|
|
+ <ul>
|
|
|
+ <li><a href="#">智慧城市</a></li>
|
|
|
+ <li><a href="#">智慧消防</a></li>
|
|
|
+ <li><a href="#">永天云</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-2 col-md-6 col-sm-6 col-6">
|
|
|
+ <div class="widget nav-widget d-flex justify-content-start">
|
|
|
+ <div>
|
|
|
+ <h5 class="widget-title">企业服务</h5>
|
|
|
+ <ul>
|
|
|
+ <li><a href="#">运维服务</a></li>
|
|
|
+ <li><a href="#">设计管理</a></li>
|
|
|
+ <li><a href="#">项目实施</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-2 col-md-6 col-sm-6 col-6">
|
|
|
+ <div class="widget nav-widget d-flex justify-content-start">
|
|
|
+ <div>
|
|
|
+ <h5 class="widget-title">永天客户</h5>
|
|
|
+ <ul>
|
|
|
+ <li><a href="#">海康威视</a></li>
|
|
|
+ <li><a href="#">普天集团</a></li>
|
|
|
+ <li><a href="#">大华集团</a></li>
|
|
|
+ <li><a href="#">派米雷集团</a></li>
|
|
|
+ <li><a href="#">上海机场集团</a></li>
|
|
|
+ <li><a href="#">佳理监事</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-2 col-md-6 col-sm-6 col-6">
|
|
|
+ <div class="widget nav-widget d-flex justify-content-start">
|
|
|
+ <div>
|
|
|
+ <h5 class="widget-title">新闻动态</h5>
|
|
|
+ <ul>
|
|
|
+ <li><a href="#">公司新闻</a></li>
|
|
|
+ <li><a href="#">行业动态</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-2 col-md-6 col-sm-6 col-6">
|
|
|
+ <div class="widget nav-widget d-flex justify-content-start">
|
|
|
+ <div>
|
|
|
+ <h5 class="widget-title">关于永天</h5>
|
|
|
+ <ul>
|
|
|
+ <li><a href="#">永天介绍</a></li>
|
|
|
+ <li><a href="#">专家团队</a></li>
|
|
|
+ <li><a href="#">联系我们</a></li>
|
|
|
+ <li><a href="#">加入我们</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-lg-1 col-md-0 col-sm-0 col-0"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- copyright -->
|
|
|
- <div class="copy-right-area">
|
|
|
- <div class="container">
|
|
|
- <div class="row copyrigt-text">
|
|
|
- <div class="col-lg-9">
|
|
|
- <p>Copyright © 2001- 2014 Usky. All Rights Reserved. 永天股份 版权所有</p>
|
|
|
- <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
|
|
|
- </div>
|
|
|
- <div class="copyrigt-or-code col-lg-3 d-flex flex-column align-items-center">
|
|
|
- <img width="167" height="167" src="../../assets/img/qr_code.png">
|
|
|
- <span style="text-align: left;">扫一扫，关注我们吧</span>
|
|
|
- </div>
|
|
|
+ <!-- copyright -->
|
|
|
+ <div class="copy-right-area">
|
|
|
+ <div class="container">
|
|
|
+ <div class="row copyrigt-text">
|
|
|
+ <div class="col-lg-9">
|
|
|
+ <p>Copyright © 2001- 2014 Usky. All Rights Reserved. 永天股份 版权所有</p>
|
|
|
+ <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
|
|
|
+ </div>
|
|
|
+ <div class="copyrigt-or-code col-lg-3 d-flex flex-column align-items-center">
|
|
|
+ <img width="167" height="167" src="../../assets/img/qr_code.png">
|
|
|
+ <span style="text-align: left;">扫一扫，关注我们吧</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </footer>
|
|
|
- <!--====== FOOTER PART END ======-->
|
|
|
+ </footer>
|
|
|
+ <!--====== FOOTER PART END ======-->
|
|
|
|
|
|
|
|
|
- <script src="../../assets/js/vendor/modernizr-3.6.0.min.js"></script>
|
|
|
- <script src="../../assets/js/vendor/jquery-1.12.4.min.js"></script>
|
|
|
- <!--====== Bootstrap js ======-->
|
|
|
- <script src="../../assets/js/bootstrap.min.js"></script>
|
|
|
- <script src="../../assets/js/popper.min.js"></script>
|
|
|
- <!--====== Mean Menu ======-->
|
|
|
- <script src="../../assets/js/jquery.meanmenu.min.js"></script>
|
|
|
- <script src="../../assets/css/font_mun4q5ltrbp/iconfont.js"></script>
|
|
|
- <!--====== Main js ======-->
|
|
|
- <script src="../../assets/js/main.js"></script>
|
|
|
- <!--====== Setting Info js=======-->
|
|
|
- <script src="../../assets/js/settinginfo.js"></script>
|
|
|
- <!--====== Vue Developer js ======-->
|
|
|
- <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
|
|
|
- <!--====== Vue js ======-->
|
|
|
- <script src="../../assets/js/vue.min.js"></script>
|
|
|
- <script>
|
|
|
- var news_list = [];
|
|
|
- var one_page_num = 5;
|
|
|
- var app = new Vue({
|
|
|
- el: '#app',
|
|
|
- data: {
|
|
|
- message: 'hello',
|
|
|
- news: [],
|
|
|
- currentPageNum: 1,
|
|
|
- totalPageNum: 1,
|
|
|
- middlePageNums: [2,3,4,5,6],
|
|
|
- needOmit: true,
|
|
|
- loading: true,
|
|
|
- },
|
|
|
- computed: {
|
|
|
- hasNews: function(){
|
|
|
- return this.news.length > 0;
|
|
|
- },
|
|
|
- hasLeftOmit: function(){
|
|
|
- return (this.currentPageNum > 4 && this.needOmit);
|
|
|
- },
|
|
|
- hasRightOmit: function(){
|
|
|
- return ((this.middlePageNums[4]+1) < this.totalPageNum && this.needOmit);
|
|
|
- },
|
|
|
- hasPageTop: function(){
|
|
|
- return this.currentPageNum > 1;
|
|
|
- },
|
|
|
- hasPageNext: function(){
|
|
|
- return this.currentPageNum < this.totalPageNum;
|
|
|
- }
|
|
|
- },
|
|
|
- mounted: function(){
|
|
|
- var self = this;
|
|
|
- jQuery.ajax({
|
|
|
- type: 'POST',
|
|
|
- dataType: 'json',
|
|
|
- url: window.FQDN + '/journalism_display',
|
|
|
- data: {type: '2'}
|
|
|
- }).done( function(res){
|
|
|
- if(!res.msg) {
|
|
|
- return;
|
|
|
- }
|
|
|
+ <script src="../../assets/js/vendor/modernizr-3.6.0.min.js"></script>
|
|
|
+ <script src="../../assets/js/vendor/jquery-1.12.4.min.js"></script>
|
|
|
+ <!--====== Bootstrap js ======-->
|
|
|
+ <script src="../../assets/js/bootstrap.min.js"></script>
|
|
|
+ <script src="../../assets/js/popper.min.js"></script>
|
|
|
+ <!--====== Mean Menu ======-->
|
|
|
+ <script src="../../assets/js/jquery.meanmenu.min.js"></script>
|
|
|
+ <script src="../../assets/css/font_mun4q5ltrbp/iconfont.js"></script>
|
|
|
+ <!--====== Main js ======-->
|
|
|
+ <script src="../../assets/js/main.js"></script>
|
|
|
+ <!--====== Setting Info js=======-->
|
|
|
+ <script src="../../assets/js/settinginfo.js"></script>
|
|
|
+ <!--====== Vue Developer js ======-->
|
|
|
+ <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
|
|
|
+ <!--====== Vue js ======-->
|
|
|
+ <script src="../../assets/js/vue.min.js"></script>
|
|
|
+ <script>
|
|
|
+ var news_list = [];
|
|
|
+ var one_page_num = 5;
|
|
|
+ var app = new Vue({
|
|
|
+ el: '#app',
|
|
|
+ data: {
|
|
|
+ message: 'hello',
|
|
|
+ news: [],
|
|
|
+ currentPageNum: 1,
|
|
|
+ totalPageNum: 1,
|
|
|
+ middlePageNums: [2, 3, 4, 5, 6],
|
|
|
+ needOmit: true,
|
|
|
+ loading: true,
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ hasNews: function() {
|
|
|
+ return this.news.length > 0;
|
|
|
+ },
|
|
|
+ hasLeftOmit: function() {
|
|
|
+ return (this.currentPageNum > 4 && this.needOmit);
|
|
|
+ },
|
|
|
+ hasRightOmit: function() {
|
|
|
+ return ((this.middlePageNums[4] + 1) < this.totalPageNum && this.needOmit);
|
|
|
+ },
|
|
|
+ hasPageTop: function() {
|
|
|
+ return this.currentPageNum > 1;
|
|
|
+ },
|
|
|
+ hasPageNext: function() {
|
|
|
+ return this.currentPageNum < this.totalPageNum;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function() {
|
|
|
+ var self = this;
|
|
|
+ jQuery.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ dataType: 'json',
|
|
|
+ url: window.FQDN + '/journalism_display',
|
|
|
+ data: {
|
|
|
+ type: '2'
|
|
|
+ }
|
|
|
+ }).done(function(res) {
|
|
|
+ if (!res.msg) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
|
|
|
- res.data.forEach( function(item){
|
|
|
- news_list.push(item);
|
|
|
- if( self.news.length < one_page_num ){
|
|
|
- self.news.push(item);
|
|
|
- }
|
|
|
- });
|
|
|
+ res.data.forEach(function(item) {
|
|
|
+ news_list.push(item);
|
|
|
+ if (self.news.length < one_page_num) {
|
|
|
+ self.news.push(item);
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
- self.totalPageNum = Math.ceil(news_list.length/one_page_num);
|
|
|
- if(self.totalPageNum < 8){
|
|
|
- self.needOmit = false;
|
|
|
- self.middlePageNums = [];
|
|
|
- for(var i=1; i <= self.totalPageNum; i++){
|
|
|
- self.middlePageNums.push(i);
|
|
|
- }
|
|
|
- }
|
|
|
- self.loading = false;
|
|
|
- }).fail(function(err){});
|
|
|
- },
|
|
|
- methods: {
|
|
|
- switchPage: function(page_num) {
|
|
|
- if(page_num == this.currentPageNum){
|
|
|
- return;
|
|
|
- }
|
|
|
+ self.totalPageNum = Math.ceil(news_list.length / one_page_num);
|
|
|
+ if (self.totalPageNum < 8) {
|
|
|
+ self.needOmit = false;
|
|
|
+ self.middlePageNums = [];
|
|
|
+ for (var i = 1; i <= self.totalPageNum; i++) {
|
|
|
+ self.middlePageNums.push(i);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ self.loading = false;
|
|
|
+ }).fail(function(err) {});
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ switchPage: function(page_num) {
|
|
|
+ if (page_num == this.currentPageNum) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
|
|
|
- var start_index = (page_num-1)*one_page_num;
|
|
|
- var limit = start_index + (one_page_num -1);
|
|
|
- var tmp_new = [];
|
|
|
- for(var i = start_index; i <= limit; i++){
|
|
|
- if(i < news_list.length) {
|
|
|
- tmp_new.push(news_list[i]);
|
|
|
- }
|
|
|
- }
|
|
|
- this.news = tmp_new;
|
|
|
+ var start_index = (page_num - 1) * one_page_num;
|
|
|
+ var limit = start_index + (one_page_num - 1);
|
|
|
+ var tmp_new = [];
|
|
|
+ for (var i = start_index; i <= limit; i++) {
|
|
|
+ if (i < news_list.length) {
|
|
|
+ tmp_new.push(news_list[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.news = tmp_new;
|
|
|
|
|
|
- if(!this.needOmit) {
|
|
|
- this.currentPageNum = page_num;
|
|
|
- return;
|
|
|
- }
|
|
|
+ if (!this.needOmit) {
|
|
|
+ this.currentPageNum = page_num;
|
|
|
+ return;
|
|
|
+ }
|
|
|
|
|
|
- if(page_num >=5 && (page_num+2) < this.totalPageNum){
|
|
|
- this.middlePageNums = [page_num-2, page_num-1, page_num, page_num+1, page_num+2];
|
|
|
- } else if(page_num < 5){
|
|
|
- this.middlePageNums = [2,3,4,5,6];
|
|
|
- } else if((page_num+2) >= this.totalPageNum){
|
|
|
- this.middlePageNums = [this.totalPageNum-5, this.totalPageNum-4, this.totalPageNum-3,this.totalPageNum-2, this.totalPageNum-1];
|
|
|
- }
|
|
|
+ if (page_num >= 5 && (page_num + 2) < this.totalPageNum) {
|
|
|
+ this.middlePageNums = [page_num - 2, page_num - 1, page_num, page_num + 1, page_num + 2];
|
|
|
+ } else if (page_num < 5) {
|
|
|
+ this.middlePageNums = [2, 3, 4, 5, 6];
|
|
|
+ } else if ((page_num + 2) >= this.totalPageNum) {
|
|
|
+ this.middlePageNums = [this.totalPageNum - 5, this.totalPageNum - 4, this.totalPageNum - 3, this.totalPageNum - 2, this.totalPageNum - 1];
|
|
|
+ }
|
|
|
|
|
|
- this.currentPageNum = page_num;
|
|
|
- },
|
|
|
- toPrevious: function(){
|
|
|
- if(this.currentPageNum == 1){
|
|
|
- return;
|
|
|
- }
|
|
|
- this.switchPage(this.currentPageNum-1);
|
|
|
- },
|
|
|
- toNext: function(){
|
|
|
- if(this.currentPageNum == this.totalPageNum){
|
|
|
- return;
|
|
|
- }
|
|
|
- this.switchPage(this.currentPageNum+1);
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- </script>
|
|
|
+ this.currentPageNum = page_num;
|
|
|
+ },
|
|
|
+ toPrevious: function() {
|
|
|
+ if (this.currentPageNum == 1) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.switchPage(this.currentPageNum - 1);
|
|
|
+ },
|
|
|
+ toNext: function() {
|
|
|
+ if (this.currentPageNum == this.totalPageNum) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.switchPage(this.currentPageNum + 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
ming
