maochaoying
/
subsea-side-website
generated from maochaoying/dreamworks-frontend-template
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

header

master
maochaoying 2 years ago
parent
d51ac6985e
commit
8140d432d5
6 changed files with 242 additions and 11 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 200
      src/components/FourCard.vue
  2. 25
      src/components/Header.vue
  3. 4
      src/components/HomeScreen.vue
  4. 2
      src/components/detail/Overview.vue
  5. 6
      src/pages/Product.vue
  6. 16
      src/pages/index.vue

200
src/components/FourCard.vue
View File

@ -47,7 +47,84 @@
</div>
<p class="ver_line"></p>
<div class="card_container">
<img :src="Software" alt="icon" class="icon" />
<svg
class="icon"
version="1.1"
id="图层_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 207 209"
style="enable-background: new 0 0 207 209"
xml:space="preserve"
>
<g>
<g>
<path
class="st0"
d="M15.2,37.67c0,1.36,0.73,2.62,1.91,3.3c1.18,0.68,2.63,0.68,3.81,0c1.18-0.68,1.91-1.94,1.91-3.3
c0-1.36-0.73-2.62-1.91-3.3c-1.18-0.68-2.63-0.68-3.81,0C15.93,35.05,15.2,36.3,15.2,37.67L15.2,37.67z M15.2,37.67"
/>
<path
class="st0"
d="M40.62,37.67c0,1.36,0.73,2.62,1.9,3.3c1.18,0.68,2.63,0.68,3.81,0c1.18-0.68,1.9-1.94,1.9-3.3
c0-1.36-0.73-2.62-1.9-3.3c-1.18-0.68-2.63-0.68-3.81,0C41.34,35.05,40.62,36.3,40.62,37.67L40.62,37.67z M40.62,37.67"
/>
<path
class="st0"
d="M27.93,37.67c0,1.36,0.73,2.62,1.91,3.3c1.18,0.68,2.63,0.68,3.81,0c1.18-0.68,1.91-1.94,1.91-3.3
c0-1.36-0.73-2.62-1.91-3.3c-1.18-0.68-2.63-0.68-3.81,0C28.66,35.05,27.93,36.3,27.93,37.67L27.93,37.67z M27.93,37.67"
/>
<path
class="st0"
d="M59.67,92.95L71.1,81.52c0.97-0.97,1.34-2.37,0.99-3.7c-0.35-1.32-1.39-2.35-2.71-2.7
c-1.32-0.35-2.73,0.02-3.7,0.99L51.52,90.33c-1.48,1.49-1.48,3.89,0,5.37l14.17,14.21c0.72,0.72,1.69,1.13,2.71,1.13
c1.02,0,1.99-0.41,2.71-1.13c1.48-1.49,1.48-3.89,0-5.37L59.67,92.95z M114.24,109.84c1.49,1.48,3.89,1.48,5.37,0l14.21-14.02
c1.48-1.49,1.48-3.89,0-5.37l-14.21-14.21c-1.49-1.48-3.91-1.48-5.39,0.02c-1.48,1.49-1.47,3.91,0.02,5.39l11.43,11.43
l-11.43,11.43C112.78,105.98,112.78,108.35,114.24,109.84L114.24,109.84z M101.59,77.33c-0.88-0.51-1.92-0.65-2.9-0.38
c-0.98,0.26-1.81,0.91-2.32,1.79L82.3,103.43c-0.75,1.18-0.79,2.68-0.11,3.9c0.68,1.22,1.98,1.97,3.38,1.95
c1.4-0.02,2.68-0.8,3.32-2.04l14.21-24.58c0.54-0.9,0.68-1.99,0.39-3C103.21,78.66,102.52,77.81,101.59,77.33L101.59,77.33z
M101.59,77.33"
/>
<path
class="st0"
d="M196.31,130.11c-0.46,0-0.87-0.29-1.03-0.72c-1.52-3.99-3.67-7.71-6.36-11.01c-0.26-0.38-0.26-0.88,0-1.26
c2.42-4.19,0.98-9.54-3.2-11.96l-2.86-1.71V33.86c0-3.03-1.2-5.94-3.35-8.08c-2.14-2.14-5.05-3.35-8.08-3.35H13.95
c-6.31,0-11.43,5.12-11.43,11.43v96.56c0.02,4.89,3.98,8.86,8.88,8.88h52.09l-3.81,14.1H54.6c-7.64,0.01-14.28,5.25-16.04,12.69
h-9.37c-2.1,0-3.81,1.71-3.81,3.81c0,2.1,1.71,3.81,3.81,3.81h97.05c-0.06,0.91,0.03,1.82,0.27,2.7c0.58,2.26,2.05,4.19,4.08,5.34
l8.04,4.65c2.02,1.16,4.41,1.47,6.65,0.86c2.24-0.61,4.15-2.08,5.31-4.1c0.25-0.4,0.72-0.61,1.18-0.53
c4.19,0.73,8.47,0.73,12.65,0c0.48-0.08,0.95,0.15,1.18,0.57c1.58,2.71,4.49,4.36,7.62,4.34c1.54,0.02,3.05-0.38,4.38-1.14
l8.04-4.65c2.02-1.16,3.48-3.08,4.08-5.34c0.61-2.24,0.3-4.63-0.88-6.63c-0.27-0.39-0.27-0.9,0-1.29c2.69-3.3,4.84-7,6.36-10.97
c0.15-0.44,0.56-0.73,1.03-0.72c4.83-0.02,8.74-3.93,8.76-8.76v-9.3C204.92,133.97,201.06,130.15,196.31,130.11L196.31,130.11z
M10.14,33.86c0-2.11,1.7-3.81,3.81-3.81h157.48c2.1,0,3.81,1.7,3.81,3.81v11.43H10.14V33.86z M11.39,131.67
c-0.69,0-1.26-0.56-1.26-1.26v-77.5h165.1v46.72c-3.7-0.98-7.61,0.56-9.64,3.81c-0.24,0.38-0.7,0.58-1.14,0.49
c-4.19-0.69-8.46-0.69-12.65,0c-0.45,0.1-0.91-0.1-1.14-0.49c-1.16-2.02-3.07-3.49-5.32-4.09c-2.25-0.6-4.64-0.28-6.65,0.89
l-8.04,4.65c-2.02,1.14-3.49,3.05-4.08,5.3c-0.61,2.25-0.31,4.64,0.84,6.67c0.29,0.37,0.29,0.89,0,1.26
c-2.7,3.31-4.85,7.02-6.36,11.01c-0.16,0.43-0.57,0.72-1.03,0.72c-1.87,0-3.68,0.6-5.18,1.71L11.39,131.67z M113.02,153.39H67.29
l3.81-14.1h40.01v8.73C111.14,149.97,111.81,151.86,113.02,153.39L113.02,153.39z M54.64,161.01h67.83
c0.87,1.76,1.86,3.45,2.97,5.07H46.6c1.47-3.09,4.58-5.06,8-5.07H54.64z M197.46,148.02c0,0.3-0.12,0.59-0.33,0.81
c-0.21,0.21-0.5,0.33-0.81,0.33c-3.63,0.01-6.89,2.25-8.19,5.64c-1.22,3.21-2.94,6.21-5.11,8.88c-2.28,2.82-2.6,6.76-0.8,9.91
c0.12,0.27,0.12,0.57,0,0.84c-0.07,0.31-0.26,0.57-0.53,0.72l-7.93,4.5c-0.27,0.15-0.58,0.18-0.88,0.1
c-0.29-0.09-0.54-0.29-0.68-0.55c-1.84-3.14-5.44-4.83-9.03-4.23c-3.35,0.57-6.78,0.57-10.14,0c-3.6-0.59-7.2,1.11-9.03,4.27
c-0.33,0.53-1.01,0.71-1.56,0.42l-8.04-4.65c-0.27-0.15-0.47-0.42-0.53-0.72c-0.12-0.27-0.12-0.57,0-0.84
c1.78-3.16,1.46-7.08-0.8-9.91c-2.18-2.66-3.92-5.66-5.14-8.88c-1.31-3.3-4.49-5.47-8.04-5.49c-0.3,0-0.59-0.12-0.81-0.33
c-0.21-0.21-0.33-0.5-0.33-0.81v-9.3c-0.01-0.31,0.11-0.6,0.32-0.82c0.22-0.22,0.51-0.33,0.82-0.32c3.62-0.01,6.86-2.26,8.15-5.64
c1.21-3.22,2.95-6.22,5.14-8.88c2.26-2.83,2.58-6.75,0.8-9.91c-0.13-0.28-0.13-0.6,0-0.88c0.06-0.3,0.26-0.55,0.53-0.69l8.04-4.65
c0.19-0.05,0.38-0.05,0.57,0c0.39,0,0.75,0.2,0.95,0.53c1.84,3.15,5.43,4.84,9.03,4.27c3.35-0.57,6.78-0.57,10.14,0
c3.63,0.49,7.18-1.3,8.95-4.5c0.15-0.25,0.4-0.44,0.68-0.51c0.29-0.07,0.59-0.03,0.84,0.13l8.04,4.65
c0.27,0.13,0.47,0.39,0.53,0.69c0.13,0.28,0.13,0.6,0,0.88c-1.8,3.14-1.48,7.06,0.8,9.87c2.17,2.68,3.89,5.69,5.11,8.92
c1.23,3.45,4.46,5.78,8.12,5.87c0.31-0.01,0.6,0.11,0.82,0.32c0.22,0.22,0.33,0.51,0.32,0.82V148.02z M197.46,148.02"
/>
<path
class="st0"
d="M158.09,126.07c-9.55,0-17.3,7.74-17.3,17.3s7.74,17.3,17.3,17.3c9.55,0,17.3-7.75,17.3-17.3
S167.65,126.07,158.09,126.07L158.09,126.07z M158.09,153.05c-5.35,0-9.68-4.33-9.68-9.68c0-5.34,4.33-9.68,9.68-9.68
c5.35,0,9.68,4.33,9.68,9.68c-0.04,5.32-4.36,9.6-9.68,9.6V153.05z M158.09,153.05"
/>
</g>
</g>
</svg>
<h3 class="card_title">软件定制</h3>
<div class="desc">
<p class="line">专业水下视学设备团队，研发出品多</p>
@ -57,7 +134,81 @@
</div>
<p class="ver_line"></p>
<div class="card_container">
<img :src="Structure" alt="icon" class="icon" />
<svg
version="1.1"
id="图层_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
class="icon"
viewBox="0 0 207 209"
style="enable-background: new 0 0 207 209"
xml:space="preserve"
>
<g>
<path
class="st0"
d="M67.19,167.88c-15.21,0-27.58-12.37-27.58-27.58c0-15.21,12.38-27.58,27.6-27.58
c15.2,0,27.56,12.37,27.56,27.58C94.77,155.51,82.39,167.88,67.19,167.88z M67.21,121.22c-10.53,0-19.1,8.56-19.1,19.08
s8.57,19.08,19.1,19.08c10.52,0,19.08-8.56,19.08-19.08S77.73,121.22,67.21,121.22z"
/>
<path
class="st0"
d="M86.76,202.57c-3.02,0-5.9-1.29-7.91-3.55c-3.67-4.15-7.58-6.26-11.62-6.26c-4.01,0-7.92,2.11-11.62,6.26
c-2.01,2.26-4.89,3.55-7.91,3.55c-0.87,0-1.73-0.11-2.55-0.32c-7.25-1.82-15.29-6.46-20.5-11.84c-2.75-2.83-3.68-6.93-2.43-10.69
c1.76-5.29,1.63-9.74-0.38-13.22c-2.01-3.48-5.79-5.81-11.24-6.92c-3.87-0.79-6.95-3.64-8.04-7.44c-2.07-7.19-2.07-16.48,0-23.67
c1.09-3.8,4.17-6.65,8.04-7.44c5.46-1.13,9.24-3.47,11.25-6.95c2.01-3.48,2.13-7.92,0.37-13.2c-1.24-3.75-0.31-7.85,2.43-10.69
c5.18-5.37,13.22-10.01,20.49-11.84c0.83-0.21,1.69-0.32,2.56-0.32c3.02,0,5.9,1.29,7.91,3.55c3.67,4.15,7.58,6.26,11.62,6.26
c4.01,0,7.92-2.11,11.62-6.26c2.01-2.26,4.89-3.55,7.91-3.55c0.87,0,1.73,0.11,2.55,0.31c7.25,1.82,15.3,6.47,20.5,11.84
c2.75,2.83,3.68,6.93,2.43,10.69c-1.76,5.29-1.63,9.74,0.38,13.23c2.01,3.48,5.79,5.81,11.24,6.92c3.87,0.79,6.95,3.64,8.04,7.44
c2.07,7.19,2.07,16.48,0,23.67c-1.09,3.8-4.17,6.65-8.04,7.44c-5.46,1.13-9.24,3.47-11.25,6.95c-2.01,3.48-2.13,7.92-0.37,13.2
c1.25,3.75,0.31,7.85-2.43,10.69c-5.18,5.37-13.22,10.01-20.49,11.84C88.48,202.47,87.62,202.57,86.76,202.57z M67.21,184.21
c4.49,0,11.25,1.57,17.93,9.07l0.91,1.02l1.32-0.34c5.74-1.46,12.12-5.14,16.24-9.37l0.95-0.98l-0.43-1.3
c-3.15-9.53-1.13-16.17,1.11-20.05c2.23-3.89,6.95-8.94,16.8-11l1.34-0.28l0.37-1.31c1.61-5.7,1.61-13.06,0-18.76l-0.37-1.31
l-1.34-0.28c-9.82-2.05-14.55-7.11-16.8-11c-2.24-3.87-4.25-10.5-1.11-20.06l0.43-1.3l-0.96-0.98c-4.16-4.25-10.53-7.92-16.24-9.36
l-1.32-0.33l-0.91,1.02c-6.7,7.49-13.45,9.07-17.93,9.07c-4.49,0-11.25-1.57-17.93-9.06l-0.91-1.02l-1.32,0.33
c-5.74,1.46-12.11,5.13-16.24,9.37l-0.95,0.98l0.43,1.3c3.15,9.53,1.14,16.17-1.11,20.05c-2.23,3.89-6.95,8.94-16.8,11l-1.34,0.28
l-0.37,1.31c-1.61,5.7-1.61,13.06,0,18.76l0.37,1.31l1.34,0.28c9.81,2.05,14.55,7.11,16.8,11c2.24,3.87,4.25,10.5,1.11,20.06
l-0.43,1.3l0.96,0.98c4.16,4.25,10.53,7.92,16.24,9.37l1.32,0.33l0.91-1.02C55.96,185.79,62.72,184.21,67.21,184.21z M143.21,65.11
c-9.94,0-18.03-8.09-18.03-18.03s8.09-18.03,18.03-18.03s18.03,8.09,18.03,18.03S153.15,65.11,143.21,65.11z M143.21,37.56
c-5.26,0-9.55,4.28-9.55,9.55c0,5.25,4.28,9.52,9.55,9.52c5.25,0,9.52-4.28,9.52-9.54C152.74,41.83,148.46,37.56,143.21,37.56z"
/>
<path
class="st0"
d="M183.98,156.58c-1.09,0-2.14-0.47-2.88-1.3c-2-2.24-4.16-3.37-6.41-3.37c-2.28,0-4.44,1.14-6.42,3.38
c-0.72,0.82-1.76,1.29-2.87,1.29c-0.32,0-0.63-0.04-0.94-0.12c-3.25-0.81-6.85-2.89-9.16-5.29c-1-1.03-1.34-2.52-0.89-3.89
c0.94-2.85,0.84-5.28-0.3-7.25c-1.14-1.96-3.2-3.25-6.12-3.85c-1.38-0.28-2.53-1.34-2.92-2.71c-0.92-3.2-0.92-7.36,0-10.58
c0.4-1.37,1.52-2.41,2.93-2.7c2.95-0.61,5.01-1.92,6.14-3.89c1.12-1.96,1.21-4.39,0.26-7.22c-0.45-1.36-0.12-2.85,0.88-3.87
c2.34-2.42,5.94-4.49,9.18-5.3c0.3-0.07,0.63-0.11,0.94-0.11c1.09,0,2.14,0.47,2.87,1.3c2.01,2.24,4.16,3.37,6.42,3.37
c2.28,0,4.44-1.14,6.42-3.38c0.72-0.82,1.77-1.29,2.87-1.29c0.31,0,0.63,0.04,0.94,0.12c3.26,0.81,6.85,2.89,9.16,5.29
c1,1.03,1.34,2.52,0.89,3.89c-0.94,2.84-0.84,5.28,0.3,7.24c1.13,1.96,3.19,3.26,6.12,3.86c1.38,0.28,2.53,1.34,2.92,2.71
c0.92,3.2,0.92,7.36,0,10.59c-0.39,1.36-1.52,2.4-2.93,2.7c-2.94,0.61-5.01,1.92-6.14,3.88c-1.12,1.96-1.21,4.39-0.26,7.22
c0.45,1.36,0.11,2.85-0.88,3.87c-2.34,2.41-5.94,4.49-9.18,5.3C184.61,156.54,184.29,156.58,183.98,156.58z M174.69,143.4
c2.72,0,5.32,0.7,7.74,2.08l3.35,1.91l0.02-3.85c0.01-2.76,0.71-5.37,2.08-7.75c0.92-1.61,2.65-3.9,5.66-5.66l3.33-1.94l-3.33-1.94
c-2.36-1.38-4.27-3.29-5.68-5.68c-0.93-1.59-2.05-4.21-2.07-7.73l-0.02-3.84l-3.34,1.9c-3.03,1.72-5.89,2.08-7.75,2.08
c-2.72,0-5.32-0.7-7.75-2.08l-3.35-1.91l-0.02,3.85c-0.01,2.76-0.71,5.37-2.08,7.75c-0.92,1.61-2.66,3.9-5.67,5.66l-3.33,1.94
l3.33,1.94c2.36,1.38,4.27,3.29,5.68,5.68c0.93,1.58,2.05,4.22,2.07,7.73l0.02,3.84l3.34-1.9
C169.97,143.77,172.83,143.4,174.69,143.4z M156.5,88.71c-1.84,0-3.61-0.79-4.85-2.17c-2.68-2.99-5.52-4.51-8.44-4.51
c-2.95,0-5.8,1.52-8.45,4.52c-1.23,1.37-2.99,2.17-4.84,2.17c-0.55,0-1.06-0.06-1.54-0.19c-4.84-1.22-10.18-4.31-13.63-7.87
c-1.67-1.73-2.23-4.24-1.47-6.55c1.26-3.78,1.15-7-0.32-9.55c-1.48-2.56-4.21-4.26-8.13-5.06c-2.37-0.49-4.25-2.23-4.91-4.55
c-1.36-4.77-1.36-10.93,0-15.69c0.66-2.33,2.55-4.07,4.91-4.55c3.93-0.8,6.66-2.5,8.14-5.06c1.47-2.55,1.58-5.77,0.32-9.56
c-0.77-2.3-0.21-4.8,1.47-6.54c3.45-3.58,8.79-6.66,13.6-7.85c0.52-0.13,1.03-0.2,1.57-0.2c1.84,0,3.61,0.79,4.84,2.17
c2.68,2.99,5.52,4.51,8.45,4.51c2.95,0,5.8-1.52,8.45-4.52c1.23-1.38,2.99-2.17,4.84-2.17c0.53,0,1.05,0.07,1.55,0.19
c4.83,1.22,10.17,4.3,13.61,7.86c1.67,1.73,2.23,4.24,1.47,6.55c-1.26,3.78-1.15,6.99,0.32,9.55c1.48,2.56,4.21,4.26,8.13,5.07
c2.37,0.49,4.25,2.23,4.91,4.55c1.37,4.77,1.37,10.93,0,15.69c-0.66,2.33-2.55,4.07-4.91,4.55c-3.92,0.8-6.66,2.5-8.14,5.06
c-1.47,2.55-1.58,5.77-0.32,9.56c0.77,2.3,0.2,4.8-1.48,6.54c-3.44,3.58-8.78,6.66-13.59,7.85
C157.55,88.64,157.04,88.71,156.5,88.71z M143.21,73.54c3.22,0,8.08,0.95,12.94,5.46l1.07,0.99l1.34-0.56
c1.72-0.72,3.48-1.74,4.96-2.86l1.16-0.88l-0.33-1.42c-1.48-6.44,0.14-11.14,1.75-13.94c1.6-2.78,4.84-6.51,11.19-8.48l1.39-0.43
l0.18-1.45c0.22-1.84,0.22-3.87,0-5.71l-0.18-1.45l-1.39-0.43c-6.35-1.97-9.59-5.7-11.19-8.48c-1.61-2.79-3.21-7.48-1.75-13.95
l0.32-1.42l-1.16-0.87c-1.49-1.13-3.25-2.14-4.96-2.86l-1.34-0.56l-1.06,0.99c-4.86,4.51-9.72,5.45-12.94,5.45
c-3.22,0-8.08-0.95-12.94-5.45l-1.06-0.99l-1.34,0.56c-1.64,0.69-3.39,1.7-4.94,2.85l-1.18,0.88l0.33,1.43
c1.48,6.44-0.14,11.14-1.75,13.94c-1.6,2.78-4.84,6.51-11.19,8.48l-1.39,0.43l-0.18,1.45c-0.22,1.84-0.22,3.86,0,5.7l0.18,1.45
l1.39,0.43c6.35,1.97,9.59,5.7,11.19,8.48c1.61,2.79,3.21,7.48,1.75,13.95l-0.32,1.41l1.15,0.88c1.48,1.12,3.24,2.14,4.96,2.86
l1.34,0.56l1.07-0.99C135.13,74.48,139.99,73.54,143.21,73.54z"
/>
</g>
</svg>
<h3 class="card_title">结构定制</h3>
<div class="desc">
<p class="line">专业水下视学设备团队，研发出品多</p>
@ -67,7 +218,50 @@
</div>
<p class="ver_line"></p>
<div class="card_container">
<img :src="Temp" alt="icon" class="icon" />
<svg
version="1.1"
id="图层_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
viewBox="0 0 207 209"
style="enable-background: new 0 0 207 209"
class="icon"
xml:space="preserve"
>
<g>
<path
class="st0"
d="M91.38,181.76c-7.55,0-13.7-6.15-13.7-13.71c0-7.55,6.15-13.7,13.7-13.7c7.56,0,13.7,6.15,13.7,13.7
C105.08,175.61,98.94,181.76,91.38,181.76z M91.38,165.19c-1.58,0-2.87,1.29-2.87,2.87c0,1.59,1.29,2.87,2.87,2.87
c1.58,0,2.87-1.29,2.87-2.87C94.25,166.47,92.96,165.19,91.38,165.19z M115.78,179.87c-4.43,0-8.01-2.04-9.59-5.44
c-1-2.14-1.07-4.65-0.2-7.05c1.21-3.31,4.07-6.21,7.85-7.97c2.22-1.03,4.59-1.57,6.85-1.57c1.52,0,2.96,0.24,4.28,0.73
c2.4,0.88,4.28,2.57,5.27,4.74c0.99,2.1,1.08,4.61,0.22,7.01c-1.19,3.3-4.04,6.21-7.84,7.99
C120.39,179.33,118.03,179.87,115.78,179.87z M116.79,154.3c-32.4,0-58.76-26.36-58.76-58.76c0-32.41,26.36-58.78,58.76-58.78
c32.4,0,58.76,26.37,58.76,58.78C175.55,127.94,149.19,154.3,116.79,154.3z M116.79,47.59c-26.43,0-47.93,21.51-47.93,47.95
c0,26.43,21.5,47.93,47.93,47.93c26.43,0,47.93-21.5,47.93-47.93C164.72,69.1,143.22,47.59,116.79,47.59z"
/>
<path
class="st0"
d="M39.67,208c-1.56,0-3.11-0.39-4.49-1.13l-12.74-6.89c-2.2-1.17-3.84-3.17-4.57-5.61
c-0.72-2.37-0.45-5,0.73-7.2l4.56-10.65c-3.34-2.9-6.51-6.05-9.46-9.38L12,165.2l0.51-2.93L51.31,8.75l2.7-1.23
c11.27-4.15,22.86-6.24,34.5-6.24c26.68,0,51.75,10.39,70.61,29.25c18.86,18.86,29.25,43.94,29.25,70.62
c0,17.99-4.82,35.57-13.95,50.96c0,0.09-0.01,0.17-0.01,0.26l18.44,24.75c3.18,3.6,2.83,9.58-1.04,13.04l-10.8,9.63
c-1.78,1.56-4.01,2.4-6.33,2.4c-2.7,0-5.27-1.14-7.05-3.14l-19.19-18.01c-7.79,5.86-16.34,10.51-25.48,13.88
c-11.02,4.05-22.61,6.1-34.44,6.1c-12.05,0-23.79-2.12-34.95-6.32l-5.75,8.73c-0.97,1.84-2.95,3.46-5.36,4.19
C41.57,207.86,40.63,208,39.67,208z M39.23,196.74l19.16-29.08l0.62-0.08c-1.77-1.97-4.56-4.07-7.73-5.77
c-3.51-1.89-6.66-2.87-8.88-3.24l0.04,0.07l-0.94,2.67l-12.78,29.74L39.23,196.74z M149.41,167.23l1.75,1.48l23.57,22.17l8.93-7.97
l-20.8-27.92l0.13-0.6c-2.11,0.86-5.01,2.58-8.03,5.28c-3.31,2.95-5.28,5.68-6.29,7.57H149.41z M59.7,185.37
c9.25,3.18,18.92,4.8,28.82,4.8c10.56,0,20.89-1.83,30.71-5.44c6.85-2.52,13.34-5.86,19.37-9.97c-0.91-1.26-1.75-3.18-1.6-5.86
c0.3-5.13,4.32-11.61,10.76-17.33c6.08-5.44,12.7-8.69,17.7-8.69l0.67,0.02c0.35,0.02,0.68,0.05,0.99,0.1
c6.83-12.84,10.43-27.21,10.43-41.86c0-23.78-9.26-46.14-26.08-62.96c-16.82-16.81-39.17-26.07-62.95-26.07
c-9.43,0-18.86,1.55-28.05,4.62L23.74,162.05c1.28,1.36,2.6,2.67,3.95,3.94l2.93-6.83c-0.99-3.19-0.22-5.56,0.44-6.81
c1-1.84,3.51-4.8,9.53-4.8c4.56,0,10.19,1.67,15.84,4.71c4.55,2.46,8.51,5.53,11.13,8.63c5.05,5.97,3.89,10.42,2.75,12.53
c-0.69,1.27-2.25,3.26-5.5,4.19L59.7,185.37z"
/>
</g>
</svg>
<h3 class="card_title">硬件定制</h3>
<div class="desc">
<p class="line">专业水下视学设备团队，研发出品多</p>

25
src/components/Header.vue
View File

@ -1,7 +1,15 @@
<template>
<div :class="detail ? 'header_container detail_header' : 'header_container'">
<div
:class="
detail
? 'header_container detail_header'
: noFirst
? 'header_container noFirst_header'
: 'header_container'
"
>
<img
:src="detail ? Logo1 : Logo"
:src="detail || noFirst ? Logo1 : Logo"
alt="logo"
class="logo_img"
@click="toHome()"
@ -35,6 +43,9 @@ const props = defineProps({
detail: {
type: Boolean,
},
noFirst: {
type: Boolean,
},
})
onMounted(() => {
const path = route.path
@ -65,10 +76,11 @@ const toHome = () => {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
.logo_img {
width: 216px;
height: 44px;
@ -100,4 +112,11 @@ const toHome = () => {
color: #000;
}
}
.noFirst_header {
background: #ffffff;
border-bottom: solid 1px #ededed;
.tab_group {
color: #000;
}
}
</style>

4
src/components/HomeScreen.vue
View File

@ -1,6 +1,5 @@
<template>
<div class="home_screen_container">
<Header />
<h1 class="main_title">
做铁路相关的设备<span class="sign">研发和制造</span>
</h1>
@ -21,14 +20,11 @@
p-id="2387"
></path>
</svg>
<!-- <img :src="Arrow" alt="arrow" class="arrow" /> -->
</div>
</div>
</template>
<script setup>
import Header from '@/components/Header'
import Arrow from '@/static/img/index/jiantou.png'
const toNextPage = () => {
document.getElementById('about_us').scrollIntoView({
behavior: 'smooth',

2
src/components/detail/Overview.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="overview_container">
<div class="overview_container" id="product_overview">
<Header :detail="true" />
<div class="product_infos">
<div class="main" v-if="activeTab == 0">1</div>

6
src/pages/Product.vue
View File

@ -18,6 +18,12 @@ import RelativeMerits from '@/components/detail/RelativeMerits'
import Parameter from '@/components/detail/Parameter'
import Contact from '@/components/Contact'
import Bottom from '@/components/Bottom'
import { onMounted } from 'vue'
onMounted(() => {
document.getElementById('product_overview').scrollIntoView({
behavior: 'smooth',
})
})
</script>
<style lang="scss" scoped>

16
src/pages/index.vue
View File

@ -1,5 +1,6 @@
<template>
<div class="main_container">
<Header :noFirst="isDetail" />
<HomeSceen />
<AboutUs />
<Product />
@ -12,8 +13,23 @@
import HomeSceen from '@/components/HomeScreen'
import AboutUs from '@/components/AboutUs'
import Product from '@/components/Product'
import Header from '@/components/Header'
import Contact from '@/components/Contact'
import Bottom from '@/components/Bottom'
import { onMounted, ref } from 'vue'
const isDetail = ref(false)
onMounted(() => {
window.addEventListener('scroll', () => {
const scrollTop =
document.documentElement.scrollTop || document.body.scrollTop
if (scrollTop === 0) {
isDetail.value = false
} else {
isDetail.value = true
}
})
})
</script>
<style scoped lang="scss"></style>
Write Preview
Loading…
Cancel
Save