ソースを参照

压缩图片

ctt
chutingting 2年前
コミット
167d62e9d7
95個のファイルの変更170行の追加19行の削除
  1. +1
    -1
      package.json
  2. +0
    -7
      src/App.vue
  3. バイナリ
      src/assets/img/LOGO1.png
  4. バイナリ
      src/assets/img/a.png
  5. バイナリ
      src/assets/img/b.png
  6. バイナリ
      src/assets/img/bg.png
  7. バイナリ
      src/assets/img/carousel1.png
  8. バイナリ
      src/assets/img/carousel2.png
  9. バイナリ
      src/assets/img/carousel3.png
  10. バイナリ
      src/assets/img/case_1.png
  11. バイナリ
      src/assets/img/case_2.png
  12. バイナリ
      src/assets/img/case_3.png
  13. バイナリ
      src/assets/img/cn.jpeg
  14. バイナリ
      src/assets/img/demo_1.png
  15. バイナリ
      src/assets/img/demo_2.png
  16. バイナリ
      src/assets/img/demo_3.png
  17. バイナリ
      src/assets/img/demo_4.png
  18. バイナリ
      src/assets/img/demo_5.png
  19. バイナリ
      src/assets/img/demo_6.png
  20. バイナリ
      src/assets/img/demo_7.png
  21. バイナリ
      src/assets/img/demo_8.png
  22. バイナリ
      src/assets/img/en.jpg
  23. バイナリ
      src/assets/img/f.png
  24. バイナリ
      src/assets/img/ft.png
  25. バイナリ
      src/assets/img/h.png
  26. バイナリ
      src/assets/img/introduce_1.png
  27. バイナリ
      src/assets/img/introduce_10.png
  28. バイナリ
      src/assets/img/introduce_11.png
  29. バイナリ
      src/assets/img/introduce_1_1.png
  30. バイナリ
      src/assets/img/introduce_1_2.png
  31. バイナリ
      src/assets/img/introduce_1_3.png
  32. バイナリ
      src/assets/img/introduce_1_4.png
  33. バイナリ
      src/assets/img/introduce_1_5.png
  34. バイナリ
      src/assets/img/introduce_1_6.png
  35. バイナリ
      src/assets/img/introduce_2.png
  36. バイナリ
      src/assets/img/introduce_2_1.png
  37. バイナリ
      src/assets/img/introduce_2_2.png
  38. バイナリ
      src/assets/img/introduce_2_3.png
  39. バイナリ
      src/assets/img/introduce_2_4.png
  40. バイナリ
      src/assets/img/introduce_2_5.png
  41. バイナリ
      src/assets/img/introduce_2_6.png
  42. バイナリ
      src/assets/img/introduce_3_1.png
  43. バイナリ
      src/assets/img/introduce_3_2.png
  44. バイナリ
      src/assets/img/introduce_3_3.png
  45. バイナリ
      src/assets/img/introduce_3_4.png
  46. バイナリ
      src/assets/img/introduce_3_5.png
  47. バイナリ
      src/assets/img/introduce_3_6.png
  48. バイナリ
      src/assets/img/introduce_5.png
  49. バイナリ
      src/assets/img/introduce_7.png
  50. バイナリ
      src/assets/img/introduce_8.png
  51. バイナリ
      src/assets/img/introduce_9.png
  52. バイナリ
      src/assets/img/logo.png
  53. バイナリ
      src/assets/img/me.png
  54. バイナリ
      src/assets/img/module_3_1.png
  55. バイナリ
      src/assets/img/module_3_2.png
  56. バイナリ
      src/assets/img/module_5_bg.png
  57. バイナリ
      src/assets/img/module_5_bg1.png
  58. バイナリ
      src/assets/img/module_5_bg2.png
  59. バイナリ
      src/assets/img/module_7_bg.png
  60. バイナリ
      src/assets/img/myS.png
  61. バイナリ
      src/assets/img/my_1.png
  62. バイナリ
      src/assets/img/o.png
  63. バイナリ
      src/assets/img/partner.png
  64. バイナリ
      src/assets/img/partner1.png
  65. バイナリ
      src/assets/img/partner2.png
  66. バイナリ
      src/assets/img/partner3.png
  67. バイナリ
      src/assets/img/partner4.png
  68. バイナリ
      src/assets/img/partner5.png
  69. バイナリ
      src/assets/img/product_1.png
  70. バイナリ
      src/assets/img/product_1_2.png
  71. バイナリ
      src/assets/img/product_1_3.png
  72. バイナリ
      src/assets/img/product_1_4.png
  73. バイナリ
      src/assets/img/product_1_5.png
  74. バイナリ
      src/assets/img/product_1_6.png
  75. バイナリ
      src/assets/img/product_2_2.png
  76. バイナリ
      src/assets/img/product_2_3.png
  77. バイナリ
      src/assets/img/product_2_4.png
  78. バイナリ
      src/assets/img/product_2_5.png
  79. バイナリ
      src/assets/img/product_2_6.png
  80. バイナリ
      src/assets/img/product_2_7.png
  81. バイナリ
      src/assets/img/product_2_8.png
  82. バイナリ
      src/assets/img/t.png
  83. バイナリ
      src/assets/img/technology_1.png
  84. バイナリ
      src/assets/img/technology_2.png
  85. バイナリ
      src/assets/img/technology_3.png
  86. バイナリ
      src/assets/img/tiktok.png
  87. バイナリ
      src/assets/img/vd.png
  88. バイナリ
      src/assets/img/wechat.png
  89. バイナリ
      src/assets/img/x.png
  90. バイナリ
      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 ファイルの表示

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


+ 0
- 7
src/App.vue ファイルの表示

@@ -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/>


バイナリ
src/assets/img/LOGO1.png ファイルの表示

変更前 変更後
幅: 240  |  高さ: 65  |  サイズ: 3.0 KiB 幅: 240  |  高さ: 65  |  サイズ: 2.4 KiB

バイナリ
src/assets/img/a.png ファイルの表示

変更前 変更後
幅: 23  |  高さ: 23  |  サイズ: 426 B 幅: 23  |  高さ: 23  |  サイズ: 303 B

バイナリ
src/assets/img/b.png ファイルの表示

変更前 変更後
幅: 32  |  高さ: 32  |  サイズ: 637 B 幅: 32  |  高さ: 32  |  サイズ: 325 B

バイナリ
src/assets/img/bg.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 1.4 MiB 幅: 1920  |  高さ: 1080  |  サイズ: 601 KiB

バイナリ
src/assets/img/carousel1.png ファイルの表示

変更前 変更後
幅: 480  |  高さ: 600  |  サイズ: 253 KiB 幅: 480  |  高さ: 600  |  サイズ: 88 KiB

バイナリ
src/assets/img/carousel2.png ファイルの表示

変更前 変更後
幅: 540  |  高さ: 675  |  サイズ: 399 KiB 幅: 540  |  高さ: 675  |  サイズ: 150 KiB

バイナリ
src/assets/img/carousel3.png ファイルの表示

変更前 変更後
幅: 480  |  高さ: 600  |  サイズ: 247 KiB 幅: 480  |  高さ: 600  |  サイズ: 97 KiB

バイナリ
src/assets/img/case_1.png ファイルの表示

変更前 変更後
幅: 1280  |  高さ: 517  |  サイズ: 388 KiB 幅: 1280  |  高さ: 517  |  サイズ: 180 KiB

バイナリ
src/assets/img/case_2.png ファイルの表示

変更前 変更後
幅: 1280  |  高さ: 517  |  サイズ: 471 KiB 幅: 1280  |  高さ: 517  |  サイズ: 186 KiB

バイナリ
src/assets/img/case_3.png ファイルの表示

変更前 変更後
幅: 1280  |  高さ: 517  |  サイズ: 263 KiB 幅: 1280  |  高さ: 517  |  サイズ: 116 KiB

バイナリ
src/assets/img/cn.jpeg ファイルの表示

変更前 変更後
幅: 1080  |  高さ: 720  |  サイズ: 12 KiB 幅: 1080  |  高さ: 720  |  サイズ: 11 KiB

バイナリ
src/assets/img/demo_1.png ファイルの表示

変更前 変更後
幅: 320  |  高さ: 320  |  サイズ: 140 KiB 幅: 320  |  高さ: 320  |  サイズ: 50 KiB

バイナリ
src/assets/img/demo_2.png ファイルの表示

変更前 変更後
幅: 320  |  高さ: 320  |  サイズ: 57 KiB 幅: 320  |  高さ: 320  |  サイズ: 22 KiB

バイナリ
src/assets/img/demo_3.png ファイルの表示

変更前 変更後
幅: 320  |  高さ: 320  |  サイズ: 116 KiB 幅: 320  |  高さ: 320  |  サイズ: 42 KiB

バイナリ
src/assets/img/demo_4.png ファイルの表示

変更前 変更後
幅: 320  |  高さ: 320  |  サイズ: 86 KiB 幅: 320  |  高さ: 320  |  サイズ: 39 KiB

バイナリ
src/assets/img/demo_5.png ファイルの表示

変更前 変更後
幅: 320  |  高さ: 320  |  サイズ: 120 KiB 幅: 320  |  高さ: 320  |  サイズ: 46 KiB

バイナリ
src/assets/img/demo_6.png ファイルの表示

変更前 変更後
幅: 320  |  高さ: 320  |  サイズ: 124 KiB 幅: 320  |  高さ: 320  |  サイズ: 56 KiB

バイナリ
src/assets/img/demo_7.png ファイルの表示

変更前 変更後
幅: 320  |  高さ: 320  |  サイズ: 107 KiB 幅: 320  |  高さ: 320  |  サイズ: 43 KiB

バイナリ
src/assets/img/demo_8.png ファイルの表示

変更前 変更後
幅: 320  |  高さ: 320  |  サイズ: 125 KiB 幅: 320  |  高さ: 320  |  サイズ: 38 KiB

バイナリ
src/assets/img/en.jpg ファイルの表示

変更前 変更後
幅: 1422  |  高さ: 800  |  サイズ: 63 KiB 幅: 1422  |  高さ: 800  |  サイズ: 46 KiB

バイナリ
src/assets/img/f.png ファイルの表示

変更前 変更後
幅: 24  |  高さ: 24  |  サイズ: 323 B 幅: 24  |  高さ: 24  |  サイズ: 246 B

バイナリ
src/assets/img/ft.png ファイルの表示

変更前 変更後
幅: 24  |  高さ: 24  |  サイズ: 668 B 幅: 24  |  高さ: 24  |  サイズ: 436 B

バイナリ
src/assets/img/h.png ファイルの表示

変更前 変更後
幅: 23  |  高さ: 23  |  サイズ: 430 B 幅: 23  |  高さ: 23  |  サイズ: 296 B

バイナリ
src/assets/img/introduce_1.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 874 KiB 幅: 1920  |  高さ: 1080  |  サイズ: 415 KiB

バイナリ
src/assets/img/introduce_10.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 300  |  サイズ: 126 KiB 幅: 300  |  高さ: 300  |  サイズ: 37 KiB

バイナリ
src/assets/img/introduce_11.png ファイルの表示

変更前 変更後
幅: 680  |  高さ: 383  |  サイズ: 243 KiB 幅: 680  |  高さ: 383  |  サイズ: 85 KiB

バイナリ
src/assets/img/introduce_1_1.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 1.4 MiB 幅: 1920  |  高さ: 1080  |  サイズ: 502 KiB

バイナリ
src/assets/img/introduce_1_2.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 8.8 KiB 幅: 300  |  高さ: 520  |  サイズ: 3.2 KiB

バイナリ
src/assets/img/introduce_1_3.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 138 KiB 幅: 300  |  高さ: 520  |  サイズ: 62 KiB

バイナリ
src/assets/img/introduce_1_4.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 131 KiB 幅: 300  |  高さ: 520  |  サイズ: 53 KiB

バイナリ
src/assets/img/introduce_1_5.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 145 KiB 幅: 300  |  高さ: 520  |  サイズ: 58 KiB

バイナリ
src/assets/img/introduce_1_6.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 943 KiB 幅: 1920  |  高さ: 1080  |  サイズ: 298 KiB

バイナリ
src/assets/img/introduce_2.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 74 KiB 幅: 300  |  高さ: 520  |  サイズ: 30 KiB

バイナリ
src/assets/img/introduce_2_1.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 954 KiB 幅: 1920  |  高さ: 1080  |  サイズ: 317 KiB

バイナリ
src/assets/img/introduce_2_2.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 227 KiB 幅: 300  |  高さ: 520  |  サイズ: 89 KiB

バイナリ
src/assets/img/introduce_2_3.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 85 KiB 幅: 300  |  高さ: 520  |  サイズ: 41 KiB

バイナリ
src/assets/img/introduce_2_4.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 190 KiB 幅: 300  |  高さ: 520  |  サイズ: 70 KiB

バイナリ
src/assets/img/introduce_2_5.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 145 KiB 幅: 300  |  高さ: 520  |  サイズ: 57 KiB

バイナリ
src/assets/img/introduce_2_6.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 448 KiB 幅: 1920  |  高さ: 1080  |  サイズ: 182 KiB

バイナリ
src/assets/img/introduce_3_1.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 1.8 MiB 幅: 1920  |  高さ: 1080  |  サイズ: 723 KiB

バイナリ
src/assets/img/introduce_3_2.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 154 KiB 幅: 300  |  高さ: 520  |  サイズ: 64 KiB

バイナリ
src/assets/img/introduce_3_3.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 144 KiB 幅: 300  |  高さ: 520  |  サイズ: 58 KiB

バイナリ
src/assets/img/introduce_3_4.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 149 KiB 幅: 300  |  高さ: 520  |  サイズ: 62 KiB

バイナリ
src/assets/img/introduce_3_5.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 152 KiB 幅: 300  |  高さ: 520  |  サイズ: 60 KiB

バイナリ
src/assets/img/introduce_3_6.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 1.0 MiB 幅: 1920  |  高さ: 1080  |  サイズ: 445 KiB

バイナリ
src/assets/img/introduce_5.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 520  |  サイズ: 211 KiB 幅: 300  |  高さ: 520  |  サイズ: 79 KiB

バイナリ
src/assets/img/introduce_7.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 300  |  サイズ: 91 KiB 幅: 300  |  高さ: 300  |  サイズ: 28 KiB

バイナリ
src/assets/img/introduce_8.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 300  |  サイズ: 100 KiB 幅: 300  |  高さ: 300  |  サイズ: 28 KiB

バイナリ
src/assets/img/introduce_9.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 300  |  サイズ: 127 KiB 幅: 300  |  高さ: 300  |  サイズ: 35 KiB

バイナリ
src/assets/img/logo.png ファイルの表示

変更前 変更後
幅: 60  |  高さ: 30  |  サイズ: 2.5 KiB 幅: 60  |  高さ: 30  |  サイズ: 1.3 KiB

バイナリ
src/assets/img/me.png ファイルの表示

変更前 変更後
幅: 724  |  高さ: 530  |  サイズ: 621 KiB 幅: 724  |  高さ: 530  |  サイズ: 232 KiB

バイナリ
src/assets/img/module_3_1.png ファイルの表示

変更前 変更後
幅: 950  |  高さ: 579  |  サイズ: 135 KiB 幅: 950  |  高さ: 579  |  サイズ: 53 KiB

バイナリ
src/assets/img/module_3_2.png ファイルの表示

変更前 変更後
幅: 950  |  高さ: 579  |  サイズ: 349 KiB 幅: 950  |  高さ: 579  |  サイズ: 131 KiB

バイナリ
src/assets/img/module_5_bg.png ファイルの表示

変更前 変更後
幅: 1333  |  高さ: 850  |  サイズ: 452 KiB 幅: 1333  |  高さ: 850  |  サイズ: 240 KiB

バイナリ
src/assets/img/module_5_bg1.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1076  |  サイズ: 551 KiB 幅: 1920  |  高さ: 1076  |  サイズ: 182 KiB

バイナリ
src/assets/img/module_5_bg2.png ファイルの表示

変更前 変更後
幅: 584  |  高さ: 868  |  サイズ: 363 KiB 幅: 584  |  高さ: 868  |  サイズ: 161 KiB

バイナリ
src/assets/img/module_7_bg.png ファイルの表示

変更前 変更後
幅: 775  |  高さ: 990  |  サイズ: 526 KiB 幅: 775  |  高さ: 990  |  サイズ: 147 KiB

バイナリ
src/assets/img/myS.png ファイルの表示

変更前 変更後
幅: 695  |  高さ: 568  |  サイズ: 494 KiB 幅: 695  |  高さ: 568  |  サイズ: 191 KiB

バイナリ
src/assets/img/my_1.png ファイルの表示

変更前 変更後
幅: 1280  |  高さ: 376  |  サイズ: 652 KiB 幅: 1280  |  高さ: 376  |  サイズ: 197 KiB

バイナリ
src/assets/img/o.png ファイルの表示

変更前 変更後
幅: 25  |  高さ: 25  |  サイズ: 616 B 幅: 25  |  高さ: 25  |  サイズ: 355 B

バイナリ
src/assets/img/partner.png ファイルの表示

変更前 変更後
幅: 182  |  高さ: 66  |  サイズ: 11 KiB 幅: 182  |  高さ: 66  |  サイズ: 4.6 KiB

バイナリ
src/assets/img/partner1.png ファイルの表示

変更前 変更後
幅: 400  |  高さ: 200  |  サイズ: 16 KiB 幅: 400  |  高さ: 200  |  サイズ: 6.0 KiB

バイナリ
src/assets/img/partner2.png ファイルの表示

変更前 変更後
幅: 400  |  高さ: 200  |  サイズ: 46 KiB 幅: 400  |  高さ: 200  |  サイズ: 22 KiB

バイナリ
src/assets/img/partner3.png ファイルの表示

変更前 変更後
幅: 400  |  高さ: 200  |  サイズ: 45 KiB 幅: 400  |  高さ: 200  |  サイズ: 20 KiB

バイナリ
src/assets/img/partner4.png ファイルの表示

変更前 変更後
幅: 400  |  高さ: 200  |  サイズ: 38 KiB 幅: 400  |  高さ: 200  |  サイズ: 14 KiB

バイナリ
src/assets/img/partner5.png ファイルの表示

変更前 変更後
幅: 400  |  高さ: 200  |  サイズ: 34 KiB 幅: 400  |  高さ: 200  |  サイズ: 15 KiB

バイナリ
src/assets/img/product_1.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 378 KiB 幅: 1920  |  高さ: 1080  |  サイズ: 81 KiB

バイナリ
src/assets/img/product_1_2.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 3.2 MiB 幅: 1920  |  高さ: 1080  |  サイズ: 1005 KiB

バイナリ
src/assets/img/product_1_3.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 300  |  サイズ: 106 KiB 幅: 300  |  高さ: 300  |  サイズ: 44 KiB

バイナリ
src/assets/img/product_1_4.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 300  |  サイズ: 129 KiB 幅: 300  |  高さ: 300  |  サイズ: 52 KiB

バイナリ
src/assets/img/product_1_5.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 300  |  サイズ: 109 KiB 幅: 300  |  高さ: 300  |  サイズ: 38 KiB

バイナリ
src/assets/img/product_1_6.png ファイルの表示

変更前 変更後
幅: 300  |  高さ: 300  |  サイズ: 72 KiB 幅: 300  |  高さ: 300  |  サイズ: 32 KiB

バイナリ
src/assets/img/product_2_2.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 1.6 MiB 幅: 1920  |  高さ: 1080  |  サイズ: 420 KiB

バイナリ
src/assets/img/product_2_3.png ファイルの表示

変更前 変更後
幅: 240  |  高さ: 240  |  サイズ: 48 KiB 幅: 240  |  高さ: 240  |  サイズ: 15 KiB

バイナリ
src/assets/img/product_2_4.png ファイルの表示

変更前 変更後
幅: 240  |  高さ: 240  |  サイズ: 70 KiB 幅: 240  |  高さ: 240  |  サイズ: 27 KiB

バイナリ
src/assets/img/product_2_5.png ファイルの表示

変更前 変更後
幅: 240  |  高さ: 240  |  サイズ: 58 KiB 幅: 240  |  高さ: 240  |  サイズ: 23 KiB

バイナリ
src/assets/img/product_2_6.png ファイルの表示

変更前 変更後
幅: 240  |  高さ: 240  |  サイズ: 84 KiB 幅: 240  |  高さ: 240  |  サイズ: 33 KiB

バイナリ
src/assets/img/product_2_7.png ファイルの表示

変更前 変更後
幅: 240  |  高さ: 240  |  サイズ: 72 KiB 幅: 240  |  高さ: 240  |  サイズ: 38 KiB

バイナリ
src/assets/img/product_2_8.png ファイルの表示

変更前 変更後
幅: 240  |  高さ: 240  |  サイズ: 78 KiB 幅: 240  |  高さ: 240  |  サイズ: 33 KiB

バイナリ
src/assets/img/t.png ファイルの表示

変更前 変更後
幅: 32  |  高さ: 32  |  サイズ: 520 B 幅: 32  |  高さ: 32  |  サイズ: 261 B

バイナリ
src/assets/img/technology_1.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 704 KiB 幅: 1920  |  高さ: 1080  |  サイズ: 568 KiB

バイナリ
src/assets/img/technology_2.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 660 KiB 幅: 1920  |  高さ: 1080  |  サイズ: 594 KiB

バイナリ
src/assets/img/technology_3.png ファイルの表示

変更前 変更後
幅: 505  |  高さ: 505  |  サイズ: 333 KiB 幅: 505  |  高さ: 505  |  サイズ: 143 KiB

バイナリ
src/assets/img/tiktok.png ファイルの表示

変更前 変更後
幅: 640  |  高さ: 640  |  サイズ: 24 KiB 幅: 640  |  高さ: 640  |  サイズ: 8.3 KiB

バイナリ
src/assets/img/vd.png ファイルの表示

変更前 変更後
幅: 1920  |  高さ: 1080  |  サイズ: 1.7 MiB 幅: 1920  |  高さ: 1080  |  サイズ: 614 KiB

バイナリ
src/assets/img/wechat.png ファイルの表示

変更前 変更後
幅: 640  |  高さ: 640  |  サイズ: 23 KiB 幅: 640  |  高さ: 640  |  サイズ: 7.0 KiB

バイナリ
src/assets/img/x.png ファイルの表示

変更前 変更後
幅: 24  |  高さ: 24  |  サイズ: 985 B 幅: 24  |  高さ: 24  |  サイズ: 542 B

バイナリ
src/assets/img/xia.png ファイルの表示

変更前 変更後
幅: 15  |  高さ: 8  |  サイズ: 1.1 KiB 幅: 15  |  高さ: 8  |  サイズ: 150 B

+ 112
- 0
src/components/contactUs/index.vue ファイルの表示

@@ -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 ファイルの表示

@@ -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 ファイルの表示

@@ -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 ファイルの表示

@@ -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 ファイルの表示

@@ -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)


読み込み中…
キャンセル
保存