web

src/components/commonComponents/headerTab.vue

       this.nowPath = this.$route.path;
       if (this.nowPath == "/") {
         this.activeIndex = "1";
-      } else if (this.nowPath.match('\/solution')) {
+      } else if (this.nowPath.match('/solution')) {
         this.activeIndex = "2";
-      } else if (this.nowPath.match('\/productCenter')) {
+      } else if (this.nowPath.match('/productCenter')) {
         this.activeIndex = "3";
-      } else if (this.nowPath.match('\/newsInformation')) {
+      } else if (this.nowPath.match('/newsInformation')) {
         this.activeIndex = "4";
       } else {
         this.activeIndex = "5";
         this.$router.push("/solution");
       } else if (key === "3") {
         this.activeIndex = "3";
-        this.$router.push("/productCenter");
+        this.$router.push("/productCenter/online");
       } else if (key === "4") {
         this.activeIndex = "4";
         this.$router.push("/newsInformation");

src/components/commonComponents/icon.vue

+<template>
+  <div class="icon">
+    <div class="toTop" @click="toTop" v-show="toTopIsShow"></div>
+    <div class="news" @click="news"></div>
+    <div class="mask" v-show="mask">
+      <div class="bullet">
+        <div class="mes">
+          <p class="tittle">马上体验</p>
+          <div class="bar"></div>
+          <p class="small_tittle">向精细化案场进发</p>
+          <div class="mes_con">
+            <div class="con_fir">
+              <div class="name_con">
+                <div class="con_tittle">姓名</div>
+                <input type="text" class="inp">
+              </div>
+              <div class="phone_con">
+                <div class="con_tittle">手机</div>
+                <input type="text" class="inp">
+              </div>
+            </div>
+            <div class="con_sec">
+              <div class="name_con">
+                <div class="con_tittle">城市</div>
+                <input type="text" class="inp">
+              </div>
+              <div class="phone_con">
+                <div class="con_tittle">体验项目</div>
+                <input type="text" class="inp">
+              </div>
+            </div>
+            <div class="con_third">
+              <div class="con_tittle">公司</div>
+              <input type="text" class="company_inp">
+            </div>
+          </div>
+          <div class="btn" @click="submit">
+            <div class="submit">提交</div>
+          </div>
+        </div>
+        <div class="cancel" @click="cancel">×</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "top-top",
+  data () {
+    return {
+      toTopIsShow: false,//控制回到顶部按钮是否显示
+      mask: false,
+
+    }
+  }
+  ,
+  methods: {
+    toTop () {
+      if (document.documentElement.scrollTop > 0) {
+        document.documentElement.scrollTop = 0;
+      }
+    },
+    news () {
+      this.mask = true
+    },
+    cancel() {
+        this.mask = false
+    },
+    submit() {
+        this.mask = false
+    }
+  },
+  created () {
+    var _this = this;
+    window.onscroll = function () {
+      //鼠标滚轮滚动距离超过10像素时，回到顶部按钮才显示
+      if (document.documentElement.scrollTop > 10) {
+        _this.toTopIsShow = true;
+      } else {
+        _this.toTopIsShow = false;
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.icon {
+  position: fixed;
+  bottom: 12.35%;
+  right: 13.18%;
+  z-index: 1000;
+}
+.toTop {
+  width: 80px;
+  height: 80px;
+  cursor: pointer;
+  background: url("../../assets/image/program/toTop.png") no-repeat;
+  overflow: hidden;
+}
+.toTop:hover {
+  background: url("../../assets/image/program/toTop.png") no-repeat;
+}
+.news {
+  width: 80px;
+  height: 80px;
+  cursor: pointer;
+  background: url("../../assets/image/program/news.png") no-repeat;
+}
+.mask {
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.4);
+  position: fixed;
+  left: 0;
+  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.mes {
+  width: 760px;
+  height: 480px;
+  background: url("../../assets/image/logoicon/mask.png") no-repeat center;
+  background-size: 100%;
+  text-align: center;
+}
+.tittle {
+  padding-top: 40px;
+  font-size: 30px;
+  font-family: PingFangSC-Medium;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 1);
+}
+.bar {
+  width: 132px;
+  height: 29px;
+  background: rgba(78, 132, 255, 1);
+  margin: -20px auto 0 auto;
+}
+.small_tittle {
+  font-size: 16px;
+  font-family: PingFangSC-Light;
+  font-weight: 300;
+  color: rgba(0, 0, 0, 1);
+  margin: 14px auto;
+}
+.mes_con {
+  margin-top: 40px;
+  width: 540px;
+  margin: auto;
+}
+
+.name_con,
+.phone_con {
+  display: flex;
+  align-items: center;
+}
+.con_tittle {
+  width: 74px;
+  text-align-last: justify;
+  text-align: justify;
+  margin-right: 4px;
+}
+.con_fir,
+.con_sec,
+.con_third {
+  margin: 40px auto;
+  display: flex;
+  justify-content: space-between;
+}
+.inp {
+  width: 160px;
+  border: none;
+  border-bottom: 1px solid rgba(187, 187, 187, 1);
+  outline: none;
+}
+.company_inp {
+  width: 450px;
+  border: none;
+  border-bottom: 1px solid rgba(187, 187, 187, 1);
+  outline: none;
+}
+.btn {
+  margin: 63px auto 43px auto;
+  width: 169px;
+  height: 48px;
+  background: rgba(78, 132, 255, 1);
+  box-shadow: 0px 0px 10px 0px rgba(78, 132, 255, 0.59);
+  border-radius: 4px;
+  border: 1px solid rgba(78, 132, 255, 1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  font-family: PingFangSC-Medium;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 1);
+  cursor: pointer;
+}
+.cancel {
+  margin: 70px auto 0 auto;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgba(204,204,204,1);
+  font-size: 16px;
+  cursor: pointer;
+}
+</style>

src/components/commonComponents/mask.vue

+<template>
+    <div class="mask">
+        
+    </div>
+</template>
+
+<script>
+    export default {
+        data(){
+            return{
+                
+            }
+        }
+        ,
+        methods:{
+        }
+    }
+</script>
+
+<style scoped>
+.mask{
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0,0,0,0.4);
+  z-index: 100;
+}
+</style>

src/components/pages/aboutUs/aboutUs.vue

 <template>
   <div class="about-us">
-      <headerTab></headerTab>
-       <div class="title">
-        <p class="tit">定制专属专业平台运营服务</p>
-        <p class="desc">Customized exclusive professional platform operation servic</p>
-        <span></span>
-      </div>  
-      <div class="about-main">
-        <div class="main-left">
-          <div class="logo">
-          <img class="logo1" src="../../../assets/image/aboutUs/logo1.png" alt="">
-          </div>
-          <div class="logo">
-          <img class="logo2" src="../../../assets/image/aboutUs/logo2.png" alt="">
-          </div>
-          <div class="logo">
-          <img class="logo3" src="../../../assets/image/aboutUs/logo3.png" alt="">
-          </div>
-          <div class="logo">
-          <img class="logo4" src="../../../assets/image/aboutUs/logo4.png" alt="">
-          </div>
+    <headerTab></headerTab>
+    <icon></icon>
+    <div class="title">
+      <p class="tit">定制专属专业平台运营服务</p>
+      <p class="desc">Customized exclusive professional platform operation servic</p>
+      <span></span>
+    </div>
+    <div class="about-main">
+      <div class="main-left">
+        <div class="logo">
+          <img class="logo1" src="../../../assets/image/home/logo/Group29.png" alt>
         </div>
-        <div class="main-right">
-          <p class="main-tit">关于我们</p>
-          <div class="con">
-            <p>南京荟房网络科技有限公司是领先的智慧社区系统集成和解决方案提供商。</p>
-            <p>我们作为银城地产集团股份有限公司旗下的唯一互联网科技公司，自成立以来一直致力于智慧社区系统的集成及开发平台的搭建。基于客户需求持续创新，凭借自身强大的互联网和物联网技术，整合智能硬件接口，积极探索万物智联时代下的智慧生活服务运营生态系统。借助大数据分析处理和自动化调度管理，为社区数据信息化、小区治安智能化、环境治理精细化、生活底单高效化等社区管理需求提供实时、定制化的解决方案。</p>
-            <p>为了更好地顺应市场发展，以及提供高质量的互联网+服务，荟房网络科技重视自主创新不断加大研发投入，从软件定制逐步迈向产品化、平台化及开放运营的发展方向。现已自主研发出一系列创新型互联网+应用，并取得十多项专利及著作权。</p>
-            <p>融合创新，助力成长。荟房网络科技将矢志利用创新的互联网技术推动智慧社区的发展与变革，提升企业的核心竞争力，维护人类的长远发展和安全。</p>
-          </div>
-              <p class="main-tit">联系我们</p>
-              <p class="info">hurongkai@ycdc.com</p>
-              <p class="info">+86-13776686399</p>
-              <p class="info">江苏南京宁双路28号汇智大厦A区6楼</p>
+        <div class="logo">
+          <img class="logo2" src="../../../assets/image/aboutUs/logo2.png" alt>
+        </div>
+        <div class="logo">
+          <img class="logo3" src="../../../assets/image/aboutUs/logo3.png" alt>
+        </div>
+        <div class="logo">
+          <img class="logo4" src="../../../assets/image/home/logo/Group30.png" alt>
         </div>
-
       </div>
-  
-    <footerNav></footerNav>
+      <div class="main-right">
+        <p class="main-tit">关于我们</p>
+        <div class="con">
+          <p>南京荟房网络科技有限公司是领先的智慧社区系统集成和解决方案提供商。</p>
+          <p>我们作为银城地产集团股份有限公司旗下的唯一互联网科技公司，自成立以来一直致力于智慧社区系统的集成及开发平台的搭建。基于客户需求持续创新，凭借自身强大的互联网和物联网技术，整合智能硬件接口，积极探索万物智联时代下的智慧生活服务运营生态系统。借助大数据分析处理和自动化调度管理，为社区数据信息化、小区治安智能化、环境治理精细化、生活底单高效化等社区管理需求提供实时、定制化的解决方案。</p>
+          <p>为了更好地顺应市场发展，以及提供高质量的互联网+服务，荟房网络科技重视自主创新不断加大研发投入，从软件定制逐步迈向产品化、平台化及开放运营的发展方向。现已自主研发出一系列创新型互联网+应用，并取得十多项专利及著作权。</p>
+          <p>融合创新，助力成长。荟房网络科技将矢志利用创新的互联网技术推动智慧社区的发展与变革，提升企业的核心竞争力，维护人类的长远发展和安全。</p>
+        </div>
+        <p class="main-tit">联系我们</p>
+        <p class="info">hurongkai@ycdc.com</p>
+        <p class="info">+86-13776686399</p>
+        <p class="info">江苏南京宁双路28号汇智大厦A区6楼</p>
+      </div>
+    </div>
 
+    <footerNav></footerNav>
   </div>
 </template>
 
 <script>
 import headerTab from "@/components/commonComponents/headerTab";
 import footerNav from "@/components/commonComponents/footerNav";
-
+import icon from "@/components/commonComponents/icon";
 export default {
-  components: { headerTab, footerNav },
+  components: { headerTab, footerNav,icon },
 
-  data() {
+  data () {
     return {};
   }
 };
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="less" scoped>
 .about-us {
-  height:100%;
+  height: 100%;
   .title {
     background: url("../../../assets/image/news/Bbanner.jpg") no-repeat center;
     width: 100%;
   .about-main {
     padding: 40px 0 100px 0;
     min-height: 600px;
-   width: 1130px;
-   margin: auto;
-   display: flex;
-   justify-content: space-between;
+    width: 1130px;
+    margin: auto;
+    display: flex;
+    justify-content: space-between;
     .main-left {
-      
       .logo {
         width: 303px;
         height: 110px;
-        box-shadow:0px 1px 14px 0px rgba(65,101,242,0.2);
+        box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);
         margin-bottom: 20px;
         border-radius: 4px;
         .logo1 {
     .main-right {
       width: 630px;
       text-align: left;
-      
+
       .main-tit {
-        background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, #4e84ff 50%); 
+        background: linear-gradient(
+          to bottom,
+          rgba(0, 0, 0, 0) 50%,
+          rgba(78,132,255,0.7326) 50%
+        );
         height: 30px;
         text-align: center;
         line-height: 30px;
         font-size: 28px;
+        font-weight: 500;
+        color: rgba(0, 0, 0, 1);
         width: 120px;
-        color: #000;
         margin-bottom: 20px;
       }
       .con {
           line-height: 21px;
         }
       }
-      .info{
-        margin-bottom:14px; 
+      .info {
+        margin-bottom: 14px;
         font-size: 16px;
         color: #666;
       }

src/components/pages/index.vue

               <div class="peoduce_top">
                 <div class="list first" :class="page3 == true ? 'animation fadeIn1' :''">
                   <p class="list-name">AI迎宾判客系统</p>
-                  <img src="../../assets/image/home/produce/Group45.png" alt>
+                  <img src="../../assets/image/home/produce/Group45.png" alt style="margin-top:28px">
                   <p class="list-desc">智慧人脸风控应用于案场、地铁、银行等</p>
                 </div>
                 <div class="list" :class="page3 == true ? 'animation fadeIn2' :''">
         color: #fff;
       }
       .produce {
-        width: 1250px;
+        width: 1090px;
         height: 680px;
         margin: 20px auto;
         .list {
-          width: 523px;
+          width: 443px;
           height: 322px;
           background-color: #fff;
           border-radius: 4px;
           }
           .list-desc {
             font-size: 18px;
-            line-height: 72px;
+            margin: 15px 0;
             color: #000;
           }
         }
         -o-transform: scale(0.6735);
         transform: scale(0.6735);
       }
-
       .swiper-slide-visible {
         opacity: 1;
         -webkit-transform: scale(0.6735);

src/components/pages/newsInformation/newsInformation.vue

 <template>
   <div class="news-information">
       <headerTab></headerTab>
+      <icon></icon>
       <div class="title">
         <p class="tit">新闻资讯</p>
         <p class="desc">News and information</p>
 <script>
 import headerTab from "@/components/commonComponents/headerTab";
 import footerNav from "@/components/commonComponents/footerNav";
-
+import icon from "@/components/commonComponents/icon";
 export default {
-  components: { headerTab, footerNav },
+  components: { headerTab, footerNav,icon },
 
   data() {
     return {};

src/components/pages/productCenter/AIwelcome.vue

     <!-- <div class="cover-bg">
       
     </div>-->
+    <icon></icon>
     <headerTab></headerTab>
+    
     <div class="product_box">
       <div class="product_top">
         <div class="product_top_con">
 import headerTab from "@/components/commonComponents/headerTab";
 import footerNav from "@/components/commonComponents/footerNav";
 import naviCard from "../../navicard";
+import icon from "@/components/commonComponents/icon";
 export default {
   components: {
     headerTab,
     footerNav,
+    icon,
     ProdNavi: () => import('./prodNavi'),
   },
 
 }
 .secondHouse_content_box {
   width: 475px;
-  height: 351px;
+  height: 360px;
   margin: 0 0 30px 30px;
   background: rgba(255, 255, 255, 1);
   box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);

src/components/pages/productCenter/bigscreen.vue

     
     </div>-->
     <headerTab></headerTab>
+    <icon></icon>
     <div class="product_box">
       <div class="product_top">
         <div class="product_top_con">
             </div>
             <div class="discribe_box">
               <div class="dis_box_img">
-                <img src="../../../assets/image/bigScreen/4.jpg" alt>
+                <img src="../../../assets/image/bigScreen/5.jpg" alt>
               </div>
               <div class="box_dis">
                 <p class="dis_p1">楼市资讯，一站获取</p>
 import headerTab from "@/components/commonComponents/headerTab";
 import footerNav from "@/components/commonComponents/footerNav";
 import naviCard from "../../navicard";
+import icon from "@/components/commonComponents/icon";
 export default {
   components: {
     headerTab,
     footerNav,
+    icon,
     ProdNavi: () => import('./prodNavi'),
   },
 
 }
 .Features1 {
   margin: 0 auto 70px auto;
-  padding: 80px 0;
+  padding-bottom: 80px;
 }
 
 .Features3 {
       }
     }
     .box_dis {
-      margin: 14px;
+      margin: 0 20px;
     }
   }
 }
 .dis_p1 {
+  font-weight:400;
   color: rgba(0, 0, 0, 1);
   font-size: 15px;
+  margin: 10px 0;
 }
 .dis_p2 {
   font-size: 15px;
+  font-weight:400;
   color: rgba(128, 128, 128, 1);
   line-height: 21px;
 }

src/components/pages/productCenter/city.vue

 <template>
   <div class="product-center">
     <headerTab></headerTab>
+    <icon></icon>
     <div class="product_box">
       <div class="product_top">
         <div class="product_top_con">
 import headerTab from "@/components/commonComponents/headerTab";
 import footerNav from "@/components/commonComponents/footerNav";
 import naviCard from "../../navicard";
+import icon from "@/components/commonComponents/icon";
 export default {
   components: {
     headerTab,
     footerNav,
+    icon,
     ProdNavi: () => import('./prodNavi'),
   },
 

src/components/pages/productCenter/community.vue

             
     </div>-->
     <headerTab></headerTab>
+    <icon></icon>
     <div class="product_box">
       <div class="product_top">
         <div class="product_top_con">
 import headerTab from "@/components/commonComponents/headerTab";
 import footerNav from "@/components/commonComponents/footerNav";
 import naviCard from "../../navicard";
+import icon from "@/components/commonComponents/icon";
 export default {
   components: {
     headerTab,
     footerNav,
+    icon,
     ProdNavi: () => import('./prodNavi'),
   },
 

src/components/pages/productCenter/micro.vue

             
     </div>-->
     <headerTab></headerTab>
+    <icon></icon>
     <div class="product_box">
       <div class="product_top">
         <div class="product_top_con">
 <script>
 import headerTab from "@/components/commonComponents/headerTab";
 import footerNav from "@/components/commonComponents/footerNav";
+import icon from "@/components/commonComponents/icon";
 export default {
   components: {
     headerTab,
     footerNav,
+    icon,
     ProdNavi: () => import('./prodNavi'),
   },
 

src/components/pages/productCenter/online.vue

     </div>-->
     <div class="product_center_top">
       <headerTab></headerTab>
+      <icon></icon>
       <div class="product_box">
         <div class="product_top">
           <div class="product_top_con">
 import headerTab from "@/components/commonComponents/headerTab";
 import footerNav from "@/components/commonComponents/footerNav";
 import naviCard from "../../navicard";
-
+import icon from "@/components/commonComponents/icon";
 export default {
   components: {
     headerTab,
     footerNav,
+    icon,
     ProdNavi: () => import('./prodNavi'),
   },
 
     height: 45px;
     background: rgba(0, 0, 0, 0.61);
     line-height: 45px;
-    color: #fff;
     display: flex;
     justify-content: flex-start;
     padding: 0 24px;
+    font-size: 24px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    color: rgba(255, 255, 255, 1);
+    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5);
   }
   .height_content_box_con {
     display: flex;
     justify-content: flex-start;
     text-align: left;
-    padding: 22px 24px;
+    padding: 10px 24px;
+    font-size: 18px;
+    font-family: PingFangSC-Regular;
+    font-weight: 400;
+    color: rgba(102, 102, 102, 1);
+    line-height: 25px;
   }
 }
 </style>

src/components/pages/productCenter/productCenter.vue

       
     </div> -->
     <headerTab></headerTab>
+    <icon></icon>
     <div class="product_box">
       <div class="product_top">
         <div class="product_top_con">
                   <p class="box_tittle_p2">多平台同步发布, 源曝光一步实现</p>
                 </div>
                 <div class="box_img">
-                  <img src="../../../assets/image/secondHandHouse/Group6.png" alt>
+                  <img src="../../../assets/image/secondHandHouse/Group6.jpg" alt>
                 </div>
               </div>
               <div class="secondHouse_content_box">
 import headerTab from "@/components/commonComponents/headerTab";
 import footerNav from "@/components/commonComponents/footerNav";
 // import ProdNavi from "./prodNavi";
-
+import icon from "@/components/commonComponents/icon";
 export default {
   components: {
     headerTab,
     footerNav,
+    icon,
     ProdNavi: () => import('./prodNavi'),
   },
 
 }
 .secondHouse_content_box {
   width: 475px;
-  height: 351px;
+  height: 360px;
   margin: 0 0 30px 30px;
   background: rgba(255, 255, 255, 1);
   box-shadow: 0px 1px 14px 0px rgba(65, 101, 242, 0.2);