关于我们静态排版+对接数据 新闻对接数据 pc端各屏幕做适配

about/index.html

@@ -45,7 +45,7 @@
                 <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>
+                            <a href="../index.html"><img src="../assets/img/logo.png" alt="uskylogo"></a>
                         </div>
                         <div class="menu-items">
                             <ul>
@@ -95,7 +95,7 @@
     </header>
 
     <!--====== COMMON BREADCRUMB START ======-->
-    <section class="common-bradcrumb-section inner-banner" style="background-image: url('../assets/img/about/bg.png');">
+    <section class="common-bradcrumb-section inner-banner" style="background-image: url('../assets/img/about/bg.jpg');">
     </section>
     <!--====== COMMON BREADCRUMB END ======-->
 
@@ -109,7 +109,7 @@
     </section>
 
     <!--====== ABOUT INTRODUCE START======-->
-    <section class="about-introduce-section pt-60 pb-60">
+    <section class="about-introduce-section pt-40 pb-60">
         <div class="container">
             <div class="about-intro-top">
                 <p>永天科技始创于2004年，致力于物联网平台的开发、智慧城市设计与实施，助力智慧城市运营。先后为不同城市与各类项目提供定制化智能化、新型特色智慧城市整体解决方案。</p>
@@ -119,7 +119,7 @@
 
 
 
-            <div class="row pt-30">
+            <div class="row pt-60">
                 <div class="col-lg-6 col-md-6 content">
                     <div class="d-flex flex-column" style="height: 100%;">
                         <h4>成熟的运维体系</h4>
@@ -147,7 +147,7 @@
     <section class="history-section pt-60 pb-60">
         <div class="history-white">
             <div class="container">
-                <div class="section-title text-center both-border pb-60">
+                <div class="section-title text-center both-border pb-50">
                     <span class="title-tag">发展历程</span>
                 </div>
                 <p class="history-des">我们公司总部位于上海,经过12年的发展，我们的分公司分布于美国加州、香港、深圳、北京、江西南昌、江西上饶、江苏常州、山东济南等。</p>
@@ -165,12 +165,12 @@
     <!--====== HISTORY END======-->
 
     <!--====== CREDENTIAL START======-->
-    <section class="credential-section pt-60 pb-60">
+    <section class="credential-section pt-60 pb-80">
         <div class="container">
             <div class="section-title both-border pb-60">
                 <p class="credential-tit1">我们做你的业务
                 </p>
-                <p class="credential-tit2">更快，更安心！
+                <p class="credential-tit2">更快,更安全！
                 </p>
             </div>
             <img src="../assets/img/about/honor.png" onclick="javascript: window.open('../assets/img/about/honor.png')" />
@@ -182,14 +182,14 @@
     <!--====== SUB COMPANY START======-->
     <section class="about-sub-company-section pt-60 pb-60">
         <div class="container ">
-            <div class="section-title text-center both-border pb-60">
+            <div class="section-title text-center both-border pb-40">
                 <span class="title-tag color-white">联系我们</span>
             </div>
-            <div class="row bg-white">
+            <div class="row bg-white about-shadow">
                 <div class="col-md-5 col-12 company-sec">
                     <h4>上海永天科技股份有限公司</h4>
                     <p>www.usky.cn</p>
-                    <div class="address-content mt-50">
+                    <div class="address-content mt-60">
                         <p>地址：上海市浦东新区XXXX路0000号
                         </p>
                         <div class="d-flex">
@@ -209,7 +209,7 @@
                 <div class="col-md-3 col-12  partner-sec">
                     <h4>合作伙伴</h4>
                     <p>cooperative partner</p>
-                    <img src="../assets/img/about/logo.png" alt="">
+                    <img src="../assets/img/about/logo.png" alt="" class="mt-70">
                 </div>
                 <div class="col-md-4 col-12 bg-blue phone-sec">
                     <div class="phone-list mb-30">
@@ -250,10 +250,10 @@
                             <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>智能楼宇</a></li>
+                                    <li><a>物联技术</a></li>
+                                    <li><a>通信配套</a></li>
+                                    <li><a>数字政务</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -263,9 +263,9 @@
                             <div>
                                 <h5 class="widget-title">企业服务</h5>
                                 <ul>
-                                    <li><a href="#">运维服务</a></li>
-                                    <li><a href="#">设计管理</a></li>
-                                    <li><a href="#">项目实施</a></li>
+                                    <li><a>运维服务</a></li>
+                                    <li><a>设计管理</a></li>
+                                    <li><a>项目实施</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -275,10 +275,10 @@
                             <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>偶天集团</a></li>
+                                    <li><a>海康威视</a></li>
+                                    <li><a>大华集团</a></li>
+                                    <li><a>派米雷集团</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -288,8 +288,8 @@
                             <div>
                                 <h5 class="widget-title">新闻动态</h5>
                                 <ul>
-                                    <li><a href="#">公司新闻</a></li>
-                                    <li><a href="#">行业动态</a></li>
+                                    <li><a href="../news/index.html">公司新闻</a></li>
+                                    <li><a href="../news/trade/index.html">行业动态</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -299,7 +299,7 @@
                             <div>
                                 <h5 class="widget-title">加入我们</h5>
                                 <ul>
-                                    <li><a href="#">岗位信息</a></li>
+                                    <li><a>岗位信息</a></li>
                                 </ul>
                             </div>
                         </div>

index.html

@@ -46,7 +46,7 @@
                 <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>
+                            <a href="./index.html"><img src="assets/img/logo.png" alt="uskylogo"></a>
                         </div>
                         <div class="menu-items">
                             <ul>
@@ -145,53 +145,84 @@
     <!--====== BANNER SECTION END ======-->
 
     <!--====== WHYUS SECTION START ======-->
-    <section class="whyUs-section pt-120 pb-120">
+    <section class="whyUs-section pt-90 pb-120" id="app">
         <div class="container">
-            <div class="section-title text-center both-border pb-60">
+            <div class="section-title text-center both-border pb-90">
                 <span class="title-tag">为什么选择永天云</span>
             </div>
             <div class="row align-items-center justify-content-center">
                 <div class="col-lg-7 col-md-10">
                     <div class=" row">
                         <div class="col-md-6">
-                            <div class="whyUs-item text-center">
-                                <i class="iconfont">&#xe650;</i>
+                            <div class="whyUs-item text-center" @click="msg=0" :class="{'active':msg===0}">
+                                <i class=" iconfont ">&#xe650;</i>
                                 <p>专业的项目执行团队</p>
                             </div>
-                            <div class="whyUs-item text-center ">
-                                <i class="iconfont">&#xe691;</i>
+                            <div class="whyUs-item text-center " @click="msg=2 " :class="{'active':msg===2}">
+                                <i class="iconfont ">&#xe691;</i>
                                 <p>十六年的服务经验</p>
                             </div>
                         </div>
-                        <div class="col-md-6">
-                            <div class="whyUs-item text-center pos-top">
-                                <i class="iconfont">&#xe693;</i>
+                        <div class="col-md-6 ">
+                            <div class="whyUs-item text-center pos-top " @click="msg=1 " :class="{'active':msg===1}">
+                                <i class="iconfont ">&#xe693;</i>
                                 <p>成熟的运维服务体系</p>
                             </div>
-                            <div class="whyUs-item text-center ">
-                                <i class="iconfont">&#xe692;</i>
+                            <div class="whyUs-item text-center " @click="msg=3 " :class="{'active':msg===3}">
+                                <i class="iconfont ">&#xe692;</i>
                                 <p>一站式技术服务解决</p>
                             </div>
                         </div>
 
-                        <!-- <img src="assets/img/tile-gallery/01.png" alt="Image" class="image-one">
-                        <img src="assets/img/tile-gallery/02.png" alt="Image" class="image-two">
-                        <img src="assets/img/tile-gallery/03.png" alt="Image" class="image-three"> -->
+                        <!-- <img src="assets/img/tile-gallery/01.png " alt="Image " class="image-one ">
+                        <img src="assets/img/tile-gallery/02.png " alt="Image " class="image-two ">
+                        <img src="assets/img/tile-gallery/03.png " alt="Image " class="image-three "> -->
                     </div>
                 </div>
-                <div class="col-lg-5 col-md-10">
-                    <div class="whyUs-text pl-25">
-                        <h2 class="mb-40 subtitle">成熟的运维服务体系</h2>
+                <div class="col-lg-5 col-md-10 ">
+                    <div class="whyUs-text pl-25 " v-show="msg==0 ">
+                        <h2 class="mb-40 subtitle ">专业的项目执行团队</h2>
+
+                        <p> 通过十多年的系统经验积累和人才培养，公司已拥有多领域、多系统的技术储备，而且多地分公司、办事机构的管理体系也使得永天科技具备各种异地实施、管理能力。
+                        </p>
+                        <div class="learn-more "><a class="main-btn " href="about/index.html">了解更多</a></div>
+
+
+                    </div>
+
+                    <div class="whyUs-text pl-25 " v-show="msg===1 ">
+                        <h2 class="mb-40 subtitle ">成熟的运维服务体系</h2>
                         <p>
                             自2004年起，公司长期从事智能楼宇、通信配套、物联网监测和数字政务等领域的项目建设和信息服务，常年提供全国范围内数千个项目的后期维护服务。多年的服务工作，积累了大量的技术经验和用户资源，并形成了一整套运维管理体系。</p>
+
+                        <div class="learn-more "><a class="main-btn " href="about/index.html">了解更多</a></div>
+
+
+                    </div>
+                    <div class="whyUs-text pl-25 " v-show="msg===2 ">
+                        <h2 class="mb-40 subtitle ">十六年的服务经验</h2>
+                        <p>
+                            缺文案缺文案缺文缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案缺文案案缺文案缺文案缺文案缺文案</p>
+
+                        <div class="learn-more "><a class="main-btn " href="about/index.html">了解更多</a></div>
+
+
+                    </div>
+
+
+                    <div class="whyUs-text pl-25 " v-show="msg===3 ">
+                        <h2 class="mb-40 subtitle ">一站式技术服务解决</h2>
+
                         <p> 公司拥有设计、项目、物联网、运维等多个面向业务的职能部门，并在各个相关的支撑部门及总经办的服务协调整合下，公司具备相关项目的“一站式”服务能力，包含：勘察、设计、施工、系统集成、应用平台及软件开发。
                         </p>
-                        <p> 通过十多年的系统经验积累和人才培养，公司已拥有多领域、多系统的技术储备，而且多地分公司、办事机构的管理体系也使得永天科技具备各种异地实施、管理能力。
-                        </p>
-                        <div class="learn-more"><a class="main-btn">了解更多</a></div>
+
+                        <div class="learn-more "><a class="main-btn " href="about/index.html">了解更多</a></div>
 
 
                     </div>
+
+
+
                 </div>
             </div>
         </div>
@@ -201,16 +232,16 @@
 
 
     <!--====== ABOUT SECTION START ======-->
-    <section class="about-section pt-80 pb-80">
-        <div class="container">
-            <div class="section-title text-center both-border pb-60">
-                <span class="title-tag">关于我们</span>
+    <section class="about-section pt-80 pb-80 ">
+        <div class="container ">
+            <div class="section-title text-center both-border pb-120 ">
+                <span class="title-tag ">关于我们</span>
             </div>
-            <div class="row align-items-center justify-content-center">
+            <div class="row align-items-center justify-content-center ">
 
-                <div class="col-md-6 about-text-box">
-                    <div class="">
-                        <h2 class="mb-40 subtitle">上海永天 <br> 科技股份有限公司
+                <div class="col-md-6 about-text-box ">
+                    <div class=" ">
+                        <h2 class="mb-60 subtitle ">上海永天 <br> 科技股份有限公司
                         </h2>
                         <p>
                             永天科技始创于2004年，致力于物联网平台的开发、智慧城市设计与实施，助力智慧城市运营。先后为不同城市与各类项目提供定制化智能化、新型特色智慧城市整体解决方案。
@@ -218,11 +249,11 @@
                         <p> 公司拥有数十项软著与专利，永天科技总部在上海，经过15年发展，我们在美国加州、香港、深圳、北京、南昌、上饶、宜春、常州、济南、成都、乌鲁木齐等地均设立分公司和办事处。2013年8月，永天科技在新三板上市。
                         </p>
 
-                        <div class="learn-more"><a class="main-btn">了解更多</a></div>
+                        <div class="learn-more "><a class="main-btn ">了解更多</a></div>
                     </div>
                 </div>
-                <div class="col-md-6">
-                    <img src="assets/img/about/about-img.png" alt="">
+                <div class="col-md-6 ">
+                    <img src="assets/img/about/about-img.png " alt=" ">
 
                 </div>
             </div>
@@ -232,76 +263,76 @@
     <!--====== ABOUT SECTION END ======-->
 
     <!--====== NEWS SECTION START ======-->
-    <section class="news-section pt-80 ">
-        <div class="container">
-            <div class="section-title text-center both-border">
-                <span class="title-tag">新闻动态</span>
+    <section class="news-section pt-80 pb-40" id="app2">
+        <div class="container ">
+            <div class="section-title text-center both-border ">
+                <span class="title-tag ">新闻动态</span>
             </div>
-            <div class="row">
-                <div class="col-md-6">
-                    <div class="row">
-                        <div class="col-md-9 col-sm-9 col-9">
-                            <h3 class="news-tit line-one">
-                                集聚智慧楼宇产业链资源 永天科技发起设立产业
+            <div class="row ">
+                <div class="col-md-6 " v-for="item in news" :key="item.id">
+                    <div class="row ">
+                        <div class="col-md-9 col-sm-9 col-9 ">
+                            <h3 class="news-tit line-one ">
+                                {{item.title}}
                             </h3>
-                            <p class="news-des line-two">
-                                近日，新三板企业上海永天科技股份有限公司（简称“永天科技”)在其智慧云平台基础上发起设立了智慧楼宇产业联盟。据......
+                            <p class="news-des line-two ">
+                                {{item.synopsis}}
                             </p>
                         </div>
-                        <div class="col-md-3 col-sm-3 col-3 right-sec">
-                            <span class="news-time">2020-12-08</span>
-                            <a class="read-more" href="blog-details.html"><img src="assets/img/arrow-right.png" alt=""></a>
+                        <div class="col-md-3 col-sm-3 col-3 right-sec ">
+                            <span class="news-time ">{{item.time}}</span>
+                            <a class="read-more " :href="'./news/read.html?id='+item.id"><img src="assets/img/arrow-right.png " alt=" "></a>
                         </div>
                     </div>
                 </div>
-                <div class="col-md-6">
-                    <div class="row">
-                        <div class="col-md-9 col-sm-9 col-9">
-                            <h3 class="news-tit line-one">
+                <!-- <div class="col-md-6 ">
+                    <div class="row ">
+                        <div class="col-md-9 col-sm-9 col-9 ">
+                            <h3 class="news-tit line-one ">
                                 集聚智慧楼宇产业链资源 永天科技发起设立产业
                             </h3>
-                            <p class="news-des line-two">
+                            <p class="news-des line-two ">
                                 近日，新三板企业上海永天科技股份有限公司（简称“永天科技”)在其智慧云平台基础上发起设立了智慧楼宇产业联盟。据......
                             </p>
                         </div>
-                        <div class="col-md-3 col-sm-3 col-3 right-sec">
-                            <span class="news-time">2020-12-08</span>
-                            <a class="read-more" href="blog-details.html"><img src="assets/img/arrow-right.png" alt=""></a>
+                        <div class="col-md-3 col-sm-3 col-3 right-sec ">
+                            <span class="news-time ">2020-12-08</span>
+                            <a class="read-more " href="blog-details.html "><img src="assets/img/arrow-right.png " alt=" "></a>
                         </div>
                     </div>
                 </div>
-                <div class="col-md-6">
-                    <div class="row">
+                <div class="col-md-6 no-border">
+                    <div class="row ">
                         <div class="col-md-9 col-sm-9 col-9 ">
-                            <h3 class="news-tit line-one">
+                            <h3 class="news-tit line-one ">
                                 集聚智慧楼宇产业链资源 永天科技发起设立产业
                             </h3>
-                            <p class="news-des line-two">
+                            <p class="news-des line-two ">
                                 近日，新三板企业上海永天科技股份有限公司（简称“永天科技”)在其智慧云平台基础上发起设立了智慧楼宇产业联盟。据......
                             </p>
                         </div>
-                        <div class="col-md-3 col-sm-3 col-3 right-sec">
-                            <span class="news-time">2020-12-08</span>
-                            <a class="read-more" href="blog-details.html"><img src="assets/img/arrow-right.png" alt=""></a>
+                        <div class="col-md-3 col-sm-3 col-3 right-sec ">
+                            <span class="news-time ">2020-12-08</span>
+                            <a class="read-more " href="blog-details.html "><img src="assets/img/arrow-right.png " alt=" "></a>
                         </div>
                     </div>
                 </div>
-                <div class="col-md-6">
-                    <div class="row">
-                        <div class="col-md-9 col-sm-9 col-9">
-                            <h3 class="news-tit line-one">
+                <div class="col-md-6 no-border">
+                    <div class="row ">
+                        <div class="col-md-9 col-sm-9 col-9 ">
+                            <h3 class="news-tit line-one ">
                                 集聚智慧楼宇产业链资源 永天科技发起设立产业
                             </h3>
-                            <p class="news-des line-two">
+                            <p class="news-des line-two ">
                                 近日，新三板企业上海永天科技股份有限公司（简称“永天科技”)在其智慧云平台基础上发起设立了智慧楼宇产业联盟。据......
                             </p>
                         </div>
-                        <div class="col-md-3 col-sm-3 col-3 right-sec">
-                            <span class="news-time">2020-12-08</span>
-                            <a class="read-more" href="blog-details.html"><img src="assets/img/arrow-right.png" alt=""></a>
+                        <div class="col-md-3 col-sm-3 col-3 right-sec ">
+                            <span class="news-time ">2020-12-08</span>
+                            <a class="read-more " href="blog-details.html "><img src="assets/img/arrow-right.png " alt=" "></a>
                         </div>
                     </div>
-                </div>
+                </div> -->
 
 
             </div>
@@ -320,70 +351,70 @@
     <!--====== FOOTER PART START ======-->
     <footer>
         <!-- widgets -->
-        <div class="footer-widget-area">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="copyrigt-or-code  d-flex flex-column align-items-center">
-                            <img width="130" height="130" src="assets/img/qr_code.png">
-                            <span style="text-align: left;color:#fff;margin-top:10px">微信公众号</span>
+        <div class="footer-widget-area ">
+            <div class="container ">
+                <div class="row ">
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6 ">
+                        <div class="copyrigt-or-code d-flex flex-column align-items-center ">
+                            <img width="130 " height="130 " src="assets/img/qr_code.png ">
+                            <span style="text-align: left;color:#fff;margin-top:10px ">微信公众号</span>
                         </div>
                     </div>
-                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
-                        <div class="widget nav-widget d-flex justify-content-center">
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6 ">
+                        <div class="widget nav-widget d-flex justify-content-center ">
                             <div>
-                                <h5 class="widget-title">核心服务</h5>
+                                <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>智能楼宇</a></li>
+                                    <li><a>物联技术</a></li>
+                                    <li><a>通信配套</a></li>
+                                    <li><a>数字政务</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-center">
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6 ">
+                        <div class="widget nav-widget d-flex justify-content-center ">
                             <div>
-                                <h5 class="widget-title">企业服务</h5>
+                                <h5 class="widget-title ">企业服务</h5>
                                 <ul>
-                                    <li><a href="#">运维服务</a></li>
-                                    <li><a href="#">设计管理</a></li>
-                                    <li><a href="#">项目实施</a></li>
+                                    <li><a>运维服务</a></li>
+                                    <li><a>设计管理</a></li>
+                                    <li><a>项目实施</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-center">
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6 ">
+                        <div class="widget nav-widget d-flex justify-content-center ">
                             <div>
-                                <h5 class="widget-title">合作客户</h5>
+                                <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>偶天集团</a></li>
+                                    <li><a>海康威视</a></li>
+                                    <li><a>大华集团</a></li>
+                                    <li><a>派米雷集团</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-center">
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6 ">
+                        <div class="widget nav-widget d-flex justify-content-center ">
                             <div>
-                                <h5 class="widget-title">新闻动态</h5>
+                                <h5 class="widget-title ">新闻动态</h5>
                                 <ul>
-                                    <li><a href="#">公司新闻</a></li>
-                                    <li><a href="#">行业动态</a></li>
+                                    <li><a href="news/index.html">公司新闻</a></li>
+                                    <li><a href="news/trade/index.html ">行业动态</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-center">
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6 ">
+                        <div class="widget nav-widget d-flex justify-content-center ">
                             <div>
-                                <h5 class="widget-title">加入我们</h5>
+                                <h5 class="widget-title ">加入我们</h5>
                                 <ul>
-                                    <li><a href="#">岗位信息</a></li>
+                                    <li><a>岗位信息</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -392,10 +423,10 @@
             </div>
         </div>
         <!-- copyright -->
-        <div class="copy-right-area">
-            <div class="container">
-                <div class="row copyrigt-text">
-                    <div class="col-lg-12">
+        <div class="copy-right-area ">
+            <div class="container ">
+                <div class="row copyrigt-text ">
+                    <div class="col-lg-12 ">
                         <p>Copyright © 2001- 2014 Usky. All Rights Reserved. 永天股份 版权所有</p>
                         <p>增值电信业务经营许可证（IDC、ISP）编号B2-20080010</p>
                     </div>
@@ -407,18 +438,74 @@
 
     <!--====== FOOTER PART END ======-->
     <!--====== jquery js ======-->
-    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
-    <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
+    <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>
+    <script src="assets/js/bootstrap.min.js "></script>
+    <script src="assets/js/popper.min.js "></script>
     <!--====== Slick js ======-->
-    <script src="assets/js/slick.min.js"></script>
+    <script src="assets/js/slick.min.js "></script>
     <!--====== Mean Menu ======-->
-    <script src="assets/js/jquery.meanmenu.min.js"></script>
-    <script src="assets/css/font_mun4q5ltrbp/iconfont.js"></script>
+    <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>
+    <script src="assets/js/main.js "></script>
+
+    <!--====== Setting Info js ======-->
+    <script src="../assets/js/settinginfo.js"></script>
+
+    <script src="assets/js/vue.min.js "></script>
+
+    <script>
+        var app = new Vue({
+            el: '#app',
+            data: {
+                msg: '0',
+
+            },
+
+        })
+
+
+        var news_list = [];
+        var one_page_num = 4;
+        var app2 = new Vue({
+            el: '#app2',
+            data: {
+                news: [],
+            },
+            computed: {
+
+            },
+            mounted: function() {
+                var self = this;
+                jQuery.ajax({
+                    type: 'POST',
+                    dataType: 'json',
+                    url: window.FQDN + '/journalism_display',
+                    data: {
+                        type: '1'
+                    }
+                }).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);
+                        }
+                    });
+
+
+                }).fail(function(err) {});
+            },
+            methods: {
+
+            }
+        });
+    </script>
 </body>
 
 </html>

join/index.html

@@ -45,7 +45,7 @@
                 <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>
+                            <a href="../index.html"><img src="../assets/img/logo.png" alt="uskylogo"></a>
                         </div>
                         <div class="menu-items">
                             <ul>
@@ -96,43 +96,56 @@
     <!--====== HEADER END ======-->
 
     <!--====== COMMON BREADCRUMB START ======-->
-    <section class="common-bradcrumb-section" style="background-image: url('../assets/img/join/bg.png');">
+    <section class="common-bradcrumb-section inner-banner" style="background-image: url('../assets/img/join/bg.png');">
     </section>
     <!--====== COMMON BREADCRUMB END ======-->
 
+    <section class="crumbs">
+        <div class="container">
+            <ul>
+                <!-- 当前位置： -->
+
+                <li>首页 ></li>
+                <li class="active">加入我们</li>
+            </ul>
+        </div>
+    </section>
+
     <!--====== JOIN START======-->
     <section class="join-section pt-60 pb-60" id="app">
         <div class="container">
             <div v-if="loading" 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 v-if="hasJobs" class="row">
+            <div v-for="(job,idx) in jobs" :key="idx" class="row">
                 <!-- menu-1 -->
-                <div class="col-lg-2 col-md-3 menu-1">
+                <!-- <div class="col-lg-2 col-md-3 menu-1">
                     <div class="title"><span>岗位信息</span></div>
                     <ul>
                         <li v-for="(job,idx) in jobs" :key="idx" :class="[selectdId == idx ? 'active' : '']" @click="changeJob(idx)">{{job.jobVacancy}}</li>
                     </ul>
-                </div>
+                </div> -->
                 <!-- menu-2 -->
-                <div class="col-lg-10 menu-2">
+                <!-- <div class="col-lg-10 menu-2">
                     <ul class="d-flex flex-wrap">
                         <li v-for="(job,idx) in jobs" :key="idx" :class="[selectdId == idx ? 'active' : '']" @click="changeJob(idx)"><span>{{job.jobVacancy}}</span></li>
                     </ul>
-                </div>
+                </div> -->
                 <!-- content -->
-                <div class="col-lg-10 col-md-9">
+                <div class="col-lg-12 col-md-12">
                     <div class="content">
-                        <h1 class="pb-40">{{currentJob.jobVacancy}}</h1>
+                        <h1>
+                            [招聘职位] <span>{{job.jobVacancy}} ({{job.recruits_rs}}名)</span>
+                        </h1>
                         <h2>岗位职责：</h2>
                         <div>
-                            <p v-for="(responsibility, idx) in currentJob.responsibility" :key="idx">{{responsibility}}</p>
+                            <p v-for="(responsibility, idx) in job.responsibility" :key="idx">{{responsibility}}</p>
                         </div>
-                        <h2 v-if="hasRequirment" class="mt-40">任职资格：</h2>
+                        <h2 v-if="hasRequirment">任职要求：</h2>
                         <div>
-                            <p v-for="(requirement, idx) in currentJob.requirement" :key="idx">{{requirement}}</p>
+                            <p v-for="(requirement, idx) in job.requirement" :key="idx">{{requirement}}</p>
                         </div>
-                        <span class="email pt-40 pb-80">简历请发送至邮箱:{{currentJob.contactEmail}}</span>
+                        <span class="email pt-30 ">有意者请将详细简历发送到: <a :href="`mailto:${currentJob.contactEmail}`" >{{currentJob.contactEmail}}</a> </span>
                     </div>
                 </div>
             </div>
@@ -157,10 +170,10 @@
                             <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>智能楼宇</a></li>
+                                    <li><a>物联技术</a></li>
+                                    <li><a>通信配套</a></li>
+                                    <li><a>数字政务</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -170,9 +183,9 @@
                             <div>
                                 <h5 class="widget-title">企业服务</h5>
                                 <ul>
-                                    <li><a href="#">运维服务</a></li>
-                                    <li><a href="#">设计管理</a></li>
-                                    <li><a href="#">项目实施</a></li>
+                                    <li><a>运维服务</a></li>
+                                    <li><a>设计管理</a></li>
+                                    <li><a>项目实施</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -182,10 +195,10 @@
                             <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>偶天集团</a></li>
+                                    <li><a>海康威视</a></li>
+                                    <li><a>大华集团</a></li>
+                                    <li><a>派米雷集团</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -195,8 +208,8 @@
                             <div>
                                 <h5 class="widget-title">新闻动态</h5>
                                 <ul>
-                                    <li><a href="#">公司新闻</a></li>
-                                    <li><a href="#">行业动态</a></li>
+                                    <li><a href="../news/index.html">公司新闻</a></li>
+                                    <li><a href="../news/trade/index.html">行业动态</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -206,7 +219,7 @@
                             <div>
                                 <h5 class="widget-title">加入我们</h5>
                                 <ul>
-                                    <li><a href="#">岗位信息</a></li>
+                                    <li><a>岗位信息</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -266,9 +279,9 @@
                 }
             },
             methods: {
-                changeJob: function(id) {
-                    this.selectdId = id;
-                }
+                // changeJob: function(id) {
+                //     this.selectdId = id;
+                // }
             },
             mounted: function() {
                 // this.jobs = window.jobsinfo;
@@ -288,6 +301,7 @@
                     res.data.forEach(function(item) {
                         var tmp_job = {};
                         tmp_job['jobVacancy'] = item.title;
+                        tmp_job['recruits_rs'] = item.recruits_rs;
                         tmp_job['responsibility'] = item.duty ? item.duty : [];
                         tmp_job['requirement'] = item.requirement ? item.requirement : [];
                         tmp_job['contactEmail'] = item.mailbox;

news/index.html

@@ -45,7 +45,7 @@
                 <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>
+                            <a href="../index.html"><img src="../assets/img/logo.png" alt="uskylogo"></a>
                         </div>
                         <div class="menu-items">
                             <ul>
@@ -158,7 +158,7 @@
                     </ul>
                     <div v-if="!loading" class="page mt-30 mb-30">
                         <div class="d-flex justify-content-center align-items-end cannot_selected" style="position:relative">
-                            <div class="page-des align-items-start cannot_selected">共<span> {{ totalPageNum}}</span>页，第<span> {{ totalPageNum}}</span>条信息</div>
+                            <div class="page-des align-items-start cannot_selected">共<span> {{ currentPageNum}}</span>页，第<span> {{ totalPageSzie}}</span>条信息</div>
 
                             <a :class="[hasPageTop ? '' : 'disable']" class="previous" @click="toPrevious">上一页</a>
                             <a v-if="needOmit" :class="[currentPageNum == 1 ? 'active' : '']" @click="switchPage(1)">1</a>
@@ -192,10 +192,10 @@
                             <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>智能楼宇</a></li>
+                                    <li><a>物联技术</a></li>
+                                    <li><a>通信配套</a></li>
+                                    <li><a>数字政务</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -205,9 +205,9 @@
                             <div>
                                 <h5 class="widget-title">企业服务</h5>
                                 <ul>
-                                    <li><a href="#">运维服务</a></li>
-                                    <li><a href="#">设计管理</a></li>
-                                    <li><a href="#">项目实施</a></li>
+                                    <li><a>运维服务</a></li>
+                                    <li><a>设计管理</a></li>
+                                    <li><a>项目实施</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -217,10 +217,10 @@
                             <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>偶天集团</a></li>
+                                    <li><a>海康威视</a></li>
+                                    <li><a>大华集团</a></li>
+                                    <li><a>派米雷集团</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -230,8 +230,8 @@
                             <div>
                                 <h5 class="widget-title">新闻动态</h5>
                                 <ul>
-                                    <li><a href="#">公司新闻</a></li>
-                                    <li><a href="#">行业动态</a></li>
+                                    <li><a href="../news/index.html">公司新闻</a></li>
+                                    <li><a href="../news/trade/index.html">行业动态</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -241,7 +241,7 @@
                             <div>
                                 <h5 class="widget-title">加入我们</h5>
                                 <ul>
-                                    <li><a href="#">岗位信息</a></li>
+                                    <li><a>岗位信息</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -289,6 +289,7 @@
                 news: [],
                 currentPageNum: 1,
                 totalPageNum: 1,
+                totalPageSzie: 4,
                 middlePageNums: [2, 3, 4, 5, 6],
                 needOmit: true,
                 loading: true,
@@ -332,6 +333,7 @@
                     });
 
                     self.totalPageNum = Math.ceil(news_list.length / one_page_num);
+                    self.totalPageSzie = news_list.length
                     if (self.totalPageNum < 8) {
                         self.needOmit = false;
                         self.middlePageNums = [];
@@ -379,6 +381,7 @@
                     }
                     this.switchPage(this.currentPageNum - 1);
                 },
+
                 toNext: function() {
                     if (this.currentPageNum == this.totalPageNum) {
                         return;

news/read.html

@@ -45,7 +45,7 @@
                 <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>
+                            <a href="../index.html"><img src="../assets/img/logo.png" alt="uskylogo"></a>
                         </div>
                         <div class="menu-items">
                             <ul>
@@ -100,79 +100,89 @@
         <!-- <img src="../assets/img/news/bg_title.png"> -->
     </section>
     <!--====== NEWS BREADCRUMB END ======-->
+    <div id="app">
 
-    <section class="crumbs">
-        <div class="container">
-            <ul>
-                <li>首页 ></li>
-                <li>公司新闻 ></li>
-                <li class="active">正文</li>
-            </ul>
-        </div>
-    </section>
+        <section class="crumbs">
+            <div class="container">
+                <ul>
+                    所在位置：
+                    <li>首页 ></li>
+                    <li v-if="isNews" @click="toNews">公司新闻 ></li>
+                    <li v-else @click="toTrade">行业动态 ></li>
 
-    <!--====== NEWS CONTENT START ======-->
-    <section class="news-content-section pt-60">
-        <div class="container">
-            <div class="row" id="app">
-                <!-- <div class="col-lg-2 col-md-3 menu-1">
-                    <div class="title"> <span>新闻动态</span></div>
-                    <ul>
-                        <li :class="[isNews ? 'active' : 'unactive']" @click="toNews">公司新闻</li>
-                        <li :class="[!isNews ? 'active' : 'unactive']" @click="toTrade">行业动态</li>
-                    </ul>
+                    <!-- <li :style=" isNews ? 'display:inline-block' : 'display:none' ">公司新闻 ></li>
+                    <li v-bind:style="{'display':!isNews ? 'inline-block':'none'}">行业动态 ></li> -->
 
-                    <div class="title mt-40"><span>相关新闻</span></div>
-                    <ul v-if="hasRelated" class="related">
-                        <li v-for="related in relatedNews" :key="related.id">
-                            <a :href="'./read.html?id='+related.id">{{related.title}}</a>
-                        </li>
-                    </ul>
-                </div> -->
-                <!-- <div class="col-md-10 menu-2">
-                    <ul class="d-flex justify-content-center">
-                        <li :class="[isNews ? 'active' : '']" @click="toNews">公司新闻</li>
-                        <li :class="[!isNews ? 'active' : '']" @click="toTrade">行业动态</li>
-                    </ul>
-                </div> -->
-                <div class="col-lg-12 col-md-12 content">
-                    <div v-if="loading" 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 v-if="!loading" class="read_content">
-                        <div class="section-title text-center both-border mb-60">
-                            <span class="title-tag2">{{articleInfo.title}}</span>
+                    <li class="active">正文</li>
+                </ul>
+            </div>
+        </section>
+
+        <!--====== 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 :class="[isNews ? 'active' : 'unactive']" @click="toNews">公司新闻</li>
+                            <li :class="[!isNews ? 'active' : 'unactive']" @click="toTrade">行业动态</li>
+                        </ul>
+
+                        <div class="title mt-40"><span>相关新闻</span></div>
+                        <ul v-if="hasRelated" class="related">
+                            <li v-for="related in relatedNews" :key="related.id">
+                                <a :href="'./read.html?id='+related.id">{{related.title}}</a>
+                            </li>
+                        </ul>
+                    </div> -->
+                    <!-- <div class="col-md-10 menu-2">
+                        <ul class="d-flex justify-content-center">
+                            <li :class="[isNews ? 'active' : '']" @click="toNews">公司新闻</li>
+                            <li :class="[!isNews ? 'active' : '']" @click="toTrade">行业动态</li>
+                        </ul>
+                    </div> -->
+                    <div class="col-lg-12 col-md-12 content">
+                        <div v-if="loading" 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="new-read-title">
-                            <h1>{{articleInfo.title}}</h1>
-                        </div> -->
-                        <div class="new-read-title2 d-flex justify-content-start align-items-center">
-                            <span>作者：{{articleInfo.creator}}</span>
-                            <span style="margin-left:30px">发布时间：{{articleInfo.time}}</span>
+                        <div v-if="!loading" class="read_content">
+                            <div class="section-title text-center both-border mb-60">
+                                <span class="title-tag2">{{articleInfo.title}}</span>
+                            </div>
+                            <!-- <div class="new-read-title">
+                                <h1>{{articleInfo.title}}</h1>
+                            </div> -->
+                            <div class="new-read-title2 d-flex justify-content-start align-items-center">
+                                <span>作者：{{articleInfo.creator}}</span>
+                                <span style="margin-left:30px">{{articleInfo.time}}</span>
 
+                            </div>
+                            <div v-html="articleInfo.content" class="new-read-body">
+                            </div>
                         </div>
-                        <div v-html="articleInfo.content" class="new-read-body">
+                        <div v-if="!loading" class="read-page d-flex justify-content-between">
+                            <a :class="[!hasPrevious ? 'disable' : '']" :href="[hasPrevious ? './read.html?id='+previousInfo.id : 'javascript: void();']" class="previous">上一篇{{previousInfo.title}}</a>
+                            <a :class="[!hasNext ? 'disable' : '']" :href="[hasNext ? './read.html?id='+nextInfo.id : 'javascript: void();']" class="next">下一篇{{nextInfo.title}}</a>
+                            <a :class="[!hasPrevious ? 'disable' : '']" :href="[hasPrevious ? './read.html?id='+previousInfo.id : 'javascript: void();']" class="min-previous">上一篇</a>
+                            <a :class="[!hasNext ? 'disable' : '']" :href="[hasNext ? './read.html?id='+nextInfo.id : 'javascript: void();']" class="min-next">下一篇</a>
                         </div>
                     </div>
-                    <div v-if="!loading" class="read-page d-flex justify-content-between">
-                        <a :class="[!hasPrevious ? 'disable' : '']" :href="[hasPrevious ? './read.html?id='+previousInfo.id : 'javascript: void();']" class="previous">上一篇{{previousInfo.title}}</a>
-                        <a :class="[!hasNext ? 'disable' : '']" :href="[hasNext ? './read.html?id='+nextInfo.id : 'javascript: void();']" class="next">下一篇{{nextInfo.title}}</a>
-                        <a :class="[!hasPrevious ? 'disable' : '']" :href="[hasPrevious ? './read.html?id='+previousInfo.id : 'javascript: void();']" class="min-previous">上一篇</a>
-                        <a :class="[!hasNext ? 'disable' : '']" :href="[hasNext ? './read.html?id='+nextInfo.id : 'javascript: void();']" class="min-next">下一篇</a>
-                    </div>
+                    <!-- <div class="col-md-10 related2">
+                        <div class="title mt-40"><span>相关新闻</span></div>
+                        <ul v-if="hasRelated" class="related">
+                            <li v-for="related in relatedNews" :key="related.id">
+                                <a :href="'./read.html?id='+related.id">{{related.title}}</a>
+                            </li>
+                        </ul>
+                    </div> -->
                 </div>
-                <!-- <div class="col-md-10 related2">
-                    <div class="title mt-40"><span>相关新闻</span></div>
-                    <ul v-if="hasRelated" class="related">
-                        <li v-for="related in relatedNews" :key="related.id">
-                            <a :href="'./read.html?id='+related.id">{{related.title}}</a>
-                        </li>
-                    </ul>
-                </div> -->
             </div>
-        </div>
-    </section>
-    <!--====== NEWS CONTENT END ======-->
+        </section>
+        <!--====== NEWS CONTENT END ======-->
+
+    </div>
+
 
     <!--====== FOOTER PART START ======-->
     <footer>
@@ -191,10 +201,10 @@
                             <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>智能楼宇</a></li>
+                                    <li><a>物联技术</a></li>
+                                    <li><a>通信配套</a></li>
+                                    <li><a>数字政务</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -204,9 +214,9 @@
                             <div>
                                 <h5 class="widget-title">企业服务</h5>
                                 <ul>
-                                    <li><a href="#">运维服务</a></li>
-                                    <li><a href="#">设计管理</a></li>
-                                    <li><a href="#">项目实施</a></li>
+                                    <li><a>运维服务</a></li>
+                                    <li><a>设计管理</a></li>
+                                    <li><a>项目实施</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -216,10 +226,10 @@
                             <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>偶天集团</a></li>
+                                    <li><a>海康威视</a></li>
+                                    <li><a>大华集团</a></li>
+                                    <li><a>派米雷集团</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -229,8 +239,8 @@
                             <div>
                                 <h5 class="widget-title">新闻动态</h5>
                                 <ul>
-                                    <li><a href="#">公司新闻</a></li>
-                                    <li><a href="#">行业动态</a></li>
+                                    <li><a href="../news/index.html">公司新闻</a></li>
+                                    <li><a href="../news/trade/index.html">行业动态</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -240,7 +250,7 @@
                             <div>
                                 <h5 class="widget-title">加入我们</h5>
                                 <ul>
-                                    <li><a href="#">岗位信息</a></li>
+                                    <li><a>岗位信息</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -358,15 +368,15 @@
             },
             methods: {
                 toTrade: function() {
-                    if (!this.isNews) {
-                        return;
-                    }
+                    // if (!this.isNews) {
+                    //     return;
+                    // }
                     window.location.href = "./trade/index.html";
                 },
                 toNews: function() {
-                    if (this.isNews) {
-                        return;
-                    }
+                    // if (this.isNews) {
+                    //     return;
+                    // }
                     window.location.href = "./index.html";
                 }
             }

news/trade/index.html

@@ -45,7 +45,7 @@
                 <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>
+                            <a href="../../index.html"><img src="../../assets/img/logo.png" alt="uskylogo"></a>
                         </div>
                         <div class="menu-items">
                             <ul>
@@ -104,7 +104,7 @@
         <div class="container">
             <ul>
                 <li>首页 ></li>
-                <li class="active">新闻动态</li>
+                <li class="active">行业动态</li>
             </ul>
         </div>
     </section>
@@ -162,6 +162,7 @@
                     </ul>
                     <div v-if="!loading" class="page mt-30 mb-30">
                         <div class="d-flex justify-content-center align-items-end cannot_selected">
+                            <div class="page-des align-items-start cannot_selected">共<span> {{ currentPageNum}}</span>页，第<span> {{ totalPageSzie}}</span>条信息</div>
                             <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>
@@ -183,71 +184,71 @@
         <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 class="copyrigt-or-code  d-flex flex-column align-items-center">
+                            <img width="130" height="130" src="../../assets/img/qr_code.png">
+                            <span style="text-align: left;color:#fff;margin-top:10px">微信公众号</span>
+                        </div>
+                    </div>
+                    <div class="col-lg-2 col-md-6 col-sm-6 col-6">
+                        <div class="widget nav-widget d-flex justify-content-center">
                             <div>
-                                <h5 class="widget-title">核心业务</h5>
+                                <h5 class="widget-title">核心服务</h5>
                                 <ul>
-                                    <li><a href="#">智慧城市</a></li>
-                                    <li><a href="#">智慧消防</a></li>
-                                    <li><a href="#">永天云</a></li>
+                                    <li><a>智能楼宇</a></li>
+                                    <li><a>物联技术</a></li>
+                                    <li><a>通信配套</a></li>
+                                    <li><a>数字政务</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 class="widget nav-widget d-flex justify-content-center">
                             <div>
                                 <h5 class="widget-title">企业服务</h5>
                                 <ul>
-                                    <li><a href="#">运维服务</a></li>
-                                    <li><a href="#">设计管理</a></li>
-                                    <li><a href="#">项目实施</a></li>
+                                    <li><a>运维服务</a></li>
+                                    <li><a>设计管理</a></li>
+                                    <li><a>项目实施</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 class="widget nav-widget d-flex justify-content-center">
                             <div>
-                                <h5 class="widget-title">永天客户</h5>
+                                <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>
+                                    <li><a>偶天集团</a></li>
+                                    <li><a>海康威视</a></li>
+                                    <li><a>大华集团</a></li>
+                                    <li><a>派米雷集团</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 class="widget nav-widget d-flex justify-content-center">
                             <div>
                                 <h5 class="widget-title">新闻动态</h5>
                                 <ul>
-                                    <li><a href="#">公司新闻</a></li>
-                                    <li><a href="#">行业动态</a></li>
+                                    <li><a href="../../news/index.html">公司新闻</a></li>
+                                    <li><a href="../../news/trade/index.html">行业动态</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 class="widget nav-widget d-flex justify-content-center">
                             <div>
-                                <h5 class="widget-title">关于永天</h5>
+                                <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>岗位信息</a></li>
                                 </ul>
                             </div>
                         </div>
                     </div>
-                    <div class="col-lg-1 col-md-0 col-sm-0 col-0"></div>
                 </div>
             </div>
         </div>
@@ -255,14 +256,11 @@
         <div class="copy-right-area">
             <div class="container">
                 <div class="row copyrigt-text">
-                    <div class="col-lg-9">
+                    <div class="col-lg-12">
                         <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>
@@ -296,6 +294,7 @@
                 news: [],
                 currentPageNum: 1,
                 totalPageNum: 1,
+                totalPageSzie: 4,
                 middlePageNums: [2, 3, 4, 5, 6],
                 needOmit: true,
                 loading: true,
@@ -339,6 +338,7 @@
                     });
 
                     self.totalPageNum = Math.ceil(news_list.length / one_page_num);
+                    self.totalPageSzie = news_list.length
                     if (self.totalPageNum < 8) {
                         self.needOmit = false;
                         self.middlePageNums = [];

solution/detail.html

@@ -45,7 +45,7 @@
                 <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>
+                            <a href="../index.html"><img src="../assets/img/logo.png" alt="uskylogo"></a>
                         </div>
                         <div class="menu-items">
                             <ul>
@@ -96,7 +96,7 @@
     <!--====== HEADER END ======-->
 
     <!--====== COMMON BREADCRUMB START ======-->
-    <section class="common-bradcrumb-section" style="background-image: url('../assets/img/solution/detail2-banner.png'); height:300px">
+    <section class="common-bradcrumb-section" style="background-image: url('../assets/img/solution/detail2-banner.jpg'); height:300px">
         <!-- <img src="../assets/img/solution/solution-banner.png" alt=""> -->
     </section>
     <!--====== COMMON BREADCRUMB END ======-->
@@ -116,7 +116,7 @@
     <!--====== SOLUTION DETAIL START ======-->
     <section class="solution-detail pt-40 pb-50">
         <div class="container">
-            <div class="section-title text-center both-border mb-40">
+            <div class="  section-title text-center both-border mb-40">
                 <span class="title-tag2">宜春招商平台系统软件功能介绍</span>
                 <p class="subtit mt-40">区域：江西省，宜春市 规模：永丰街道，7.4万人</p>
             </div>
@@ -197,10 +197,10 @@
                             <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>智能楼宇</a></li>
+                                    <li><a>物联技术</a></li>
+                                    <li><a>通信配套</a></li>
+                                    <li><a>数字政务</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -210,9 +210,9 @@
                             <div>
                                 <h5 class="widget-title">企业服务</h5>
                                 <ul>
-                                    <li><a href="#">运维服务</a></li>
-                                    <li><a href="#">设计管理</a></li>
-                                    <li><a href="#">项目实施</a></li>
+                                    <li><a>运维服务</a></li>
+                                    <li><a>设计管理</a></li>
+                                    <li><a>项目实施</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -222,10 +222,10 @@
                             <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>偶天集团</a></li>
+                                    <li><a>海康威视</a></li>
+                                    <li><a>大华集团</a></li>
+                                    <li><a>派米雷集团</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -235,8 +235,8 @@
                             <div>
                                 <h5 class="widget-title">新闻动态</h5>
                                 <ul>
-                                    <li><a href="#">公司新闻</a></li>
-                                    <li><a href="#">行业动态</a></li>
+                                    <li><a href="../news/index.html">公司新闻</a></li>
+                                    <li><a href="../news/trade/index.html">行业动态</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -246,7 +246,7 @@
                             <div>
                                 <h5 class="widget-title">加入我们</h5>
                                 <ul>
-                                    <li><a href="#">岗位信息</a></li>
+                                    <li><a>岗位信息</a></li>
                                 </ul>
                             </div>
                         </div>

solution/detail2.html

@@ -45,7 +45,7 @@
                 <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>
+                            <a href="../index.html"><img src="../assets/img/logo.png" alt="uskylogo"></a>
                         </div>
                         <div class="menu-items">
                             <ul>
@@ -144,7 +144,7 @@
 
     </section>
 
-    <section class="solution-detail pt-40 pb-80  bg-gray">
+    <section class="solution-detail pt-40 pb-80  bg-gray" id="app">
         <div class="container">
             <div class="section-title text-center both-border mb-40 ">
                 <span class="title-tag2">智慧招商综合管理平台软件</span>
@@ -155,7 +155,7 @@
                         <div class="list-content">
                             <img src="../assets/img/solution/pro-list1.png" alt="">
                             <div class="modal-bg">
-                                <span class="click-more" @click='show'>查看详情</span>
+                                <span class="click-more" @click="showBox=true">查看详情</span>
                             </div>
                         </div>
                         <p class="pro-tit">视频检测</p>
@@ -164,7 +164,7 @@
                         <div class="list-content">
                             <img src="../assets/img/solution/pro-list2.png" alt="">
                             <div class="modal-bg">
-                                <span class="click-more">查看详情</span>
+                                <span class="click-more" @click="showBox=true">查看详情</span>
                             </div>
                         </div>
                         <p class="pro-tit">占道侦测</p>
@@ -173,7 +173,7 @@
                         <div class="list-content">
                             <img src="../assets/img/solution/pro-list3.png" alt="">
                             <div class="modal-bg">
-                                <span class="click-more">查看详情</span>
+                                <span class="click-more" @click="showBox=true">查看详情</span>
                             </div>
                         </div>
                         <p class="pro-tit">电动车禁入</p>
@@ -182,7 +182,7 @@
                         <div class="list-content">
                             <img src="../assets/img/solution/pro-list4.png" alt="">
                             <div class="modal-bg">
-                                <span class="click-more">查看详情</span>
+                                <span class="click-more" @click="showBox=true">查看详情</span>
                             </div>
                         </div>
                         <p class="pro-tit">可燃气体侦测</p>
@@ -192,7 +192,7 @@
                         <div class="list-content">
                             <img src="../assets/img/solution/pro-list5.png" alt="">
                             <div class="modal-bg">
-                                <span class="click-more">查看详情</span>
+                                <span class="click-more" @click="showBox=true">查看详情</span>
                             </div>
                         </div>
                         <p class="pro-tit">窖井盖监测</p>
@@ -202,7 +202,7 @@
                         <div class="list-content">
                             <img src="../assets/img/solution/pro-list6.png" alt="">
                             <div class="modal-bg">
-                                <span class="click-more">查看详情</span>
+                                <span class="click-more" @click="showBox=true">查看详情</span>
                             </div>
                         </div>
                         <p class="pro-tit">二次供水监测</p>
@@ -214,42 +214,44 @@
             </div>
         </div>
 
-    </section>
-    <!--====== SOLUTION DETAIL END ======-->
+        <div class="detail-modal" v-if='showBox'>
+            <div class="modal-box">
+                <img src="../assets/img/solution/pro-list1.png" alt="">
+                <h4 class="modal-tit">视频检测</h4>
+                <div class="modal-text">
+                    <p>永丰街道位于上饶市广丰区，现为广丰区人民政府驻地，是全区政治、经济、文化中心。面积为25平方公里，人口7.4万，其中非农人口6.6万，辖：东街、麦园、湖沿、鸟林街、横路、东关、裕丰、北门、南山、大塘、西门、商城、西山、白鹤、平安十五个社区居委会。
+                    </p>
+                    <p> 实施内容主要为社会服务管理中心数字平台。通过系统整合资源，提升公共服务优质化，全面融合技术，促进社会管理信息化，科学健全体系，打造城区发展网格化。
+                    </p>
 
+                </div>
+                <div class="modal-link">
+                    <p>数据链接：</p>
+                    <a href="#">yang.wang@chinausky.com </a>
+                    <p>数据链接：</p>
+                    <a href="#">yang.wang@chinausky.com </a>
+                    <p>数据链接：</p>
+                    <a href="#">yang.wang@chinausky.com </a>
+                    <p>数据链接：</p>
+                    <a href="#">yang.wang@chinausky.com </a>
+                </div>
+
+                <img class="close-img" src="../assets/img/solution/close.png" alt="" @click="showBox=false">
 
-    <!--====== MODAL START ======-->
-    <div class="detail-modal" v-if='showBox' id="app">
-        <div class="modal-box">
-            <img src="../assets/img/solution/pro-list1.png" alt="">
-            <h4 class="modal-tit">视频检测</h4>
-            <div class="modal-text">
-                <p>永丰街道位于上饶市广丰区，现为广丰区人民政府驻地，是全区政治、经济、文化中心。面积为25平方公里，人口7.4万，其中非农人口6.6万，辖：东街、麦园、湖沿、鸟林街、横路、东关、裕丰、北门、南山、大塘、西门、商城、西山、白鹤、平安十五个社区居委会。
-                </p>
-                <p> 实施内容主要为社会服务管理中心数字平台。通过系统整合资源，提升公共服务优质化，全面融合技术，促进社会管理信息化，科学健全体系，打造城区发展网格化。
-                </p>
 
-            </div>
-            <div class="modal-link">
-                <p>数据链接：</p>
-                <a href="#">yang.wang@chinausky.com </a>
-                <p>数据链接：</p>
-                <a href="#">yang.wang@chinausky.com </a>
-                <p>数据链接：</p>
-                <a href="#">yang.wang@chinausky.com </a>
-                <p>数据链接：</p>
-                <a href="#">yang.wang@chinausky.com </a>
             </div>
 
-            <img class="close-img" src="../assets/img/solution/close.png" alt="">
+
 
 
         </div>
 
+    </section>
+    <!--====== SOLUTION DETAIL END ======-->
 
 
+    <!--====== MODAL START ======-->
 
-    </div>
     <!--====== MODAL END ======-->
 
 
@@ -275,10 +277,10 @@
                             <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>智能楼宇</a></li>
+                                    <li><a>物联技术</a></li>
+                                    <li><a>通信配套</a></li>
+                                    <li><a>数字政务</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -288,9 +290,9 @@
                             <div>
                                 <h5 class="widget-title">企业服务</h5>
                                 <ul>
-                                    <li><a href="#">运维服务</a></li>
-                                    <li><a href="#">设计管理</a></li>
-                                    <li><a href="#">项目实施</a></li>
+                                    <li><a>运维服务</a></li>
+                                    <li><a>设计管理</a></li>
+                                    <li><a>项目实施</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -300,10 +302,10 @@
                             <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>偶天集团</a></li>
+                                    <li><a>海康威视</a></li>
+                                    <li><a>大华集团</a></li>
+                                    <li><a>派米雷集团</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -313,8 +315,8 @@
                             <div>
                                 <h5 class="widget-title">新闻动态</h5>
                                 <ul>
-                                    <li><a href="#">公司新闻</a></li>
-                                    <li><a href="#">行业动态</a></li>
+                                    <li><a href="../news/index.html">公司新闻</a></li>
+                                    <li><a href="../news/trade/index.html">行业动态</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -324,7 +326,7 @@
                             <div>
                                 <h5 class="widget-title">加入我们</h5>
                                 <ul>
-                                    <li><a href="#">岗位信息</a></li>
+                                    <li><a>岗位信息</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -373,14 +375,9 @@
             },
             methods: {
 
-                show() {
-                    // 点击的时候显示模态框
-                    this.showBox = true
-                },
-
             },
             mounted: function() {
-                // this.examples = window.exampleinfo;
+
             }
         })
     </script>

solution/index.html

@@ -45,7 +45,7 @@
                 <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>
+                            <a href="../index.html"><img src="../assets/img/logo.png" alt="uskylogo"></a>
                         </div>
                         <div class="menu-items">
                             <ul>
@@ -96,7 +96,7 @@
     <!--====== HEADER END ======-->
 
     <!--====== COMMON BREADCRUMB START ======-->
-    <section class="common-bradcrumb-section" style="background-image: url('../assets/img/solution/solution-banner.png'); height:325px">
+    <section class="common-bradcrumb-section" style="background-image: url('../assets/img/solution/solution-banner.jpg'); height:325px">
         <!-- <img src="../assets/img/solution/solution-banner.png" alt=""> -->
     </section>
     <!--====== COMMON BREADCRUMB END ======-->
@@ -214,10 +214,10 @@
                             <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>智能楼宇</a></li>
+                                    <li><a>物联技术</a></li>
+                                    <li><a>通信配套</a></li>
+                                    <li><a>数字政务</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -227,9 +227,9 @@
                             <div>
                                 <h5 class="widget-title">企业服务</h5>
                                 <ul>
-                                    <li><a href="#">运维服务</a></li>
-                                    <li><a href="#">设计管理</a></li>
-                                    <li><a href="#">项目实施</a></li>
+                                    <li><a>运维服务</a></li>
+                                    <li><a>设计管理</a></li>
+                                    <li><a>项目实施</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -239,10 +239,10 @@
                             <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>偶天集团</a></li>
+                                    <li><a>海康威视</a></li>
+                                    <li><a>大华集团</a></li>
+                                    <li><a>派米雷集团</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -252,8 +252,8 @@
                             <div>
                                 <h5 class="widget-title">新闻动态</h5>
                                 <ul>
-                                    <li><a href="#">公司新闻</a></li>
-                                    <li><a href="#">行业动态</a></li>
+                                    <li><a href="../news/index.html">公司新闻</a></li>
+                                    <li><a href="../news/trade/index.html">行业动态</a></li>
                                 </ul>
                             </div>
                         </div>
@@ -263,7 +263,7 @@
                             <div>
                                 <h5 class="widget-title">加入我们</h5>
                                 <ul>
-                                    <li><a href="#">岗位信息</a></li>
+                                    <li><a>岗位信息</a></li>
                                 </ul>
                             </div>
                         </div>