|
|
@@ -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"></i>
|
|
|
+ <div class="whyUs-item text-center" @click="msg=0" :class="{'active':msg===0}">
|
|
|
+ <i class=" iconfont "></i>
|
|
|
<p>专业的项目执行团队</p>
|
|
|
</div>
|
|
|
- <div class="whyUs-item text-center ">
|
|
|
- <i class="iconfont"></i>
|
|
|
+ <div class="whyUs-item text-center " @click="msg=2 " :class="{'active':msg===2}">
|
|
|
+ <i class="iconfont "></i>
|
|
|
<p>十六年的服务经验</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-md-6">
|
|
|
- <div class="whyUs-item text-center pos-top">
|
|
|
- <i class="iconfont"></i>
|
|
|
+ <div class="col-md-6 ">
|
|
|
+ <div class="whyUs-item text-center pos-top " @click="msg=1 " :class="{'active':msg===1}">
|
|
|
+ <i class="iconfont "></i>
|
|
|
<p>成熟的运维服务体系</p>
|
|
|
</div>
|
|
|
- <div class="whyUs-item text-center ">
|
|
|
- <i class="iconfont"></i>
|
|
|
+ <div class="whyUs-item text-center " @click="msg=3 " :class="{'active':msg===3}">
|
|
|
+ <i class="iconfont "></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>
|
ming
