Bläddra i källkod

压缩图片

ctt
chutingting 2 år sedan
förälder
incheckning
167d62e9d7
95 ändrade filer med 170 tillägg och 19 borttagningar
  1. +1
    -1
      package.json
  2. +0
    -7
      src/App.vue
  3. Binär
      src/assets/img/LOGO1.png
  4. Binär
      src/assets/img/a.png
  5. Binär
      src/assets/img/b.png
  6. Binär
      src/assets/img/bg.png
  7. Binär
      src/assets/img/carousel1.png
  8. Binär
      src/assets/img/carousel2.png
  9. Binär
      src/assets/img/carousel3.png
  10. Binär
      src/assets/img/case_1.png
  11. Binär
      src/assets/img/case_2.png
  12. Binär
      src/assets/img/case_3.png
  13. Binär
      src/assets/img/cn.jpeg
  14. Binär
      src/assets/img/demo_1.png
  15. Binär
      src/assets/img/demo_2.png
  16. Binär
      src/assets/img/demo_3.png
  17. Binär
      src/assets/img/demo_4.png
  18. Binär
      src/assets/img/demo_5.png
  19. Binär
      src/assets/img/demo_6.png
  20. Binär
      src/assets/img/demo_7.png
  21. Binär
      src/assets/img/demo_8.png
  22. Binär
      src/assets/img/en.jpg
  23. Binär
      src/assets/img/f.png
  24. Binär
      src/assets/img/ft.png
  25. Binär
      src/assets/img/h.png
  26. Binär
      src/assets/img/introduce_1.png
  27. Binär
      src/assets/img/introduce_10.png
  28. Binär
      src/assets/img/introduce_11.png
  29. Binär
      src/assets/img/introduce_1_1.png
  30. Binär
      src/assets/img/introduce_1_2.png
  31. Binär
      src/assets/img/introduce_1_3.png
  32. Binär
      src/assets/img/introduce_1_4.png
  33. Binär
      src/assets/img/introduce_1_5.png
  34. Binär
      src/assets/img/introduce_1_6.png
  35. Binär
      src/assets/img/introduce_2.png
  36. Binär
      src/assets/img/introduce_2_1.png
  37. Binär
      src/assets/img/introduce_2_2.png
  38. Binär
      src/assets/img/introduce_2_3.png
  39. Binär
      src/assets/img/introduce_2_4.png
  40. Binär
      src/assets/img/introduce_2_5.png
  41. Binär
      src/assets/img/introduce_2_6.png
  42. Binär
      src/assets/img/introduce_3_1.png
  43. Binär
      src/assets/img/introduce_3_2.png
  44. Binär
      src/assets/img/introduce_3_3.png
  45. Binär
      src/assets/img/introduce_3_4.png
  46. Binär
      src/assets/img/introduce_3_5.png
  47. Binär
      src/assets/img/introduce_3_6.png
  48. Binär
      src/assets/img/introduce_5.png
  49. Binär
      src/assets/img/introduce_7.png
  50. Binär
      src/assets/img/introduce_8.png
  51. Binär
      src/assets/img/introduce_9.png
  52. Binär
      src/assets/img/logo.png
  53. Binär
      src/assets/img/me.png
  54. Binär
      src/assets/img/module_3_1.png
  55. Binär
      src/assets/img/module_3_2.png
  56. Binär
      src/assets/img/module_5_bg.png
  57. Binär
      src/assets/img/module_5_bg1.png
  58. Binär
      src/assets/img/module_5_bg2.png
  59. Binär
      src/assets/img/module_7_bg.png
  60. Binär
      src/assets/img/myS.png
  61. Binär
      src/assets/img/my_1.png
  62. Binär
      src/assets/img/o.png
  63. Binär
      src/assets/img/partner.png
  64. Binär
      src/assets/img/partner1.png
  65. Binär
      src/assets/img/partner2.png
  66. Binär
      src/assets/img/partner3.png
  67. Binär
      src/assets/img/partner4.png
  68. Binär
      src/assets/img/partner5.png
  69. Binär
      src/assets/img/product_1.png
  70. Binär
      src/assets/img/product_1_2.png
  71. Binär
      src/assets/img/product_1_3.png
  72. Binär
      src/assets/img/product_1_4.png
  73. Binär
      src/assets/img/product_1_5.png
  74. Binär
      src/assets/img/product_1_6.png
  75. Binär
      src/assets/img/product_2_2.png
  76. Binär
      src/assets/img/product_2_3.png
  77. Binär
      src/assets/img/product_2_4.png
  78. Binär
      src/assets/img/product_2_5.png
  79. Binär
      src/assets/img/product_2_6.png
  80. Binär
      src/assets/img/product_2_7.png
  81. Binär
      src/assets/img/product_2_8.png
  82. Binär
      src/assets/img/t.png
  83. Binär
      src/assets/img/technology_1.png
  84. Binär
      src/assets/img/technology_2.png
  85. Binär
      src/assets/img/technology_3.png
  86. Binär
      src/assets/img/tiktok.png
  87. Binär
      src/assets/img/vd.png
  88. Binär
      src/assets/img/wechat.png
  89. Binär
      src/assets/img/x.png
  90. Binär
      src/assets/img/xia.png
  91. +112
    -0
      src/components/contactUs/index.vue
  92. +19
    -2
      src/components/introduce/index.vue
  93. +19
    -1
      src/components/product/index.vue
  94. +18
    -1
      src/components/technology/index.vue
  95. +1
    -7
      vue.config.js

+ 1
- 1
package.json Visa fil

@@ -1,5 +1,5 @@
{
"name": "Metavatar",
"name": "metavatar",
"version": "0.1.0",
"private": true,
"scripts": {


+ 0
- 7
src/App.vue Visa fil

@@ -1,10 +1,3 @@
<!--
* @Autor: Chuting
* @Date: 2022-08-08 14:23:52
* @LastEditors: Chuting
* @LastEditTime: 2022-08-09 22:18:42
* @Description:
-->
<template>
<div id="app">
<top/>


Binär
src/assets/img/LOGO1.png Visa fil

Före Efter
Bredd: 240  |  Höjd: 65  |  Storlek: 3.0 KiB Bredd: 240  |  Höjd: 65  |  Storlek: 2.4 KiB

Binär
src/assets/img/a.png Visa fil

Före Efter
Bredd: 23  |  Höjd: 23  |  Storlek: 426 B Bredd: 23  |  Höjd: 23  |  Storlek: 303 B

Binär
src/assets/img/b.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 637 B Bredd: 32  |  Höjd: 32  |  Storlek: 325 B

Binär
src/assets/img/bg.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 1.4 MiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 601 KiB

Binär
src/assets/img/carousel1.png Visa fil

Före Efter
Bredd: 480  |  Höjd: 600  |  Storlek: 253 KiB Bredd: 480  |  Höjd: 600  |  Storlek: 88 KiB

Binär
src/assets/img/carousel2.png Visa fil

Före Efter
Bredd: 540  |  Höjd: 675  |  Storlek: 399 KiB Bredd: 540  |  Höjd: 675  |  Storlek: 150 KiB

Binär
src/assets/img/carousel3.png Visa fil

Före Efter
Bredd: 480  |  Höjd: 600  |  Storlek: 247 KiB Bredd: 480  |  Höjd: 600  |  Storlek: 97 KiB

Binär
src/assets/img/case_1.png Visa fil

Före Efter
Bredd: 1280  |  Höjd: 517  |  Storlek: 388 KiB Bredd: 1280  |  Höjd: 517  |  Storlek: 180 KiB

Binär
src/assets/img/case_2.png Visa fil

Före Efter
Bredd: 1280  |  Höjd: 517  |  Storlek: 471 KiB Bredd: 1280  |  Höjd: 517  |  Storlek: 186 KiB

Binär
src/assets/img/case_3.png Visa fil

Före Efter
Bredd: 1280  |  Höjd: 517  |  Storlek: 263 KiB Bredd: 1280  |  Höjd: 517  |  Storlek: 116 KiB

Binär
src/assets/img/cn.jpeg Visa fil

Före Efter
Bredd: 1080  |  Höjd: 720  |  Storlek: 12 KiB Bredd: 1080  |  Höjd: 720  |  Storlek: 11 KiB

Binär
src/assets/img/demo_1.png Visa fil

Före Efter
Bredd: 320  |  Höjd: 320  |  Storlek: 140 KiB Bredd: 320  |  Höjd: 320  |  Storlek: 50 KiB

Binär
src/assets/img/demo_2.png Visa fil

Före Efter
Bredd: 320  |  Höjd: 320  |  Storlek: 57 KiB Bredd: 320  |  Höjd: 320  |  Storlek: 22 KiB

Binär
src/assets/img/demo_3.png Visa fil

Före Efter
Bredd: 320  |  Höjd: 320  |  Storlek: 116 KiB Bredd: 320  |  Höjd: 320  |  Storlek: 42 KiB

Binär
src/assets/img/demo_4.png Visa fil

Före Efter
Bredd: 320  |  Höjd: 320  |  Storlek: 86 KiB Bredd: 320  |  Höjd: 320  |  Storlek: 39 KiB

Binär
src/assets/img/demo_5.png Visa fil

Före Efter
Bredd: 320  |  Höjd: 320  |  Storlek: 120 KiB Bredd: 320  |  Höjd: 320  |  Storlek: 46 KiB

Binär
src/assets/img/demo_6.png Visa fil

Före Efter
Bredd: 320  |  Höjd: 320  |  Storlek: 124 KiB Bredd: 320  |  Höjd: 320  |  Storlek: 56 KiB

Binär
src/assets/img/demo_7.png Visa fil

Före Efter
Bredd: 320  |  Höjd: 320  |  Storlek: 107 KiB Bredd: 320  |  Höjd: 320  |  Storlek: 43 KiB

Binär
src/assets/img/demo_8.png Visa fil

Före Efter
Bredd: 320  |  Höjd: 320  |  Storlek: 125 KiB Bredd: 320  |  Höjd: 320  |  Storlek: 38 KiB

Binär
src/assets/img/en.jpg Visa fil

Före Efter
Bredd: 1422  |  Höjd: 800  |  Storlek: 63 KiB Bredd: 1422  |  Höjd: 800  |  Storlek: 46 KiB

Binär
src/assets/img/f.png Visa fil

Före Efter
Bredd: 24  |  Höjd: 24  |  Storlek: 323 B Bredd: 24  |  Höjd: 24  |  Storlek: 246 B

Binär
src/assets/img/ft.png Visa fil

Före Efter
Bredd: 24  |  Höjd: 24  |  Storlek: 668 B Bredd: 24  |  Höjd: 24  |  Storlek: 436 B

Binär
src/assets/img/h.png Visa fil

Före Efter
Bredd: 23  |  Höjd: 23  |  Storlek: 430 B Bredd: 23  |  Höjd: 23  |  Storlek: 296 B

Binär
src/assets/img/introduce_1.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 874 KiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 415 KiB

Binär
src/assets/img/introduce_10.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 300  |  Storlek: 126 KiB Bredd: 300  |  Höjd: 300  |  Storlek: 37 KiB

Binär
src/assets/img/introduce_11.png Visa fil

Före Efter
Bredd: 680  |  Höjd: 383  |  Storlek: 243 KiB Bredd: 680  |  Höjd: 383  |  Storlek: 85 KiB

Binär
src/assets/img/introduce_1_1.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 1.4 MiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 502 KiB

Binär
src/assets/img/introduce_1_2.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 8.8 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 3.2 KiB

Binär
src/assets/img/introduce_1_3.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 138 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 62 KiB

Binär
src/assets/img/introduce_1_4.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 131 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 53 KiB

Binär
src/assets/img/introduce_1_5.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 145 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 58 KiB

Binär
src/assets/img/introduce_1_6.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 943 KiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 298 KiB

Binär
src/assets/img/introduce_2.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 74 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 30 KiB

Binär
src/assets/img/introduce_2_1.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 954 KiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 317 KiB

Binär
src/assets/img/introduce_2_2.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 227 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 89 KiB

Binär
src/assets/img/introduce_2_3.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 85 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 41 KiB

Binär
src/assets/img/introduce_2_4.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 190 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 70 KiB

Binär
src/assets/img/introduce_2_5.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 145 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 57 KiB

Binär
src/assets/img/introduce_2_6.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 448 KiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 182 KiB

Binär
src/assets/img/introduce_3_1.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 1.8 MiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 723 KiB

Binär
src/assets/img/introduce_3_2.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 154 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 64 KiB

Binär
src/assets/img/introduce_3_3.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 144 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 58 KiB

Binär
src/assets/img/introduce_3_4.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 149 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 62 KiB

Binär
src/assets/img/introduce_3_5.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 152 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 60 KiB

Binär
src/assets/img/introduce_3_6.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 1.0 MiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 445 KiB

Binär
src/assets/img/introduce_5.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 520  |  Storlek: 211 KiB Bredd: 300  |  Höjd: 520  |  Storlek: 79 KiB

Binär
src/assets/img/introduce_7.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 300  |  Storlek: 91 KiB Bredd: 300  |  Höjd: 300  |  Storlek: 28 KiB

Binär
src/assets/img/introduce_8.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 300  |  Storlek: 100 KiB Bredd: 300  |  Höjd: 300  |  Storlek: 28 KiB

Binär
src/assets/img/introduce_9.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 300  |  Storlek: 127 KiB Bredd: 300  |  Höjd: 300  |  Storlek: 35 KiB

Binär
src/assets/img/logo.png Visa fil

Före Efter
Bredd: 60  |  Höjd: 30  |  Storlek: 2.5 KiB Bredd: 60  |  Höjd: 30  |  Storlek: 1.3 KiB

Binär
src/assets/img/me.png Visa fil

Före Efter
Bredd: 724  |  Höjd: 530  |  Storlek: 621 KiB Bredd: 724  |  Höjd: 530  |  Storlek: 232 KiB

Binär
src/assets/img/module_3_1.png Visa fil

Före Efter
Bredd: 950  |  Höjd: 579  |  Storlek: 135 KiB Bredd: 950  |  Höjd: 579  |  Storlek: 53 KiB

Binär
src/assets/img/module_3_2.png Visa fil

Före Efter
Bredd: 950  |  Höjd: 579  |  Storlek: 349 KiB Bredd: 950  |  Höjd: 579  |  Storlek: 131 KiB

Binär
src/assets/img/module_5_bg.png Visa fil

Före Efter
Bredd: 1333  |  Höjd: 850  |  Storlek: 452 KiB Bredd: 1333  |  Höjd: 850  |  Storlek: 240 KiB

Binär
src/assets/img/module_5_bg1.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1076  |  Storlek: 551 KiB Bredd: 1920  |  Höjd: 1076  |  Storlek: 182 KiB

Binär
src/assets/img/module_5_bg2.png Visa fil

Före Efter
Bredd: 584  |  Höjd: 868  |  Storlek: 363 KiB Bredd: 584  |  Höjd: 868  |  Storlek: 161 KiB

Binär
src/assets/img/module_7_bg.png Visa fil

Före Efter
Bredd: 775  |  Höjd: 990  |  Storlek: 526 KiB Bredd: 775  |  Höjd: 990  |  Storlek: 147 KiB

Binär
src/assets/img/myS.png Visa fil

Före Efter
Bredd: 695  |  Höjd: 568  |  Storlek: 494 KiB Bredd: 695  |  Höjd: 568  |  Storlek: 191 KiB

Binär
src/assets/img/my_1.png Visa fil

Före Efter
Bredd: 1280  |  Höjd: 376  |  Storlek: 652 KiB Bredd: 1280  |  Höjd: 376  |  Storlek: 197 KiB

Binär
src/assets/img/o.png Visa fil

Före Efter
Bredd: 25  |  Höjd: 25  |  Storlek: 616 B Bredd: 25  |  Höjd: 25  |  Storlek: 355 B

Binär
src/assets/img/partner.png Visa fil

Före Efter
Bredd: 182  |  Höjd: 66  |  Storlek: 11 KiB Bredd: 182  |  Höjd: 66  |  Storlek: 4.6 KiB

Binär
src/assets/img/partner1.png Visa fil

Före Efter
Bredd: 400  |  Höjd: 200  |  Storlek: 16 KiB Bredd: 400  |  Höjd: 200  |  Storlek: 6.0 KiB

Binär
src/assets/img/partner2.png Visa fil

Före Efter
Bredd: 400  |  Höjd: 200  |  Storlek: 46 KiB Bredd: 400  |  Höjd: 200  |  Storlek: 22 KiB

Binär
src/assets/img/partner3.png Visa fil

Före Efter
Bredd: 400  |  Höjd: 200  |  Storlek: 45 KiB Bredd: 400  |  Höjd: 200  |  Storlek: 20 KiB

Binär
src/assets/img/partner4.png Visa fil

Före Efter
Bredd: 400  |  Höjd: 200  |  Storlek: 38 KiB Bredd: 400  |  Höjd: 200  |  Storlek: 14 KiB

Binär
src/assets/img/partner5.png Visa fil

Före Efter
Bredd: 400  |  Höjd: 200  |  Storlek: 34 KiB Bredd: 400  |  Höjd: 200  |  Storlek: 15 KiB

Binär
src/assets/img/product_1.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 378 KiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 81 KiB

Binär
src/assets/img/product_1_2.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 3.2 MiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 1005 KiB

Binär
src/assets/img/product_1_3.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 300  |  Storlek: 106 KiB Bredd: 300  |  Höjd: 300  |  Storlek: 44 KiB

Binär
src/assets/img/product_1_4.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 300  |  Storlek: 129 KiB Bredd: 300  |  Höjd: 300  |  Storlek: 52 KiB

Binär
src/assets/img/product_1_5.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 300  |  Storlek: 109 KiB Bredd: 300  |  Höjd: 300  |  Storlek: 38 KiB

Binär
src/assets/img/product_1_6.png Visa fil

Före Efter
Bredd: 300  |  Höjd: 300  |  Storlek: 72 KiB Bredd: 300  |  Höjd: 300  |  Storlek: 32 KiB

Binär
src/assets/img/product_2_2.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 1.6 MiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 420 KiB

Binär
src/assets/img/product_2_3.png Visa fil

Före Efter
Bredd: 240  |  Höjd: 240  |  Storlek: 48 KiB Bredd: 240  |  Höjd: 240  |  Storlek: 15 KiB

Binär
src/assets/img/product_2_4.png Visa fil

Före Efter
Bredd: 240  |  Höjd: 240  |  Storlek: 70 KiB Bredd: 240  |  Höjd: 240  |  Storlek: 27 KiB

Binär
src/assets/img/product_2_5.png Visa fil

Före Efter
Bredd: 240  |  Höjd: 240  |  Storlek: 58 KiB Bredd: 240  |  Höjd: 240  |  Storlek: 23 KiB

Binär
src/assets/img/product_2_6.png Visa fil

Före Efter
Bredd: 240  |  Höjd: 240  |  Storlek: 84 KiB Bredd: 240  |  Höjd: 240  |  Storlek: 33 KiB

Binär
src/assets/img/product_2_7.png Visa fil

Före Efter
Bredd: 240  |  Höjd: 240  |  Storlek: 72 KiB Bredd: 240  |  Höjd: 240  |  Storlek: 38 KiB

Binär
src/assets/img/product_2_8.png Visa fil

Före Efter
Bredd: 240  |  Höjd: 240  |  Storlek: 78 KiB Bredd: 240  |  Höjd: 240  |  Storlek: 33 KiB

Binär
src/assets/img/t.png Visa fil

Före Efter
Bredd: 32  |  Höjd: 32  |  Storlek: 520 B Bredd: 32  |  Höjd: 32  |  Storlek: 261 B

Binär
src/assets/img/technology_1.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 704 KiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 568 KiB

Binär
src/assets/img/technology_2.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 660 KiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 594 KiB

Binär
src/assets/img/technology_3.png Visa fil

Före Efter
Bredd: 505  |  Höjd: 505  |  Storlek: 333 KiB Bredd: 505  |  Höjd: 505  |  Storlek: 143 KiB

Binär
src/assets/img/tiktok.png Visa fil

Före Efter
Bredd: 640  |  Höjd: 640  |  Storlek: 24 KiB Bredd: 640  |  Höjd: 640  |  Storlek: 8.3 KiB

Binär
src/assets/img/vd.png Visa fil

Före Efter
Bredd: 1920  |  Höjd: 1080  |  Storlek: 1.7 MiB Bredd: 1920  |  Höjd: 1080  |  Storlek: 614 KiB

Binär
src/assets/img/wechat.png Visa fil

Före Efter
Bredd: 640  |  Höjd: 640  |  Storlek: 23 KiB Bredd: 640  |  Höjd: 640  |  Storlek: 7.0 KiB

Binär
src/assets/img/x.png Visa fil

Före Efter
Bredd: 24  |  Höjd: 24  |  Storlek: 985 B Bredd: 24  |  Höjd: 24  |  Storlek: 542 B

Binär
src/assets/img/xia.png Visa fil

Före Efter
Bredd: 15  |  Höjd: 8  |  Storlek: 1.1 KiB Bredd: 15  |  Höjd: 8  |  Storlek: 150 B

+ 112
- 0
src/components/contactUs/index.vue Visa fil

@@ -0,0 +1,112 @@
<template>
<div>
<el-form ref="form" :rules="rules" :model="form">
<el-form-item class="width" prop="name">
<el-input v-model="form.name" maxlength="10" :placeholder="characters==1?'姓名':'Name'"></el-input>
</el-form-item>
<el-form-item class="width" prop="phone">
<el-input v-model="form.phone" :placeholder=" characters==1?'手机':'Phone'"></el-input>
</el-form-item>
<el-form-item class="width" prop="Pmail">
<el-input v-model="form.email" placeholder="Email"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="close">{{characters==1?'取 消':'Cancel'}}</el-button>
<el-button type="primary" @click="submit() ">{{characters==1?'提 交':'Submit'}}</el-button>
</span>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
data() {
return {
form: {
name: "",
phone: "",
email: ""
},
rules: {
name: [
{
required: true,
min: 1,
max: 10,
message: "此项必填,内容最大10个字符!",
trigger: "blur"
}
],
phone: [
{
required: true,
trigger: "change",
message: "请先输手机号"
},
{
validator(rule, value, callback, source, options) {
var errors = [];
// var mobile = /^1[0|1|2|3|4|5|6|7|8|9]\d{9}$/,
let phone = /^1[35789]\d{9}$/;
if (value && !phone.test(value)) {
callback("抱歉,请输入正确的手机号");
}
callback(errors);
}
}
],
email: [
{
required: true,
trigger: "change",
message: "请先输邮箱"
}
]
}
}
},
computed: {
...mapState({
characters: state => state.publicObj.characters
})
},
methods: {
close() {
this.$emit('close')
},
submit() {
this.$refs.form.validate(valid => {
console.log(valid);
if (valid) {
let params = {
mallName: this.form.email, //邮箱
applicant: this.form.name, //姓名
phone: this.form.phone //电话
};
this.$axios({
method: "post",
url: "/api/callback/wxMallApply/add",
headers: {
"Content-Type": "application/json;charset=UTF-8"
},
data: params
})
.then(res => {
this.form.email = "";
this.form.name = "";
this.form.phone = "";
this.$message.success(
this.characters == 1 ? "提交成功" : "submit successfully"
);
this.dialogVisible = false;
this.$emit('close')
})
.catch(err => {
this.$message.error(err.message);
});
}
});
}
}
}
</script>

+ 19
- 2
src/components/introduce/index.vue Visa fil

@@ -6,7 +6,7 @@
<div class="top_ct">
<h6>{{ introduce[id][characters].title }}</h6>
<p>{{ introduce[id][characters].desc }}</p>
<span>{{ introduce[id][characters].btn }}</span>
<span @click="dialogVisible = true">{{ introduce[id][characters].btn }}</span>
</div>
</div>
<div class="ct_1">
@@ -37,10 +37,18 @@
<p>{{introduce[id][characters].ct4.desc}}</p>
<img src="@/assets/img/introduce_11.png" alt="">
</div>
<el-dialog
:title="characters==1?'留下您的信息,我们会尽快与您取得联系':'Tell us about yourself, we ll be in touch right away.'"
:visible.sync="dialogVisible"
width="34%"
>
<contactUs @close='close'/>
</el-dialog>
</div>
</template>
<script>
import { mapState } from 'vuex'
import contactUs from '../contactUs'
export default {
data() {
return {
@@ -298,9 +306,13 @@ export default {
}
}
},
id: this.$route.params.id
id: this.$route.params.id,
dialogVisible: false
}
},
components: {
contactUs
},
computed: {
...mapState({
characters: state => state.publicObj.characters
@@ -313,6 +325,11 @@ export default {
this.id = new_value.id
},
}
},
methods: {
close() {
this.dialogVisible = false
}
}
}
</script>


+ 19
- 1
src/components/product/index.vue Visa fil

@@ -5,7 +5,7 @@
<div class="top_ct">
<h6 v-html="product[id][characters].title"></h6>
<p>{{ product[id][characters].desc }}</p>
<span>{{ product[id][characters].btn }}</span>
<span @click="dialogVisible = true">{{ product[id][characters].btn }}</span>
</div>
</div>
<div class="ct_2">
@@ -20,13 +20,26 @@
</div>
</div>
</div>
<el-dialog
:title="characters==1?'留下您的信息,我们会尽快与您取得联系':'Tell us about yourself, we ll be in touch right away.'"
:visible.sync="dialogVisible"
width="34%"
>
<contactUs @close='close'/>
</el-dialog>
</div>
</template>
<script>
import { mapState } from "vuex";
import contactUs from '../contactUs'

export default {
components: {
contactUs
},
data() {
return {
dialogVisible: false,
product: {
1: {
1: {
@@ -206,6 +219,11 @@ export default {
this.id = new_value.id
},
}
},
methods: {
close() {
this.dialogVisible = false
}
}
};
</script>


+ 18
- 1
src/components/technology/index.vue Visa fil

@@ -6,7 +6,7 @@
<div class="top_ct">
<h6>{{ technology[characters].title }}</h6>
<p>{{ technology[characters].desc }}</p>
<span>{{ technology[characters].btn }}</span>
<span @click="dialogVisible = true">{{ technology[characters].btn }}</span>
</div>
</div>
<div class="content">
@@ -17,13 +17,25 @@
<img src="@/assets/img/technology_3.png" alt="">
</div>
</div>
<el-dialog
:title="characters==1?'留下您的信息,我们会尽快与您取得联系':'Tell us about yourself, we ll be in touch right away.'"
:visible.sync="dialogVisible"
width="34%"
>
<contactUs @close='close'/>
</el-dialog>
</div>
</template>
<script>
import { mapState } from 'vuex'
import contactUs from '../contactUs'
export default {
components: {
contactUs
},
data() {
return {
dialogVisible: false,
technology: {
1: {
title: 'MetaGene Avater技术',
@@ -46,6 +58,11 @@ export default {
...mapState({
characters: state => state.publicObj.characters
})
},
methods: {
close() {
this.dialogVisible = false
}
}
}
</script>


+ 1
- 7
vue.config.js Visa fil

@@ -1,10 +1,4 @@
/*
* @Autor: Chuting
* @Date: 2022-08-08 14:23:52
* @LastEditors: Chuting
* @LastEditTime: 2022-08-10 22:43:41
* @Description:
*/

const path = require('path')
function resolve(dir) {
return path.join(__dirname, dir)


Laddar…
Avbryt
Spara