|
|
@@ -4,8 +4,9 @@
|
|
|
<head>
|
|
|
<meta charset="utf-8" />
|
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
|
- <meta name="description" content="" />
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
|
+ <meta title="description" content="" />
|
|
|
+ <meta title="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
|
+ <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no" />
|
|
|
<link rel="icon" href="../assets/img/favicon.ico">
|
|
|
|
|
|
<title>关于我们</title>
|
|
|
@@ -30,13 +31,15 @@
|
|
|
<!--[if lte IE 9]>
|
|
|
<p class="browserupgrade">请使用chrome，IE11等现代浏览器，浏览本网站.</p>
|
|
|
<![endif]-->
|
|
|
+ <div id="app">
|
|
|
|
|
|
- <!--====== HEADER START ======-->
|
|
|
- <header class="header-absolute sticky-header">
|
|
|
- <div class="custom-container-one">
|
|
|
- <div class="header-top-area">
|
|
|
- <div class="container align-items-center">
|
|
|
- <!-- <div class="col-md-6 col-sm-7">
|
|
|
+
|
|
|
+ <!--====== HEADER START ======-->
|
|
|
+ <header class="header-absolute sticky-header">
|
|
|
+ <div class="custom-container-one">
|
|
|
+ <div class="header-top-area">
|
|
|
+ <div class="container align-items-center">
|
|
|
+ <!-- <div class="col-md-6 col-sm-7">
|
|
|
<ul class="contact-list">
|
|
|
<li>
|
|
|
<a href="javascipt:void();">www.chinausky.com</a>
|
|
|
@@ -46,304 +49,207 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="mainmenu-area container">
|
|
|
- <div class="d-flex align-items-center justify-content-between">
|
|
|
- <nav class="main-menu">
|
|
|
- <div class="logo">
|
|
|
- <a href="../index.html"><img src="../assets/img/logo.png" alt="uskylogo"></a>
|
|
|
- </div>
|
|
|
- <div class="menu-items">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <a href="../index.html">首页</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="../solution/index.html?solution_type=1">解决方案</a>
|
|
|
- <ul class="submenu">
|
|
|
- <li><a href="../solution/index.html?solution_type=1">智慧安防</a></li>
|
|
|
- <li><a href="../solution/index.html?solution_type=2">智慧消防</a></li>
|
|
|
- <li><a href="../solution/index.html?solution_type=3">智慧建筑能源管理</a></li>
|
|
|
- <li><a href="../solution/index.html?solution_type=4">智慧电力综合管理</a></li>
|
|
|
- <li><a href="../solution/index.html?solution_type=5">智慧园区无人机综合管理</a></li>
|
|
|
- <li><a href="../solution/index.html?solution_type=6">智慧楼宇综合运营</a></li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="../product/index.html">产品中心</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="../technology/index.html">技术支撑</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a>新闻动态</a>
|
|
|
- <ul class="submenu">
|
|
|
- <li><a href="../news">公司新闻</a></li>
|
|
|
- <li><a href="../news/trade/index.html">行业动态</a></li>
|
|
|
- </ul>
|
|
|
- </li>
|
|
|
- <li class="active">
|
|
|
- <a href="#">关于我们</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </nav>
|
|
|
+ <div class="mainmenu-area container">
|
|
|
+ <div class="d-flex align-items-center justify-content-between">
|
|
|
+ <nav class="main-menu">
|
|
|
+ <div class="logo">
|
|
|
+ <a href="../index.html"><img src="../assets/img/logo.png" alt="uskylogo"></a>
|
|
|
+ </div>
|
|
|
+ <div class="menu-items">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <a href="../index.html">首页</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="../solution/index.html?solution_type=1">解决方案</a>
|
|
|
+ <ul class="submenu">
|
|
|
+ <li><a href="../solution/index.html?solution_type=1">智慧安防</a></li>
|
|
|
+ <li><a href="../solution/index.html?solution_type=2">智慧消防</a></li>
|
|
|
+ <li><a href="../solution/index.html?solution_type=3">智慧建筑能源管理</a></li>
|
|
|
+ <li><a href="../solution/index.html?solution_type=4">智慧电力综合管理</a></li>
|
|
|
+ <li><a href="../solution/index.html?solution_type=5">智慧园区无人机综合管理</a></li>
|
|
|
+ <li><a href="../solution/index.html?solution_type=6">智慧楼宇综合运营</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="../product/index.html">产品中心</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="../technology/index.html">技术支撑</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="../news">新闻动态</a>
|
|
|
+ <ul class="submenu">
|
|
|
+ <li><a href="../news">公司新闻</a></li>
|
|
|
+ <li><a href="../news/trade/index.html">行业动态</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="active">
|
|
|
+ <a href="#">关于我们</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </nav>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-12">
|
|
|
- <div class="mobile-menu"></div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-12">
|
|
|
+ <div class="mobile-menu"></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </header>
|
|
|
+ </header>
|
|
|
|
|
|
- <!--====== COMMON BREADCRUMB START ======-->
|
|
|
- <section class="common-bradcrumb-section inner-banner">
|
|
|
- <img src="../assets/img/about/bg.png" alt="">
|
|
|
- </section>
|
|
|
- <!--====== COMMON BREADCRUMB END ======-->
|
|
|
+ <!--====== COMMON BREADCRUMB START ======-->
|
|
|
+ <section class="common-bradcrumb-section inner-banner">
|
|
|
+ <img src="../assets/img/about/bg.png" alt="">
|
|
|
+ </section>
|
|
|
+ <!--====== COMMON BREADCRUMB END ======-->
|
|
|
|
|
|
|
|
|
- <!--====== ABOUT INTRODUCE START======-->
|
|
|
- <section class="about-introduce-section pt-40 pb-60">
|
|
|
- <div class="container">
|
|
|
- <div class="section-title text-center both-border pb-20">
|
|
|
- <span class="title-tag">企业简介</span>
|
|
|
+ <!--====== ABOUT INTRODUCE START======-->
|
|
|
+ <section class="about-introduce-section pt-40 pb-60">
|
|
|
+ <div class="container">
|
|
|
+ <div class="section-title text-center both-border pb-20">
|
|
|
+ <span class="title-tag">企业简介</span>
|
|
|
+ </div>
|
|
|
+ <div class="about-intro-top">
|
|
|
+ <p :class="ind != array.about_us.length-1 ? 'pb-40' : ''" v-for="(aboutUs,ind) in array.about_us">
|
|
|
+ {{aboutUs.content}}</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="about-intro-top">
|
|
|
- <p class="pb-40">
|
|
|
- 上海永天科技股份有限公司（股票代码：430273，以下简称“永天科技”）创办于2004年，多次通过国家级高新技术企业认定，是国内极具竞争力的智慧城市整体方案提供商及运营服务商之一。</p>
|
|
|
+ </section>
|
|
|
+ <!--====== ABOUT INTRODUCE END======-->
|
|
|
|
|
|
- <p>公司自成立之初起，始终以“助力企业及城市数字化转型”为核心，从通信、物联网、数字化中台等方面，不断拓展、充实智慧城市的各层级的数字化服务内涵。基于多年实践经验，逐步形成了以物联网数据采集、
|
|
|
- 处理技术和数字化管理中台技术为核心的“双引擎驱动”模式。通过物联网相关技术，实现从数据采集、边缘计算，到智慧平台、综合服务的纵向（采集）“端”-（应用）“端”打通；通过数字化管理中台技术，
|
|
|
- 实现多角度、多层级的生活、工作、管理场景横向延伸。通过核心技术的功能整合和面向各行各业的“N+1”式的产品线拓展，数字化赋能智慧城市的多节点场景，构筑丰富的业务生态，为用户提供全方位、
|
|
|
- 一站式的深度服务。</p>
|
|
|
+ <!--====== HISTORY START======-->
|
|
|
+ <section class="history-section pt-60 pb-60">
|
|
|
+ <div class="section-title text-center both-border pb-20">
|
|
|
+ <span class="title-tag">企业优势</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!--====== ABOUT INTRODUCE END======-->
|
|
|
-
|
|
|
- <!--====== HISTORY START======-->
|
|
|
- <section class="history-section pt-60 pb-60">
|
|
|
- <div class="section-title text-center both-border pb-20">
|
|
|
- <span class="title-tag">企业优势</span>
|
|
|
- </div>
|
|
|
- <div class="container" style="background-color: #ffff;">
|
|
|
- <div class="row historyContent">
|
|
|
- <div class="pb-50 col-md-6 historyConet">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-3 hisImg">
|
|
|
- <img src="../assets/img/about/icon1.png" alt="">
|
|
|
- </div>
|
|
|
- <div class="col-md-9 hisContent">
|
|
|
- <div>业务优势</div>
|
|
|
- <div>永天科技成立于2004年，专业提供通信网络、物联感知、边缘计算、数据服务、智慧运营、数字城市等领域的系统开发、建设与技术支撑等服务；</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="pb-50 col-md-6 historyConet">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-3 hisImg">
|
|
|
- <img src="../assets/img/about/icon2.png" alt="">
|
|
|
- </div>
|
|
|
- <div class="col-md-9 hisContent">
|
|
|
- <div>市场优势</div>
|
|
|
- <div>通过平台化运作，本地化服务，全国业务覆盖更加全面；</div>
|
|
|
+ <div class="container" style="background-color: #ffff;">
|
|
|
+ <div class="row historyContent">
|
|
|
+ <div class="pb-50 col-md-6 historyConet" v-for="strength in array.strength">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-3 hisImg">
|
|
|
+ <img :src="strength.picture" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="col-md-9 hisContent">
|
|
|
+ <div>{{strength.title}}</div>
|
|
|
+ <div>{{strength.content}}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="pb-50 col-md-6 historyConet">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-3 hisImg">
|
|
|
- <img src="../assets/img/about/icon3.png" alt="">
|
|
|
- </div>
|
|
|
- <div class="col-md-9 hisContent">
|
|
|
- <div>创新优势</div>
|
|
|
- <div>融合数字孪生、边缘计算、大数据处理等新兴技术，产品性能更加优秀；</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!--====== HISTORY END======-->
|
|
|
+
|
|
|
+ <!--====== COURSE START======-->
|
|
|
+ <section class="course-section pt-60 pb-80">
|
|
|
+ <div class="container">
|
|
|
+ <div class="section-title text-center both-border pb-30">
|
|
|
+ <span class="title-tag">发展历程</span>
|
|
|
</div>
|
|
|
- <div class="pb-50 col-md-6 historyConet">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-3 hisImg">
|
|
|
- <img src="../assets/img/about/icon4.png" alt="">
|
|
|
- </div>
|
|
|
- <div class="col-md-9 hisContent">
|
|
|
- <div>生态优势</div>
|
|
|
- <div>围绕行业细分，累计服务超过5000家企业，近10万个用户，平台生态高效、健康。</div>
|
|
|
- </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-12" v-for="history in array.history">
|
|
|
+ <img :src="history.picture" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!--====== HISTORY END======-->
|
|
|
+ </section>
|
|
|
+ <!--====== COURSE END======-->
|
|
|
|
|
|
- <!--====== COURSE START======-->
|
|
|
- <section class="course-section pt-60 pb-80">
|
|
|
- <div class="container">
|
|
|
- <div class="section-title text-center both-border pb-30">
|
|
|
- <span class="title-tag">发展历程</span>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-12">
|
|
|
- <img src="../assets/img/about/lc.png" alt="">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!--====== COURSE END======-->
|
|
|
+ <!--====== credential START======-->
|
|
|
+ <section class="history-section pt-60 pb-60">
|
|
|
|
|
|
- <!--====== credential START======-->
|
|
|
- <section class="history-section pt-60 pb-60">
|
|
|
-
|
|
|
- <div class="container">
|
|
|
- <div class="section-title text-center both-border pb-20">
|
|
|
- <span class="title-tag">企业荣誉</span>
|
|
|
- </div>
|
|
|
- <div class="credentialContent" style="background-color: #ffff;">
|
|
|
- <div class="title mb-30">2005~2021年度高新技术企业</div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-6 listAll">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-6 list">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <span class="borderRadius1">
|
|
|
- <span class="borderRadius2"></span>
|
|
|
- </span>
|
|
|
- AAA级信用企业
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="borderRadius1">
|
|
|
- <span class="borderRadius2"></span>
|
|
|
- </span>
|
|
|
- 安全生产许可证
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="borderRadius1">
|
|
|
- <span class="borderRadius2"></span>
|
|
|
- </span>
|
|
|
- 质量管理体系ISO9001
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="borderRadius1">
|
|
|
- <span class="borderRadius2"></span>
|
|
|
- </span>
|
|
|
- 环境管理体系ISO14001
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="borderRadius1">
|
|
|
- <span class="borderRadius2"></span>
|
|
|
- </span>
|
|
|
- 上海安全防范报警协会理事
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="borderRadius1">
|
|
|
- <span class="borderRadius2"></span>
|
|
|
- </span>
|
|
|
- ......
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <div class="container">
|
|
|
+ <div class="section-title text-center both-border pb-20">
|
|
|
+ <span class="title-tag">企业荣誉</span>
|
|
|
+ </div>
|
|
|
+ <div class="credentialContent" style="background-color: #ffff;">
|
|
|
+ <div class="title mb-30">2005~2021年度高新技术企业</div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-6 listAll">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-6 list">
|
|
|
+ <ul>
|
|
|
+ <li v-for="honour_one in array.honour_one">
|
|
|
+ <span class="borderRadius1">
|
|
|
+ <span class="borderRadius2"></span>
|
|
|
+ </span>
|
|
|
+ {{honour_one.title}}
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="borderRadius1">
|
|
|
+ <span class="borderRadius2"></span>
|
|
|
+ </span>
|
|
|
+ ......
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6 list">
|
|
|
+ <ul>
|
|
|
+ <li v-for="honour_two in array.honour_two">
|
|
|
+ {{honour_two.title}}
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="col-md-6 list">
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- 消防设施工程专业承包一级资质
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- 安全防范工程设计施工一级资质
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- 电子与智能化工程专业承包一级资质
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- 智能建筑化工程专业承包二级资质
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- 通信工程施工总承包三级资质
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6 listAll">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-md-4 list1" v-for="certificate_one in array.certificate_one">
|
|
|
+ <img :src="certificate_one.picture" alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-md-6 listAll">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-4 list1">
|
|
|
- <img src="../assets/img/about/honor5.png" alt="">
|
|
|
- </div>
|
|
|
- <div class="col-md-4 list1">
|
|
|
- <img src="../assets/img/about/honor6.png" alt="">
|
|
|
+ <div class="mt-50" id="marquee_box">
|
|
|
+ <div id="marquee_img">
|
|
|
+ <div id="marquee_img1">
|
|
|
+ <img v-for="certificate_two in array.certificate_two" :src="certificate_two.picture"
|
|
|
+ alt="">
|
|
|
</div>
|
|
|
- <div class="col-md-4 list1">
|
|
|
- <img src="../assets/img/about/honor7.png" alt="">
|
|
|
+ <div id="marquee_img2">
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="mt-50" id="marquee_box">
|
|
|
- <div id="marquee_img">
|
|
|
- <div id="marquee_img1">
|
|
|
- <img src="../assets/img/about/honor8.png" alt="">
|
|
|
- <img src="../assets/img/about/honor9.png" alt="">
|
|
|
- <img src="../assets/img/about/honor10.png" alt="">
|
|
|
- <img src="../assets/img/about/honor11.png" alt="">
|
|
|
- <img src="../assets/img/about/honor12.png" alt="">
|
|
|
- <img src="../assets/img/about/honor13.png" alt="">
|
|
|
- <img src="../assets/img/about/honor14.png" alt="">
|
|
|
- <img src="../assets/img/about/honor15.png" alt="">
|
|
|
- <img src="../assets/img/about/honor16.png" alt="">
|
|
|
- </div>
|
|
|
- <div id="marquee_img2">
|
|
|
|
|
|
- </div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!--====== credential END======-->
|
|
|
+ </section>
|
|
|
+ <!--====== credential END======-->
|
|
|
|
|
|
- <!--====== 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-40">
|
|
|
- <span class="title-tag">联系我们</span>
|
|
|
- </div>
|
|
|
- <div class="row bg-white about-shadow aboutContent">
|
|
|
- <div class="col-md-7 pr-40 aboutImg">
|
|
|
- <img src="../assets/img/about/lc.png" alt="">
|
|
|
+ <!--====== 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-40">
|
|
|
+ <span class="title-tag">联系我们</span>
|
|
|
</div>
|
|
|
- <div class="col-md-5 aboutcotn">
|
|
|
- <div class="border-buttom">
|
|
|
- <div class="title">公司总部（上海）</div>
|
|
|
- <div class="content">公司地址：上海市青浦区徐乐路208号</div>
|
|
|
- <div class="content">联系电话：021-65376655</div>
|
|
|
- <div class="content">Add：NO.208 Xule Rd，Qingpu</div>
|
|
|
- </div>
|
|
|
- <div class="border-buttom">
|
|
|
- <div class="title">香港分公司</div>
|
|
|
- <div class="content">公司地址：香港观塘开源道64号源成中心5楼507室</div>
|
|
|
- <div class="content">联系电话：852-35211208</div>
|
|
|
+ <div class="row bg-white about-shadow aboutContent">
|
|
|
+ <div class="col-md-7 pr-40 aboutImg">
|
|
|
+ <img src="../assets/img/about/baidu.jpg" alt="">
|
|
|
</div>
|
|
|
- <div class="border-buttom">
|
|
|
- <div class="title">深圳分公司</div>
|
|
|
- <div class="content">公司地址：深圳市龙华新区梅龙大道142号大唐时代A座1008室</div>
|
|
|
- <div class="content">联系电话：0755-21006960</div>
|
|
|
+ <div class="col-md-5 aboutcotn">
|
|
|
+ <div class="border-buttom" v-for="company_news in array.company_news">
|
|
|
+ <div class="title">{{company_news.name}}</div>
|
|
|
+ <div class="content">公司地址：{{company_news.address}}</div>
|
|
|
+ <div class="content">联系电话：{{company_news.phone}}</div>
|
|
|
+ <div class="content" v-if="company_news.add != null">Add：{{company_news.add}}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- <!--====== SUB COMPANY END======-->
|
|
|
-
|
|
|
- <!--====== FOOTER PART START ======-->
|
|
|
- <div id="footer"></div>
|
|
|
- <!--====== FOOTER PART END ======-->
|
|
|
+ </section>
|
|
|
+ <!--====== SUB COMPANY END======-->
|
|
|
|
|
|
+ <!--====== FOOTER PART START ======-->
|
|
|
+ <div id="footer"></div>
|
|
|
+ <!--====== FOOTER PART END ======-->
|
|
|
+ </div>
|
|
|
|
|
|
<script src="../assets/js/vendor/modernizr-3.6.0.min.js"></script>
|
|
|
<script src="../assets/js/vendor/jquery-1.12.4.min.js"></script>
|
|
|
@@ -356,6 +262,8 @@
|
|
|
<script src="../assets/js/main.js"></script>
|
|
|
<!--====== Example Info js======-->
|
|
|
<script src="../assets/js/exampleinfo.js"></script>
|
|
|
+ <!--====== Setting Info js ======-->
|
|
|
+ <script src="../assets/js/settinginfo.js"></script>
|
|
|
<!--====== Vue js======-->
|
|
|
<script src="../assets/js/vue.min.js"></script>
|
|
|
|
|
|
@@ -364,32 +272,35 @@
|
|
|
$('#footer').load("../footer.html");
|
|
|
})
|
|
|
|
|
|
- // 走马灯
|
|
|
- var speed = 10; //数字越大速度越慢
|
|
|
- var tab = document.getElementById("marquee_box");
|
|
|
- var tab1 = document.getElementById("marquee_img1");
|
|
|
- var tab2 = document.getElementById("marquee_img2");
|
|
|
- tab2.innerHTML = tab1.innerHTML;
|
|
|
+ setTimeout(() => {
|
|
|
+ // 走马灯
|
|
|
+ var speed = 10; //数字越大速度越慢
|
|
|
+ var tab = document.getElementById("marquee_box");
|
|
|
+ var tab1 = document.getElementById("marquee_img1");
|
|
|
+ var tab2 = document.getElementById("marquee_img2");
|
|
|
+ tab2.innerHTML = tab1.innerHTML;
|
|
|
|
|
|
- function Marquee() {
|
|
|
- if (tab2.offsetWidth - tab.scrollLeft <= 0)
|
|
|
- tab.scrollLeft -= tab1.offsetWidth
|
|
|
- else {
|
|
|
- tab.scrollLeft++;
|
|
|
+ function Marquee() {
|
|
|
+ if (tab2.offsetWidth - tab.scrollLeft <= 0)
|
|
|
+ tab.scrollLeft -= tab1.offsetWidth
|
|
|
+ else {
|
|
|
+ tab.scrollLeft++;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- var MyMar = setInterval(Marquee, speed);
|
|
|
- tab.onmouseover = function () {
|
|
|
- clearInterval(MyMar)
|
|
|
- };
|
|
|
- tab.onmouseout = function () {
|
|
|
- MyMar = setInterval(Marquee, speed)
|
|
|
- };
|
|
|
-
|
|
|
+ var MyMar = setInterval(Marquee, speed);
|
|
|
+ tab.onmouseover = function () {
|
|
|
+ clearInterval(MyMar)
|
|
|
+ };
|
|
|
+ tab.onmouseout = function () {
|
|
|
+ MyMar = setInterval(Marquee, speed)
|
|
|
+ };
|
|
|
+ }, 1000)
|
|
|
+ </script>
|
|
|
+ <script>
|
|
|
var app = new Vue({
|
|
|
el: '#app',
|
|
|
data: {
|
|
|
-
|
|
|
+ array: []
|
|
|
},
|
|
|
computed: {
|
|
|
},
|
|
|
@@ -397,12 +308,20 @@
|
|
|
|
|
|
},
|
|
|
mounted: function () {
|
|
|
+ var _this = this;
|
|
|
+ $.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ dataType: 'json',
|
|
|
+ url: window.FQDN + 'Aboutus/index',
|
|
|
+ }).done(function (arr) {
|
|
|
+ // console.log(arr)
|
|
|
+ _this.array = arr;
|
|
|
+ }).fail(function (err) { });
|
|
|
}
|
|
|
})
|
|
|
</script>
|
|
|
|
|
|
|
|
|
-
|
|
|
</body>
|
|
|
|
|
|
</html>
|
fanghuisheng
