了解更多页面

src/pages/index.vue

@@ -49,8 +49,7 @@
               </li>
             </ul>
             <div class="more">
-              <!-- <a href="/about">了解更多</a> 待开发-->
-              <a href="/">了解更多</a>
+              <a href="/more">了解更多</a> 
             </div>  
           </div>
           <div class="about-right">

src/pages/more/index.vue

+<template>
+  <div class="pc2">
+    <div class="pc2-flex">
+      <div class="pc1-more-top">
+        <div>{{ more.title1 }}</div>
+        <img :src="more.url1" alt="" />
+      </div>
+      <div class="pc1-more-top">
+        <div>{{ more.title2 }}</div>
+        <img :src="more.url2" alt="" />
+      </div>
+      <div class="pc1-more-top">
+        <div>{{ more.title3 }}</div>
+        <img :src="more.url3" alt="" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      more: {
+        title1:
+          "现代各行业中，越来越高的客户期望值和不断增加的项目复杂性使得竞争越来越激烈。随着人工智能、大数据、云平台等计算机互联网信息技术的不断发展，在协作式创新平台上采用新方法来概念化、设计、制造、测试、认证和维护企业项目，让提高公司供应链效率、生产灵活性和继续推进创新边界成为可能。",
+        url1: "/image/more/more1.jpg",
+        title2:
+          "丰富的产品内容可满足CAD、CAE、CAM和PLM等管理需求，结合公司原有管理系统通过技术团队二次开发和集成可顺利无缝迁移到定制化企业协同平台，使之连接人员、流程和数据。为企业的策略制定、数字化研发、制造规划和业务运营转型等提供技术保障。",
+        url2: "/image/more/more2.jpg",
+        title3:
+          "依托丰富的行业实施经验向企业提供优质的解决方案，可覆盖企业管理、项目管理和产品的设计生产制造管理等领域，助理企业智能化升级。",
+        url3: "/image/more/more3.jpg"
+      }
+    };
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.pc2 {
+  width: 100%;
+  .pc2-flex {
+      width: 80%;
+      margin:100px auto;
+    .pc1-more-top {
+      margin-bottom: 110px;
+      // border: 1px solid #000;
+      div {
+        padding-top: 40px;
+        font-size: 18px;
+        font-weight: 400;
+        color: #232323;
+        opacity: 1;
+        padding-bottom: 40px;
+      }
+      img {
+        width: 100%;
+      }
+    }
+  }
+}
+</style>