123

2 years ago · 9ade744a1f
6 changed files with 109 additions and 97 deletions
--- a/index.html
+++ b/index.html
@ -10,7 +10,7 @@
    <link rel="shortcut icon" href="./logo.ico" />
  </head>
  <body>
-    <div id="app"></div>
+    <div id="app" style="min-width: 1280px"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
 </html>
--- a/src/common/utils.js
+++ b/src/common/utils.js
@ -15,7 +15,8 @@ export const handleScreenAuto = id => {
  let scale = 1

  if (document.documentElement.clientWidth > designDraftWidth) {
-    document.documentElement.clientHeight / designDraftWidth <
+    document.documentElement.clientWidth /
+      document.documentElement.clientHeight <
    designDraftWidth / designDraftHeight
      ? 1
      : document.documentElement.clientHeight / designDraftHeight
--- a/src/views/Index/components/MechanicalControl/index.vue
+++ b/src/views/Index/components/MechanicalControl/index.vue
@ -304,7 +304,7 @@ onMounted(() => {
        justify-content: space-between;
        height: 319px;
        width: 100%;
-        padding: 0 440px;
+        padding: 0 440px 50px 440px;
        box-sizing: border-box;
        .left_img {
          .gif {
--- a/src/views/Index/components/MechanicalDrive/index.vue
+++ b/src/views/Index/components/MechanicalDrive/index.vue
@ -111,7 +111,7 @@ onMounted(() => {
        }
      }
      .content_main {
-        padding: 0 99px;
+        padding: 0 99px 50px 99px;
        column-gap: 67px;
        display: grid;
        justify-content: space-evenly;
--- a/src/views/Index/components/Recruit/index.vue
+++ b/src/views/Index/components/Recruit/index.vue
@ -1,11 +1,14 @@
 <template>
  <div class="wrap">
    <div class="empty" v-if="showEmpty"></div>
+    <div class="flex_center">
      <div class="recruit_container" id="recruit_container">
        <div class="contract_title" id="post_page_title_ani">
          <p class="line"></p>
          <p class="title">
-          产品梦工厂不只做产品,<span class="blue_font">也成就工程师的梦想</span>
+            产品梦工厂不只做产品,<span class="blue_font"
+              >也成就工程师的梦想</span
+            >
          </p>
          <p class="detail">大量的项目实战，成就未来的你，欢迎您的加入</p>
        </div>
@ -33,6 +36,7 @@
        </div>
      </div>
    </div>
+  </div>
 </template>

 <script setup>
@ -66,13 +70,18 @@ const showEmpty = ref(true)
  display: flex;
  align-items: center;
  justify-content: center;
+  flex-direction: column;
  .empty {
    min-height: 90px;
  }
+  .flex_center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 1;
    .recruit_container {
-    width: 100%;
-    height: 100%;
-
+      // width: 100%;
+      // height: 100%;
      .contract_title {
        display: flex;
        align-items: center;
@ -120,7 +129,8 @@ const showEmpty = ref(true)
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 80px;
-      // padding: 0 76px 80px 76px;
+        padding: 0 76px 50px 76px;
+        box-sizing: border-box;
        position: relative;
        display: grid;
        grid-template-columns: 311px 311px 415px 311px 311px;
@ -142,4 +152,5 @@ const showEmpty = ref(true)
      }
    }
  }
+}
 </style>
--- a/src/views/Index/components/SoftHardwareDetail/index.vue
+++ b/src/views/Index/components/SoftHardwareDetail/index.vue
@ -112,7 +112,7 @@ onMounted(() => {
        }
      }
      .content_main {
-        padding: 0 173px;
+        padding: 0 173px 50px 173px;
        column-gap: 50px;
        display: grid;
        justify-content: space-evenly;