浏览代码

压缩图片

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)


正在加载...
取消
保存