catia初版

nuxt.config.js

@@ -4,7 +4,7 @@ export default {
   // target:"static",
   srcDir:'src/',
   head: {
-    title: '北京见著科技有限公司-- MES系统',
+    title: '德天博城',
     htmlAttrs: {
       lang: 'en'
     },

src/assets/theme/layout.less

@@ -29,7 +29,7 @@ html {
 ::-webkit-scrollbar-thumb:hover {
   border-radius: 2px;
   -webkit-box-shadow: inset 0 0 8px @theme;
-  background: rgba(0, 0, 0, 0.8);
+  background: rgba(117, 116, 119, 0.8);
 }
 
 html {
@@ -200,7 +200,7 @@ a.an:hover{
                 }
 
                 &.cur {
-                  color: #164F7C;
+                  // color: #164F7C;
                   // font-weight: bold;
                 }
               }
@@ -629,7 +629,7 @@ h3 {
           }
 
           .k1 {
-
+            user-select:none;//不允许复制标签内容
             height: 4rem;
             font-size: 3rem;
             font-family: Microsoft YaHei;
@@ -639,8 +639,25 @@ h3 {
             opacity: 1;
             margin: auto;
           }
-
-          .k2 {
+//1,4,8,13,16,20,  25---
+//3 ,4,5,3,4,
+//1,3,7,15,31   63---
+//  2,4,8,16,
+//1,4,27, "256"  ,3125---
+//"69",36,19,10,5,2 ---
+//   , 17,9,5 ,3   
+//   16 ,8,4,2
+// 2/3 , 1/2 ,2/5 ,1/3, 2/7  ""1/4
+// 2,1,2,1,2,
+//------------
+// 3,2,5,3,7,
+//2,2,2,2,2,2
+//-----------
+//3,4,5,6,7
+
+
+    .k2 {
+            user-select:none;//不允许复制标签内容
             height: 3rem;
             background: #FFFFFF;
             opacity: 1;
@@ -656,7 +673,7 @@ h3 {
 
           .k3 {
             margin-top: 20rem;
-           
+            user-select:none;//不允许复制标签内容
             font-size: 1.8rem;
             font-family: Microsoft YaHei;
             font-weight: 300;
@@ -1879,7 +1896,7 @@ opacity: 1;
 .logo {
   img {
     margin-left: 10px;
-    padding-top: 25px;
+    padding-top: 30px;
   }
 }
 
@@ -2063,6 +2080,379 @@ opacity: 1;
     }
   }
 }
+//  3 D   expe css
+// 头部指示
+.instructions {
+  border-left: 10px solid #294982;
+  height: 60px;
+  padding-left: 12px;
+  h4 {
+    line-height: 60px;
+    font-size: 30px;
+    font-family: Alibaba Sans;
+    font-weight: 900;
+    color: #232323;
+    opacity: 1;
+  }
+  p {
+    font-size: 24px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 0px;
+    color: #294982;
+    opacity: 0.2;
+    position: relative;
+    top: -10px;
+  }
+}
+.mt {
+  margin-bottom: 90px;
+}
+.pc1 {
+  width: 1400px;
+  height: auto;
+  border: 0px solid #f89;
+  margin: 100px auto 0px;
+  .pc1-top {
+    //顶部图片标题
+    display: flex;
+    .pc1-left {
+      width: 781px;
+      height: 474px;
+      margin-right: 103px;
+    }
+    .pc1-right {
+      width: 480px;
+      height: 474px;
+      img {
+        margin-top: 65px;
+        height: 172px;
+      }
+      div {
+        text-align: center;
+        padding-top: 75px;
+        height: 47px;
+        font-size: 30px;
+        font-family: Alibaba Sans;
+        font-weight: 900;
+        color: #232323;
+        opacity: 1;
+      }
+    }
+  }
+  .pc1-head {
+    //标题导语
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .pc1-head-left {
+      width: 560px;
+      height: 2px;
+      background: linear-gradient(
+        297deg,
+        #294982 0%,
+        rgba(255, 255, 255, 0) 100%
+      );
+      opacity: 1;
+      border-radius: 0px;
+    }
+    h4 {
+      height: 48px;
+      font-size: 36px;
+      font-family: Microsoft YaHei;
+      font-weight: 300;
+      line-height: 48px;
+      color: #000000;
+      opacity: 1;
+    }
+    .pc1-head-right {
+      width: 560px;
+      height: 2px;
+      background: linear-gradient(
+        63deg,
+        #294982 0%,
+        rgba(255, 255, 255, 0) 100%
+      );
+      opacity: 1;
+      border-radius: 0px;
+    }
+  }
+  .pc1-product {
+    //产品简介
+    margin-top: 40px;
+    margin-bottom: 60px;
+    .pc1-pr-content {
+      margin-top: 40px;
+      padding-left: 30px;
+      width: 1400px;
+      height: 43px;
+      font-size: 14px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      line-height: 24px;
+      color: #232323;
+      opacity: 1;
+    }
+  }
+  .pc1-advert {
+    //背景图
+    width: 100%;
+    // height: 320px;
+    margin-bottom: 80px;
+    position: relative;
+    div {
+      position: absolute;
+      top: 125px;
+      left: 200px;
+      width: 275px;
+      height: 71px;
+      font-size: 24px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      line-height: 40px;
+      color: #ffffff;
+      opacity: 1;
+      span {
+        font-weight: 600;
+      }
+    }
+  }
+  .pc1-core {
+    //核心要素
+    .pc1-core-border {
+      margin-top: 60px;
+      margin-bottom: 80px;
+      padding-left: 80px;
+      padding-right: 80px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .pc1-core-box {
+        width: 220px;
+        height: 300px;
+        border-radius: 8px;
+        position: relative;
+        padding: 20px 36px 0px;
+        h4 {
+          white-space: nowrap;
+        }
+      }
+    }
+  }
+  .pc1-function {
+    //功能模块
+    margin-bottom: 20px;
+    .pc1-function-border {
+      padding-left: 80px;
+      padding-right: 80px;
+      display: flex;
+      justify-content: space-between;
+      height: 420px;
+      align-items: center;
+      .pc1-function-box {
+        width: 220px;
+        height: 300px;
+        border-radius: 8px;
+        padding: 20px 16px 0px;
+        position: relative;
+      }
+    }
+  }
+  .pc1-scene {
+    //应用场景
+    padding-bottom: 20px;
+    .pc1-scene-lication {
+      height: 800px;
+      width: 100%;
+      margin: 60px auto;
+      .pc1-scene-lt{
+        margin-bottom: 30px;
+        display: flex;
+        justify-content: space-between;
+        .pc1-scene-back1{
+          width: 460px;
+          height: 400px;
+          position: relative;
+          div{
+            position: absolute;
+            width: 460px;
+            height: 45px;
+            background: rgba(41, 73, 130, 0.5);
+            bottom: 0;
+            text-align: center;
+            line-height: 45px;
+            span{
+              font-size: 14px;
+              font-family: Microsoft YaHei;
+              font-weight: bold;
+              color: #FFFFFF;
+              opacity: 1;
+            }
+          }
+        }
+        .pc1-scene-back2{
+          width: 440px;
+          height: 400px;
+          position: relative;
+          div{
+            position: absolute;
+            width: 440px;
+            height: 45px;
+            background: rgba(41, 73, 130, 0.5);
+            bottom: 0;
+            text-align: center;
+            line-height: 45px;
+            span{
+              font-size: 14px;
+              font-family: Microsoft YaHei;
+              font-weight: bold;
+              color: #FFFFFF;
+              opacity: 1;
+            }
+          }
+        }
+        .pc1-scene-back3{
+          width: 440px;
+          height: 400px;
+          position: relative;
+          div{
+            position: absolute;
+            width: 440px;
+            height: 45px;
+            background: rgba(41, 73, 130, 0.5);
+            bottom: 0;
+            text-align: center;
+            line-height: 45px;
+            span{
+              font-size: 14px;
+              font-family: Microsoft YaHei;
+              font-weight: bold;
+              color: #FFFFFF;
+              opacity: 1;
+            }
+          }
+        }
+      }
+      .pc1-scene-lb{
+        display: flex;
+        justify-content: space-between;        
+        .pc1-scene-tail1{
+          width: 600px;
+          height: 400px;
+          position: relative;
+          div{
+            position: absolute;
+            width: 600px;
+            height: 45px;
+            background: rgba(41, 73, 130, 0.5);
+            bottom: 0;
+            text-align: center;
+            line-height: 45px;
+            span{
+              font-size: 14px;
+              font-family: Microsoft YaHei;
+              font-weight: bold;
+              color: #FFFFFF;
+              opacity: 1;
+            }
+          }
+        }
+        .pc1-scene-tail2{
+          width: 770px;
+          height: 400px;
+          position: relative;
+          div{
+            position: absolute;
+            width: 770px;
+            height: 45px;
+            background: rgba(41, 73, 130, 0.5);
+            bottom: 0;
+            text-align: center;
+            line-height: 45px;
+            span{
+              font-size: 14px;
+              font-family: Microsoft YaHei;
+              font-weight: bold;
+              color: #FFFFFF;
+              opacity: 1;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+// 卡片布局  card1核心要素
+.card1 {
+  width: 220px;
+  height: 300px;
+  background: #ffffff;
+  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
+  opacity: 1;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+
+  h4 {
+    position: absolute;
+    top: 120px;
+    font-size: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #294982;
+    opacity: 1;
+    margin-bottom: 54px;
+  }
+  div {
+    position: absolute;
+    top: 200px;
+    width: 148px;
+    height: 57px;
+    font-size: 14px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #232323;
+    opacity: 1;
+  }
+}
+// 核心要素2
+.card2 {
+  width: 220px;
+  height: 300px;
+  background: #ffffff;
+  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
+  opacity: 1;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+
+  h4 {
+    position: absolute;
+    top: 100px;
+    font-size: 20px;
+    font-family: Microsoft YaHei;
+    font-weight: bold;
+    color: #294982;
+    opacity: 1;
+    text-align: center;
+    margin: auto 30px;
+  }
+  div {
+    position: absolute;
+    top: 160px;
+    width: 188px;
+    height: 133px;
+    font-size: 14px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    line-height: 20px;
+    color: #232323;
+    opacity: 1;
+    margin: auto 16px;
+  }
+}
 
 @import url("./phone");
 @import url("./extra");

src/pages/product/expe.vue

@@ -112,7 +112,7 @@
 export default {
   name: "",
   head: {
-    title: "德天博城3DEXPE"
+    title: "德天博城-------3DEXPERIENCE"
   },
   data() {
     return {