maochaoying 2 years ago
parent
commit
9ade744a1f
  1. 2
      index.html
  2. 3
      src/common/utils.js
  3. 2
      src/views/Index/components/MechanicalControl/index.vue
  4. 2
      src/views/Index/components/MechanicalDrive/index.vue
  5. 21
      src/views/Index/components/Recruit/index.vue
  6. 2
      src/views/Index/components/SoftHardwareDetail/index.vue

2
index.html

@ -10,7 +10,7 @@
<link rel="shortcut icon" href="./logo.ico" /> <link rel="shortcut icon" href="./logo.ico" />
</head> </head>
<body> <body>
<div id="app"></div>
<div id="app" style="min-width: 1280px"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>
</body> </body>
</html> </html>

3
src/common/utils.js

@ -15,7 +15,8 @@ export const handleScreenAuto = id => {
let scale = 1 let scale = 1
if (document.documentElement.clientWidth > designDraftWidth) { if (document.documentElement.clientWidth > designDraftWidth) {
document.documentElement.clientHeight / designDraftWidth <
document.documentElement.clientWidth /
document.documentElement.clientHeight <
designDraftWidth / designDraftHeight designDraftWidth / designDraftHeight
? 1 ? 1
: document.documentElement.clientHeight / designDraftHeight : document.documentElement.clientHeight / designDraftHeight

2
src/views/Index/components/MechanicalControl/index.vue

@ -304,7 +304,7 @@ onMounted(() => {
justify-content: space-between; justify-content: space-between;
height: 319px; height: 319px;
width: 100%; width: 100%;
padding: 0 440px;
padding: 0 440px 50px 440px;
box-sizing: border-box; box-sizing: border-box;
.left_img { .left_img {
.gif { .gif {

2
src/views/Index/components/MechanicalDrive/index.vue

@ -111,7 +111,7 @@ onMounted(() => {
} }
} }
.content_main { .content_main {
padding: 0 99px;
padding: 0 99px 50px 99px;
column-gap: 67px; column-gap: 67px;
display: grid; display: grid;
justify-content: space-evenly; justify-content: space-evenly;

21
src/views/Index/components/Recruit/index.vue

@ -1,11 +1,14 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<div class="empty" v-if="showEmpty"></div> <div class="empty" v-if="showEmpty"></div>
<div class="flex_center">
<div class="recruit_container" id="recruit_container"> <div class="recruit_container" id="recruit_container">
<div class="contract_title" id="post_page_title_ani"> <div class="contract_title" id="post_page_title_ani">
<p class="line"></p> <p class="line"></p>
<p class="title"> <p class="title">
产品梦工厂不只做产品,<span class="blue_font">也成就工程师的梦想</span>
产品梦工厂不只做产品,<span class="blue_font"
>也成就工程师的梦想</span
>
</p> </p>
<p class="detail">大量的项目实战成就未来的你欢迎您的加入</p> <p class="detail">大量的项目实战成就未来的你欢迎您的加入</p>
</div> </div>
@ -33,6 +36,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script setup> <script setup>
@ -66,13 +70,18 @@ const showEmpty = ref(true)
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column;
.empty { .empty {
min-height: 90px; min-height: 90px;
} }
.flex_center {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
.recruit_container { .recruit_container {
width: 100%;
height: 100%;
// width: 100%;
// height: 100%;
.contract_title { .contract_title {
display: flex; display: flex;
align-items: center; align-items: center;
@ -120,7 +129,8 @@ const showEmpty = ref(true)
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 80px; padding-bottom: 80px;
// padding: 0 76px 80px 76px;
padding: 0 76px 50px 76px;
box-sizing: border-box;
position: relative; position: relative;
display: grid; display: grid;
grid-template-columns: 311px 311px 415px 311px 311px; grid-template-columns: 311px 311px 415px 311px 311px;
@ -142,4 +152,5 @@ const showEmpty = ref(true)
} }
} }
} }
}
</style> </style>

2
src/views/Index/components/SoftHardwareDetail/index.vue

@ -112,7 +112,7 @@ onMounted(() => {
} }
} }
.content_main { .content_main {
padding: 0 173px;
padding: 0 173px 50px 173px;
column-gap: 50px; column-gap: 50px;
display: grid; display: grid;
justify-content: space-evenly; justify-content: space-evenly;

Loading…
Cancel
Save