1200

src/assets/theme/layout.less

@@ -108,8 +108,9 @@ a.an:hover{
 .mainf {
   .header {
     height: 100px;
-    background: #8695b1;//导航背景色
+    // background: #8695b1;//导航背景色
     // padding: 30px 0;
+    background:  rgba(41, 73, 130, 0.5);
     width: 100%;
     position: fixed;
     top: 0;
@@ -121,7 +122,7 @@ a.an:hover{
     }
 
     .nav {
-      width: 1400px;
+      width: 1200px;
 
       margin: 0 auto;
       justify-content: space-between;
@@ -687,14 +688,14 @@ h3 {
             display: flex;
             justify-content: space-evenly;
             .triangle-left{
-              width: 35rem;
+              width: 31rem;
               height: 2px;
               background: linear-gradient(297deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
               opacity: 1;
               border-radius: 0px;
             }
             .triangle-right{
-              width: 35rem;
+              width: 31rem;
               height: 2px;
               background: linear-gradient(63deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
               opacity: 1;
@@ -825,7 +826,6 @@ h3 {
       padding-top: 50px;
     }
     h2{
-      width: 1200px;
       text-align: center;
       height: 60px;
       border: 0px solid #f90;
@@ -1012,7 +1012,7 @@ h3 {
 .footer {
   padding-top: 30px;
   padding-bottom: 20px;
-  min-width: 1400px;
+  width: 100%;
   h5 {
     font-size: 20px;
     font-family: Microsoft YaHei;
@@ -2144,6 +2144,7 @@ line-height: 48px;
   height: auto;
   border: 0px solid #f89;
   margin: 100px auto 0px;
+
   .pc1-top {
     //顶部图片标题
     display: flex;
@@ -2308,7 +2309,7 @@ line-height: 48px;
     .pc1-pr-content {
       margin-top: 40px;
       padding-left: 30px;
-      width: 1400px;
+      width: 100%;
       height: 43px;
       font-size: 14px;
       font-family: Microsoft YaHei;
@@ -2380,7 +2381,7 @@ line-height: 48px;
         position: absolute;
         top: 0;
         left: 0;
-        width: 1400px;
+        width: 100%;
         display: flex;
         justify-content: space-evenly;
         .pc1-problems-box {
@@ -2407,7 +2408,7 @@ line-height: 48px;
 
     .pc1-problems-border1{//ENOVIA模板样式当i == 3  时
        .enovia{
-         width: 1400px;
+         width: 100%;
          height: auto;
          display: flex;
          justify-content: space-evenly;
@@ -3059,6 +3060,152 @@ line-height: 48px;
     }
   }
 }
+@media  (max-width:1400px) {
+  .pc1{
+    width: 1200px;
+    // 首屏导航
+    .pc1-top{
+      display: flex;
+      .pc1-left{
+        width: 65%;
+        height: auto;
+        margin-right: 87px;
+      }
+      .pc1-right{
+        img{
+          margin-top: 56px;
+        }
+        div{
+          padding-top: 64px;
+          height: auto;
+        }
+      }
+    }
+    // 产品简介
+    // 背景图
+    .pc1-advert{
+      img{
+        width: 1200px;
+      }
+      div{
+        top:106px;
+      }
+    }
+    //应对问题
+    .pc1-problems{
+      .pc1-problems-border{
+        .pc1-problems-module{
+          .pc1-problems-box {
+            div{
+              height: 232px;
+              img{
+                left: 30px;
+                width: 36%;
+
+              }
+            }
+          }
+        }
+      }
+
+    }
+    // 功能模块
+    .pc1-function{
+      .pc1-function-border{
+        padding-left: 0;
+        padding-right: 0;
+      }
+    }
+    // 应用场景
+      // 5
+      .pc1-scene{
+        .pc1-scene-lication{
+          .pc1-scene-lt{
+            .pc1-scene-back1{
+            width: 395px;
+            height: 340px;
+            img{
+              width: 395px;
+              height: 340px;
+            }
+            div{
+              width: 100%;
+            }
+          }
+          .pc1-scene-back2{
+            height: 340px;
+            width: 374px;
+            img{
+              width: 374px;
+              height: 340px;
+            }
+            div{
+              width: 100%;
+            }
+          }
+          .pc1-scene-back3{
+            width: 374px;
+            height: 340px;
+            img{
+              width: 374px;
+              height: 340px;
+            }
+            div{
+              width: 100%;
+            }
+          }
+          .pc1-scene-catia1{
+            width: 612px;
+            height: 340px;
+            img{
+              width: 100%;
+              height: 100%;
+            }
+            div{
+              width: 100%;
+            }
+          }
+          .pc1-scene-catia2{
+            width: 552px;
+            height: 340px;
+            img{
+              width: 100%;
+              height: 100%;
+            }
+            div{
+              width: 100%;
+            }
+          }
+          }
+          .pc1-scene-lb{
+            .pc1-scene-tail1{
+              width: 510px;
+              height: 340px;
+              img{
+                width: 100%;
+                height: 100%;
+              }
+              div{
+                width: 100%;
+              }
+            }
+            .pc1-scene-tail2{
+              width: 654px;
+              height: 340px;
+              img{
+                width: 100%;
+                height: 100%;
+              }
+              div{
+                width: 100%;
+              }
+            }
+          }
+          
+        }
+      }
+  }
+}
 //应用价值  
 .pc1-lication{
   .pc1-lication-layout{

src/layouts/default.vue

@@ -74,8 +74,8 @@
               >产品
               </nuxt-link
             > 待开发-->
-            <nuxt-link to="/product/fabric" :class="{ cur: $nuxt.$route.path.indexOf('/product') === 0}">
-              产品
+            <nuxt-link :to="'/#'+jump" :class="{ cur: $nuxt.$route.path.indexOf('/product') === 0}">
+             <div @click="change()"> 产品</div>
             </nuxt-link>
           </div>
           <div class="menu" v-show="menuShow">
@@ -137,7 +137,7 @@
             <div class="flex">
               <div class="fg" v-for="(items,index) in menuarr" :key='index'>
                 <h4>{{items[0].type}}</h4>
-                <nuxt-link :to="{ path: '/product/duct', query: { id: item.id } }" v-for="(item,index) in items" :key='index'>{{item.name}}</nuxt-link>
+                <nuxt-link :to="'/p1/'+item.id" v-for="(item,index) in items" :key='index'>{{item.name}}</nuxt-link>
                 <!-- <nuxt-link to="/product/saas">SaaS MES云端协同</nuxt-link>
                 <nuxt-link to="/product/aps">APS高级排产</nuxt-link> -->
               </div>
@@ -449,6 +449,8 @@ export default {
         ],
         email: [{ type: "email", message: "邮箱格式错误", trigger: "blur" }],
       },
+      jump:'jump',
+      aa:""
     };
   },
   created() {
@@ -456,6 +458,8 @@ export default {
 
   },
   mounted() {
+    
+
 
     sessionStorage.setItem("about",JSON.stringify(this.content))
     localStorage.setItem("obj", JSON.stringify(this.footdata));
@@ -473,6 +477,15 @@ export default {
     // this.watchSize();
   },
   methods: {
+    change(){
+   
+      if(this.jump == "jump"){
+        this.jump = "skip"
+      }else if(this.jump =="skip"){
+        this.jump = "jump"
+      }
+
+    },
     over1() {
       this.img1 = "/image/xsly-b.png";
     },

src/pages/about/index.vue

 <template>
   <div class="pc1">
     <div class="about1">
-      <img :src="product.url" alt="" />
+      <img :src="product.url" width="100%" alt="" />
       <div>
         <h4>{{ product.title }}</h4>
         <p>{{ product.content }}</p>

src/pages/index.vue

@@ -8,11 +8,12 @@
           <div class="pa">
             <div class="kouhao">
               <div class="k1">一站式产品服务&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;个性化解决方案</div>
-              <span class="k2">
+              <!-- <span class="k2">
                 我们致力于为制造业企业提供数字化设计和制造及数字化管理解决方案
-              </span>
-              <!-- <img src="/image/kouhao.png" />图片生产管理 白色背景图片-->
-              <div></div>
+              </span> -->
+              <div>
+                <img style="width:48rem" src="/image/index/0001.png" alt="">
+              </div>
               <div plain class="k3">
                 <div class="triangle-left"></div>
                 <span>厚德载物 · 天道酬勤 · 诚信立身</span>
@@ -56,12 +57,15 @@
             <img src="/image/index/0102.png" width="680px" alt="" />
             </div>
         </div>
-        
       </section>
-      <section class="productt">
+     <div style="height:100px">
+       <div id="jump"></div>
+       <div id="skip"></div>
+     </div>
+      <section class="productt" >
         <div class="productt-content">
-          <div class="productt-title">
-            <h2>产品服务</h2>
+          <div class="productt-title" style="padding-top:0">
+            <h2 >产品服务</h2>
             <div class="line"></div>
           </div>
           <!-- <ul class="pg-1 clear-fix">

src/pages/product/catia.vue

@@ -3,10 +3,10 @@
     <div class="pc1">
       <div class="pc1-top mt">
         <div class="pc1-left">
-          <img :src="product[i].url1" width="100%" height="100%" alt="" />
+          <img :src="product[i].url1" width="100%"  alt="" />
         </div>
         <div class="pc1-right">
-          <img :src="product[i].url2" width="100%" height="50%" alt="" />
+          <img :src="product[i].url2" width="100%"  alt="" />
           <div>
             {{ product[i].title }}
           </div>
@@ -284,7 +284,7 @@ export default {
   mounted() {
     // 获取pc1-head长度
       this.clientWidth = document.getElementById("pc1-head-middle").clientWidth
-      this.left = (1400 - this.clientWidth-50)/2
+      this.left = (1400 - this.clientWidth-50)/2 - 120
     // 数据筛选
     this.product.forEach((item, index) => {
       if (item.flag == this.i) {

src/pages/product/delmia.vue

@@ -58,7 +58,7 @@
         </div>
         <div class="pc1-problems-border" style="height:500px">
           <!--height临时使用-->
-          <img :src="product[i].problems.url" alt="" />
+          <img :src="product[i].problems.url" width="100%" alt="" />
           <div class="pc1-problems-module">
             <div
               class="pc1-problems-box "
@@ -241,16 +241,16 @@ export default {
     // this.length()
   },
   methods: {
-    length() {
-      // 获取pc1-head长度
-      this.clientWidth = document.getElementById("pc1-head-middle").clientWidth;
-      this.left = (1400 - this.clientWidth) / 2;
-    }
+    // length() {
+    //   // 获取pc1-head长度
+    //   this.clientWidth = document.getElementById("pc1-head-middle").clientWidth;
+    //   this.left = (1400 - this.clientWidth) / 2 -120;
+    // }
   },
   mounted() {
     // 获取pc1-head长度
     this.clientWidth = document.getElementById("pc1-head-middle").clientWidth;
-    this.left = (1400 - this.clientWidth - 50) / 2;
+    this.left = (1400 - this.clientWidth - 50) / 2  -120;
     // 数据筛选
     this.product.forEach((item, index) => {
       if (item.flag == this.i) {

src/pages/product/dvia.vue

@@ -171,7 +171,7 @@ export default {
   mounted() {
     // 获取pc1-head长度
     this.clientWidth = document.getElementById("pc1-head-middle").clientWidth;
-    this.left = (1400 - this.clientWidth-50) / 2;  
+    this.left = (1400 - this.clientWidth-50) / 2 -120;  
   }
 };
 </script>

src/pages/product/enovia.vue

@@ -57,7 +57,7 @@
           <p>COPING WITH PROBLEMS</p>
         </div>
        <div class="pc1-problems-border1">
-          <img :src="product[i].problems.url" alt="" />
+          <img :src="product[i].problems.url" width="100%" alt="" />
           <div class="enovia">
             <div
               v-for="(item, index) in product[i].problems.catia"
@@ -286,7 +286,7 @@ export default {
   mounted() {
     // 获取pc1-head长度
       this.clientWidth = document.getElementById("pc1-head-middle").clientWidth
-      this.left = (1400 - this.clientWidth-50)/2
+      this.left = (1400 - this.clientWidth-50)/2 -120
     // 数据筛选
     this.product.forEach((item, index) => {
       if (item.flag == this.i) {

src/pages/product/expe.vue

@@ -3,7 +3,7 @@
     <div class="pc1">
       <div class="pc1-top mt">
         <div class="pc1-left">
-          <img :src="product[i].url1" width="100%" height="100%" alt="" />
+          <img :src="product[i].url1" width="100%" alt="" />
         </div>
         <div class="pc1-right">
           <img :src="product[i].url2" width="100%" height="50%" alt="" />
@@ -220,7 +220,7 @@ export default {
   mounted() {
     // 获取pc1-head长度
     this.clientWidth = document.getElementById("pc1-head-middle").clientWidth;
-    this.left = (1400 - this.clientWidth-50) / 2;  
+    this.left = ((1400 - this.clientWidth) / 2)-120;  
   }
 };
 </script>

src/pages/product/fabric.vue

 <template>
-    <div class="pc1">
-        待开发。。。。。。
+    <div class="pc1 xx1">
+        <img src="/image/0001.png" alt="">
     </div>
 </template>
 
@@ -10,6 +10,15 @@
     }
 </script>
 
-<style lang="scss" scoped>
-
+<style lang="less" scoped>
+    .xx1{
+        background: rgb(124, 121, 121);
+        img{
+            z-index: 99999999999999999999;
+            width: 1000px;
+            position: absolute;
+            top: 120px;
+            border: 1px solid #000;
+        }
+    }
 </style>
\ No newline at end of file

src/pages/product/simulia.vue

 <template>
   <div>
-    <div class="pc1">
+    <div class="pc1" ref="pc1">
       <div class=" mt back-top">
         <div class=" back-ground">
           <img class="back-ground1" :src="product[i].url1.url1" alt="" />
@@ -177,10 +177,26 @@ export default {
       left:"",//计算左右边框长度
     };
   },
+  created(){
+  },
   mounted() {
     // 获取pc1-head长度
+    this.length()
+    
+  },
+  methods:{
+    length(){
+    console.log(this.$refs.pc1.clientWidth)
+    if(this.$refs.pc1.clientWidth >=1400){
+      this.clientWidth = document.getElementById("pc1-head-middle").clientWidth;
+    this.left = (1400 - this.clientWidth-50) / 2 ; 
+    console.log(111)
+    }else{
     this.clientWidth = document.getElementById("pc1-head-middle").clientWidth;
-    this.left = (1400 - this.clientWidth-50) / 2;  
+    this.left = (1400 - this.clientWidth-50) / 2 -120; 
+    console.log(0)
+    } 
+    }
   }
 };
 </script>