maochaoying 2 years ago
parent
commit
c8be6fd8af
  1. 14
      README.md
  2. BIN
      src/assets/img/web/back.gif
  3. 5
      src/common/utils.js
  4. 2
      src/views/Index/components/CasePictureList/index.vue
  5. 48
      src/views/Index/components/ContactUs/index.vue
  6. 2
      src/views/Index/components/Cooperation/index.vue
  7. 2
      src/views/Index/components/Culture/index.vue
  8. 2
      src/views/Index/components/HardwareSummary/index.vue
  9. 5
      src/views/Index/components/MechanicalControl/index.vue
  10. 1
      src/views/Index/components/MechanicalDrive/Card/index.vue
  11. 5
      src/views/Index/components/ReadWidely/Card/index.vue
  12. 7
      src/views/Index/components/Recruit/index.vue
  13. 30
      src/views/Index/components/Service/index.vue
  14. 2
      src/views/Index/components/SoftHardwareSummary/index.vue
  15. 4
      src/views/Index/components/WebOfThing/index.vue

14
README.md

@ -1,15 +1 @@
# 问题
banner 延迟1s
上下滑动动画不一样
出去不猛干
control ani 问题
机械传动硬件一样

BIN
src/assets/img/web/back.gif

Before

Width: 1920  |  Height: 1080  |  Size: 9.4 MiB

After

Width: 3298  |  Height: 1080  |  Size: 9.4 MiB

5
src/common/utils.js

@ -98,7 +98,6 @@ export const totalPageAni = async (activeIndex, previousIndex) => {
}
if (activeIndex == 1) {
animateCSS('#servive_big_title_ani', aniName)
animateCSS('#servive_detail_intro_ani', aniName)
}
if (activeIndex == 2) {
animateCSS('#cooperation_ani', aniName)
@ -139,6 +138,10 @@ export const totalPageAni = async (activeIndex, previousIndex) => {
if (activeIndex == 14) {
animateCSS('#post_page_title_ani', aniName)
}
if (activeIndex == 15) {
animateCSS('#contract_info_ani', aniName)
animateCSS('#contact_hand', aniName)
}
}
// export const totalTitleAni = (activeIndex, previousIndex) => {

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

@ -5,7 +5,7 @@
<div class="contract_title" id="case_picture_list_ani">
<p class="line"></p>
<p class="title">案例展示</p>
<img class="img" :src="Back" alt="back" />
<!-- <img class="img" :src="Back" alt="back" /> -->
</div>
<div class="data_container">
<div class="text">

48
src/views/Index/components/ContactUs/index.vue

@ -13,30 +13,32 @@
<img :src="Contact" alt="" class="yingwen" />
</div>
<div class="main_content" id="contactus_main_content">
<p class="big_title">
为产品添彩为企业赋能<br />
打造高品质/强落地/有卖点的好产品
</p>
<div class="phone_line_1">
<div class="item mr">
<img :src="Phone" alt="" class="icon" />
<p class="phone">袁老师&nbsp;&nbsp;137&nbsp;1789&nbsp;2018</p>
</div>
<div class="item">
<img :src="Phone" alt="" class="icon" />
<p class="phone">袁老师&nbsp;&nbsp;137&nbsp;1789&nbsp;2018</p>
</div>
</div>
<div class="phone_line_2">
<div class="item mr">
<img :src="Email" alt="" class="icon" />
<p class="phone">info@iflytop.com</p>
<div id="contract_info_ani">
<p class="big_title">
为产品添彩为企业赋能<br />
打造高品质/强落地/有卖点的好产品
</p>
<div class="phone_line_1">
<div class="item mr">
<img :src="Phone" alt="" class="icon" />
<p class="phone">袁老师&nbsp;&nbsp;137&nbsp;1789&nbsp;2018</p>
</div>
<div class="item">
<img :src="Phone" alt="" class="icon" />
<p class="phone">袁老师&nbsp;&nbsp;137&nbsp;1789&nbsp;2018</p>
</div>
</div>
<div class="item">
<img :src="Address" alt="" class="icon" />
<p class="phone">
北京市昌平区回龙观街道博纳集团3号楼一层 &nbsp;&nbsp;产品梦工厂
</p>
<div class="phone_line_2">
<div class="item mr">
<img :src="Email" alt="" class="icon" />
<p class="phone">info@iflytop.com</p>
</div>
<div class="item">
<img :src="Address" alt="" class="icon" />
<p class="phone">
北京市昌平区回龙观街道博纳集团3号楼一层 &nbsp;&nbsp;产品梦工厂
</p>
</div>
</div>
</div>
<div class="maps"></div>

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

@ -8,7 +8,7 @@
<p class="detail">
医疗企业 互联网公司 智能硬件公司 科研院所 工业自动化企业
</p>
<img class="img" :src="Back" alt="back" />
<!-- <img class="img" :src="Back" alt="back" /> -->
</div>
<div class="contract" id="contract_bg_coop">
<div class="real_img" id="contract_real_coop"></div>

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

@ -9,7 +9,7 @@
<p class="detail">
有信心有逻辑有实践有责任有总结·这就是我们的财富
</p>
<img class="img" :src="Back" alt="back" />
<!-- <img class="img" :src="Back" alt="back" /> -->
</div>
<div class="card_list">
<Card i="4" />

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

@ -5,7 +5,7 @@
<div class="contract_title" id="contract_ani">
<p class="line"></p>
<p class="title"><span class="blue_font">软硬件</span>开发</p>
<img class="img" :src="Back" alt="back" />
<!-- <img class="img" :src="Back" alt="back" /> -->
</div>
<div class="data_container">
<div class="text">

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

@ -158,6 +158,9 @@ onMounted(() => {
.dialog_text {
position: absolute;
display: flex;
transition-property: all;
transition-duration: 0.7s;
animation-fill-mode: forwards;
align-items: center;
justify-content: center;
font-size: 23px;
@ -176,7 +179,7 @@ onMounted(() => {
.broadside_div:hover {
cursor: pointer;
.dialog_text {
display: none;
background: rgba(0, 0, 0, 0);
}
}
.bg1 {

1
src/views/Index/components/MechanicalDrive/Card/index.vue

@ -112,7 +112,6 @@ const getImgSrc = () => {
}
.dian_container:hover {
border-radius: 10px;
transform: scale(1.1);
.btn {
background: $theme_color;
}

5
src/views/Index/components/ReadWidely/Card/index.vue

@ -57,9 +57,6 @@ const getBg = () => {
width: 350px;
height: 205px;
position: relative;
transition-property: all;
transition-duration: 0.7s;
animation-fill-mode: forwards;
.dialog_text {
position: absolute;
left: 0;
@ -83,7 +80,7 @@ const getBg = () => {
}
.read_card_container:hover {
.dialog_text {
display: none;
background: rgba(0, 0, 0, 0);
}
}
.bg1 {

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

@ -22,7 +22,12 @@
:postInfo="item"
/>
</div>
<div class="detail" v-if="showDetail" v-on:mouseleave="mouseleave">
<div
class="detail animate__animated animate__zoomInDown"
v-if="showDetail"
v-on:mouseleave="mouseleave"
id="post_detail_ani"
>
<Detail :postId="postId" :handleDetail="handleDetail" />
</div>
</div>

30
src/views/Index/components/Service/index.vue

@ -3,13 +3,13 @@
<div class="service_container" id="service_container">
<div class="empty" v-if="showEmpty"></div>
<div class="content">
<div class="main">
<h1 class="big_title" id="servive_big_title_ani">
<div class="main" id="servive_big_title_ani">
<h1 class="big_title">
<span class="blue_font"
>产品研发&nbsp;/&nbsp;设计&nbsp;/&nbsp;量产</span
>&nbsp;&nbsp;一站式服务
</h1>
<p class="article" id="servive_detail_intro_ani">
<p class="article">
产品梦工厂一家公司全部帮您搞定<br />减少供应商数量就能有效防止供应商
<span class="blue_font">扯皮/推诿</span><br />不仅帮您<span
class="blue_font"
@ -79,18 +79,18 @@ const showEmpty = ref(false)
.big_title {
transform-style: preserve-3d;
}
.big_title::before {
content: 'ONE STOP SERVICE';
position: absolute;
font-size: 34px;
font-family: 'ZonaPro';
transform: translateZ(-1px);
font-weight: 800;
color: #f1f1f1;
left: 0;
top: -20px;
white-space: nowrap;
}
// .big_title::before {
// content: 'ONE STOP SERVICE';
// position: absolute;
// font-size: 34px;
// font-family: 'ZonaPro';
// transform: translateZ(-1px);
// font-weight: 800;
// color: #f1f1f1;
// left: 0;
// top: -20px;
// white-space: nowrap;
// }
.article {
margin-top: 34px;
font-size: 20px;

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

@ -5,7 +5,7 @@
<div class="contract_title" id="software_c_ani">
<p class="line"></p>
<p class="title">硬件<span class="blue_font">研发经验</span></p>
<img class="img" :src="Back" alt="back" />
<!-- <img class="img" :src="Back" alt="back" /> -->
</div>
<div class="card_list">
<div class="card_wrap bg1">

4
src/views/Index/components/WebOfThing/index.vue

@ -27,8 +27,8 @@ import Project from '@/assets/img/web/zuo1.png'
position: relative;
.main_content {
position: absolute;
left: 190px;
top: 50%;
left: 240px;
top: 55%;
transform: translateY(-50%);
.big_title {
font-size: 44px;

Loading…
Cancel
Save