Browse Source

压缩图片

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

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


+ 0
- 7
src/App.vue View File

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


BIN
src/assets/img/LOGO1.png View File

Before After
Width: 240  |  Height: 65  |  Size: 3.0 KiB Width: 240  |  Height: 65  |  Size: 2.4 KiB

BIN
src/assets/img/a.png View File

Before After
Width: 23  |  Height: 23  |  Size: 426 B Width: 23  |  Height: 23  |  Size: 303 B

BIN
src/assets/img/b.png View File

Before After
Width: 32  |  Height: 32  |  Size: 637 B Width: 32  |  Height: 32  |  Size: 325 B

BIN
src/assets/img/bg.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.4 MiB Width: 1920  |  Height: 1080  |  Size: 601 KiB

BIN
src/assets/img/carousel1.png View File

Before After
Width: 480  |  Height: 600  |  Size: 253 KiB Width: 480  |  Height: 600  |  Size: 88 KiB

BIN
src/assets/img/carousel2.png View File

Before After
Width: 540  |  Height: 675  |  Size: 399 KiB Width: 540  |  Height: 675  |  Size: 150 KiB

BIN
src/assets/img/carousel3.png View File

Before After
Width: 480  |  Height: 600  |  Size: 247 KiB Width: 480  |  Height: 600  |  Size: 97 KiB

BIN
src/assets/img/case_1.png View File

Before After
Width: 1280  |  Height: 517  |  Size: 388 KiB Width: 1280  |  Height: 517  |  Size: 180 KiB

BIN
src/assets/img/case_2.png View File

Before After
Width: 1280  |  Height: 517  |  Size: 471 KiB Width: 1280  |  Height: 517  |  Size: 186 KiB

BIN
src/assets/img/case_3.png View File

Before After
Width: 1280  |  Height: 517  |  Size: 263 KiB Width: 1280  |  Height: 517  |  Size: 116 KiB

BIN
src/assets/img/cn.jpeg View File

Before After
Width: 1080  |  Height: 720  |  Size: 12 KiB Width: 1080  |  Height: 720  |  Size: 11 KiB

BIN
src/assets/img/demo_1.png View File

Before After
Width: 320  |  Height: 320  |  Size: 140 KiB Width: 320  |  Height: 320  |  Size: 50 KiB

BIN
src/assets/img/demo_2.png View File

Before After
Width: 320  |  Height: 320  |  Size: 57 KiB Width: 320  |  Height: 320  |  Size: 22 KiB

BIN
src/assets/img/demo_3.png View File

Before After
Width: 320  |  Height: 320  |  Size: 116 KiB Width: 320  |  Height: 320  |  Size: 42 KiB

BIN
src/assets/img/demo_4.png View File

Before After
Width: 320  |  Height: 320  |  Size: 86 KiB Width: 320  |  Height: 320  |  Size: 39 KiB

BIN
src/assets/img/demo_5.png View File

Before After
Width: 320  |  Height: 320  |  Size: 120 KiB Width: 320  |  Height: 320  |  Size: 46 KiB

BIN
src/assets/img/demo_6.png View File

Before After
Width: 320  |  Height: 320  |  Size: 124 KiB Width: 320  |  Height: 320  |  Size: 56 KiB

BIN
src/assets/img/demo_7.png View File

Before After
Width: 320  |  Height: 320  |  Size: 107 KiB Width: 320  |  Height: 320  |  Size: 43 KiB

BIN
src/assets/img/demo_8.png View File

Before After
Width: 320  |  Height: 320  |  Size: 125 KiB Width: 320  |  Height: 320  |  Size: 38 KiB

BIN
src/assets/img/en.jpg View File

Before After
Width: 1422  |  Height: 800  |  Size: 63 KiB Width: 1422  |  Height: 800  |  Size: 46 KiB

BIN
src/assets/img/f.png View File

Before After
Width: 24  |  Height: 24  |  Size: 323 B Width: 24  |  Height: 24  |  Size: 246 B

BIN
src/assets/img/ft.png View File

Before After
Width: 24  |  Height: 24  |  Size: 668 B Width: 24  |  Height: 24  |  Size: 436 B

BIN
src/assets/img/h.png View File

Before After
Width: 23  |  Height: 23  |  Size: 430 B Width: 23  |  Height: 23  |  Size: 296 B

BIN
src/assets/img/introduce_1.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 874 KiB Width: 1920  |  Height: 1080  |  Size: 415 KiB

BIN
src/assets/img/introduce_10.png View File

Before After
Width: 300  |  Height: 300  |  Size: 126 KiB Width: 300  |  Height: 300  |  Size: 37 KiB

BIN
src/assets/img/introduce_11.png View File

Before After
Width: 680  |  Height: 383  |  Size: 243 KiB Width: 680  |  Height: 383  |  Size: 85 KiB

BIN
src/assets/img/introduce_1_1.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.4 MiB Width: 1920  |  Height: 1080  |  Size: 502 KiB

BIN
src/assets/img/introduce_1_2.png View File

Before After
Width: 300  |  Height: 520  |  Size: 8.8 KiB Width: 300  |  Height: 520  |  Size: 3.2 KiB

BIN
src/assets/img/introduce_1_3.png View File

Before After
Width: 300  |  Height: 520  |  Size: 138 KiB Width: 300  |  Height: 520  |  Size: 62 KiB

BIN
src/assets/img/introduce_1_4.png View File

Before After
Width: 300  |  Height: 520  |  Size: 131 KiB Width: 300  |  Height: 520  |  Size: 53 KiB

BIN
src/assets/img/introduce_1_5.png View File

Before After
Width: 300  |  Height: 520  |  Size: 145 KiB Width: 300  |  Height: 520  |  Size: 58 KiB

BIN
src/assets/img/introduce_1_6.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 943 KiB Width: 1920  |  Height: 1080  |  Size: 298 KiB

BIN
src/assets/img/introduce_2.png View File

Before After
Width: 300  |  Height: 520  |  Size: 74 KiB Width: 300  |  Height: 520  |  Size: 30 KiB

BIN
src/assets/img/introduce_2_1.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 954 KiB Width: 1920  |  Height: 1080  |  Size: 317 KiB

BIN
src/assets/img/introduce_2_2.png View File

Before After
Width: 300  |  Height: 520  |  Size: 227 KiB Width: 300  |  Height: 520  |  Size: 89 KiB

BIN
src/assets/img/introduce_2_3.png View File

Before After
Width: 300  |  Height: 520  |  Size: 85 KiB Width: 300  |  Height: 520  |  Size: 41 KiB

BIN
src/assets/img/introduce_2_4.png View File

Before After
Width: 300  |  Height: 520  |  Size: 190 KiB Width: 300  |  Height: 520  |  Size: 70 KiB

BIN
src/assets/img/introduce_2_5.png View File

Before After
Width: 300  |  Height: 520  |  Size: 145 KiB Width: 300  |  Height: 520  |  Size: 57 KiB

BIN
src/assets/img/introduce_2_6.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 448 KiB Width: 1920  |  Height: 1080  |  Size: 182 KiB

BIN
src/assets/img/introduce_3_1.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.8 MiB Width: 1920  |  Height: 1080  |  Size: 723 KiB

BIN
src/assets/img/introduce_3_2.png View File

Before After
Width: 300  |  Height: 520  |  Size: 154 KiB Width: 300  |  Height: 520  |  Size: 64 KiB

BIN
src/assets/img/introduce_3_3.png View File

Before After
Width: 300  |  Height: 520  |  Size: 144 KiB Width: 300  |  Height: 520  |  Size: 58 KiB

BIN
src/assets/img/introduce_3_4.png View File

Before After
Width: 300  |  Height: 520  |  Size: 149 KiB Width: 300  |  Height: 520  |  Size: 62 KiB

BIN
src/assets/img/introduce_3_5.png View File

Before After
Width: 300  |  Height: 520  |  Size: 152 KiB Width: 300  |  Height: 520  |  Size: 60 KiB

BIN
src/assets/img/introduce_3_6.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.0 MiB Width: 1920  |  Height: 1080  |  Size: 445 KiB

BIN
src/assets/img/introduce_5.png View File

Before After
Width: 300  |  Height: 520  |  Size: 211 KiB Width: 300  |  Height: 520  |  Size: 79 KiB

BIN
src/assets/img/introduce_7.png View File

Before After
Width: 300  |  Height: 300  |  Size: 91 KiB Width: 300  |  Height: 300  |  Size: 28 KiB

BIN
src/assets/img/introduce_8.png View File

Before After
Width: 300  |  Height: 300  |  Size: 100 KiB Width: 300  |  Height: 300  |  Size: 28 KiB

BIN
src/assets/img/introduce_9.png View File

Before After
Width: 300  |  Height: 300  |  Size: 127 KiB Width: 300  |  Height: 300  |  Size: 35 KiB

BIN
src/assets/img/logo.png View File

Before After
Width: 60  |  Height: 30  |  Size: 2.5 KiB Width: 60  |  Height: 30  |  Size: 1.3 KiB

BIN
src/assets/img/me.png View File

Before After
Width: 724  |  Height: 530  |  Size: 621 KiB Width: 724  |  Height: 530  |  Size: 232 KiB

BIN
src/assets/img/module_3_1.png View File

Before After
Width: 950  |  Height: 579  |  Size: 135 KiB Width: 950  |  Height: 579  |  Size: 53 KiB

BIN
src/assets/img/module_3_2.png View File

Before After
Width: 950  |  Height: 579  |  Size: 349 KiB Width: 950  |  Height: 579  |  Size: 131 KiB

BIN
src/assets/img/module_5_bg.png View File

Before After
Width: 1333  |  Height: 850  |  Size: 452 KiB Width: 1333  |  Height: 850  |  Size: 240 KiB

BIN
src/assets/img/module_5_bg1.png View File

Before After
Width: 1920  |  Height: 1076  |  Size: 551 KiB Width: 1920  |  Height: 1076  |  Size: 182 KiB

BIN
src/assets/img/module_5_bg2.png View File

Before After
Width: 584  |  Height: 868  |  Size: 363 KiB Width: 584  |  Height: 868  |  Size: 161 KiB

BIN
src/assets/img/module_7_bg.png View File

Before After
Width: 775  |  Height: 990  |  Size: 526 KiB Width: 775  |  Height: 990  |  Size: 147 KiB

BIN
src/assets/img/myS.png View File

Before After
Width: 695  |  Height: 568  |  Size: 494 KiB Width: 695  |  Height: 568  |  Size: 191 KiB

BIN
src/assets/img/my_1.png View File

Before After
Width: 1280  |  Height: 376  |  Size: 652 KiB Width: 1280  |  Height: 376  |  Size: 197 KiB

BIN
src/assets/img/o.png View File

Before After
Width: 25  |  Height: 25  |  Size: 616 B Width: 25  |  Height: 25  |  Size: 355 B

BIN
src/assets/img/partner.png View File

Before After
Width: 182  |  Height: 66  |  Size: 11 KiB Width: 182  |  Height: 66  |  Size: 4.6 KiB

BIN
src/assets/img/partner1.png View File

Before After
Width: 400  |  Height: 200  |  Size: 16 KiB Width: 400  |  Height: 200  |  Size: 6.0 KiB

BIN
src/assets/img/partner2.png View File

Before After
Width: 400  |  Height: 200  |  Size: 46 KiB Width: 400  |  Height: 200  |  Size: 22 KiB

BIN
src/assets/img/partner3.png View File

Before After
Width: 400  |  Height: 200  |  Size: 45 KiB Width: 400  |  Height: 200  |  Size: 20 KiB

BIN
src/assets/img/partner4.png View File

Before After
Width: 400  |  Height: 200  |  Size: 38 KiB Width: 400  |  Height: 200  |  Size: 14 KiB

BIN
src/assets/img/partner5.png View File

Before After
Width: 400  |  Height: 200  |  Size: 34 KiB Width: 400  |  Height: 200  |  Size: 15 KiB

BIN
src/assets/img/product_1.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 378 KiB Width: 1920  |  Height: 1080  |  Size: 81 KiB

BIN
src/assets/img/product_1_2.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 3.2 MiB Width: 1920  |  Height: 1080  |  Size: 1005 KiB

BIN
src/assets/img/product_1_3.png View File

Before After
Width: 300  |  Height: 300  |  Size: 106 KiB Width: 300  |  Height: 300  |  Size: 44 KiB

BIN
src/assets/img/product_1_4.png View File

Before After
Width: 300  |  Height: 300  |  Size: 129 KiB Width: 300  |  Height: 300  |  Size: 52 KiB

BIN
src/assets/img/product_1_5.png View File

Before After
Width: 300  |  Height: 300  |  Size: 109 KiB Width: 300  |  Height: 300  |  Size: 38 KiB

BIN
src/assets/img/product_1_6.png View File

Before After
Width: 300  |  Height: 300  |  Size: 72 KiB Width: 300  |  Height: 300  |  Size: 32 KiB

BIN
src/assets/img/product_2_2.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.6 MiB Width: 1920  |  Height: 1080  |  Size: 420 KiB

BIN
src/assets/img/product_2_3.png View File

Before After
Width: 240  |  Height: 240  |  Size: 48 KiB Width: 240  |  Height: 240  |  Size: 15 KiB

BIN
src/assets/img/product_2_4.png View File

Before After
Width: 240  |  Height: 240  |  Size: 70 KiB Width: 240  |  Height: 240  |  Size: 27 KiB

BIN
src/assets/img/product_2_5.png View File

Before After
Width: 240  |  Height: 240  |  Size: 58 KiB Width: 240  |  Height: 240  |  Size: 23 KiB

BIN
src/assets/img/product_2_6.png View File

Before After
Width: 240  |  Height: 240  |  Size: 84 KiB Width: 240  |  Height: 240  |  Size: 33 KiB

BIN
src/assets/img/product_2_7.png View File

Before After
Width: 240  |  Height: 240  |  Size: 72 KiB Width: 240  |  Height: 240  |  Size: 38 KiB

BIN
src/assets/img/product_2_8.png View File

Before After
Width: 240  |  Height: 240  |  Size: 78 KiB Width: 240  |  Height: 240  |  Size: 33 KiB

BIN
src/assets/img/t.png View File

Before After
Width: 32  |  Height: 32  |  Size: 520 B Width: 32  |  Height: 32  |  Size: 261 B

BIN
src/assets/img/technology_1.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 704 KiB Width: 1920  |  Height: 1080  |  Size: 568 KiB

BIN
src/assets/img/technology_2.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 660 KiB Width: 1920  |  Height: 1080  |  Size: 594 KiB

BIN
src/assets/img/technology_3.png View File

Before After
Width: 505  |  Height: 505  |  Size: 333 KiB Width: 505  |  Height: 505  |  Size: 143 KiB

BIN
src/assets/img/tiktok.png View File

Before After
Width: 640  |  Height: 640  |  Size: 24 KiB Width: 640  |  Height: 640  |  Size: 8.3 KiB

BIN
src/assets/img/vd.png View File

Before After
Width: 1920  |  Height: 1080  |  Size: 1.7 MiB Width: 1920  |  Height: 1080  |  Size: 614 KiB

BIN
src/assets/img/wechat.png View File

Before After
Width: 640  |  Height: 640  |  Size: 23 KiB Width: 640  |  Height: 640  |  Size: 7.0 KiB

BIN
src/assets/img/x.png View File

Before After
Width: 24  |  Height: 24  |  Size: 985 B Width: 24  |  Height: 24  |  Size: 542 B

BIN
src/assets/img/xia.png View File

Before After
Width: 15  |  Height: 8  |  Size: 1.1 KiB Width: 15  |  Height: 8  |  Size: 150 B

+ 112
- 0
src/components/contactUs/index.vue View File

@@ -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 View File

@@ -6,7 +6,7 @@
<div class="top_ct"> <div class="top_ct">
<h6>{{ introduce[id][characters].title }}</h6> <h6>{{ introduce[id][characters].title }}</h6>
<p>{{ introduce[id][characters].desc }}</p> <p>{{ introduce[id][characters].desc }}</p>
<span>{{ introduce[id][characters].btn }}</span>
<span @click="dialogVisible = true">{{ introduce[id][characters].btn }}</span>
</div> </div>
</div> </div>
<div class="ct_1"> <div class="ct_1">
@@ -37,10 +37,18 @@
<p>{{introduce[id][characters].ct4.desc}}</p> <p>{{introduce[id][characters].ct4.desc}}</p>
<img src="@/assets/img/introduce_11.png" alt=""> <img src="@/assets/img/introduce_11.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> </div>
</template> </template>
<script> <script>
import { mapState } from 'vuex' import { mapState } from 'vuex'
import contactUs from '../contactUs'
export default { export default {
data() { data() {
return { return {
@@ -298,9 +306,13 @@ export default {
} }
} }
}, },
id: this.$route.params.id
id: this.$route.params.id,
dialogVisible: false
} }
}, },
components: {
contactUs
},
computed: { computed: {
...mapState({ ...mapState({
characters: state => state.publicObj.characters characters: state => state.publicObj.characters
@@ -313,6 +325,11 @@ export default {
this.id = new_value.id this.id = new_value.id
}, },
} }
},
methods: {
close() {
this.dialogVisible = false
}
} }
} }
</script> </script>


+ 19
- 1
src/components/product/index.vue View File

@@ -5,7 +5,7 @@
<div class="top_ct"> <div class="top_ct">
<h6 v-html="product[id][characters].title"></h6> <h6 v-html="product[id][characters].title"></h6>
<p>{{ product[id][characters].desc }}</p> <p>{{ product[id][characters].desc }}</p>
<span>{{ product[id][characters].btn }}</span>
<span @click="dialogVisible = true">{{ product[id][characters].btn }}</span>
</div> </div>
</div> </div>
<div class="ct_2"> <div class="ct_2">
@@ -20,13 +20,26 @@
</div> </div>
</div> </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> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import contactUs from '../contactUs'

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


+ 18
- 1
src/components/technology/index.vue View File

@@ -6,7 +6,7 @@
<div class="top_ct"> <div class="top_ct">
<h6>{{ technology[characters].title }}</h6> <h6>{{ technology[characters].title }}</h6>
<p>{{ technology[characters].desc }}</p> <p>{{ technology[characters].desc }}</p>
<span>{{ technology[characters].btn }}</span>
<span @click="dialogVisible = true">{{ technology[characters].btn }}</span>
</div> </div>
</div> </div>
<div class="content"> <div class="content">
@@ -17,13 +17,25 @@
<img src="@/assets/img/technology_3.png" alt=""> <img src="@/assets/img/technology_3.png" alt="">
</div> </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> </div>
</template> </template>
<script> <script>
import { mapState } from 'vuex' import { mapState } from 'vuex'
import contactUs from '../contactUs'
export default { export default {
components: {
contactUs
},
data() { data() {
return { return {
dialogVisible: false,
technology: { technology: {
1: { 1: {
title: 'MetaGene Avater技术', title: 'MetaGene Avater技术',
@@ -46,6 +58,11 @@ export default {
...mapState({ ...mapState({
characters: state => state.publicObj.characters characters: state => state.publicObj.characters
}) })
},
methods: {
close() {
this.dialogVisible = false
}
} }
} }
</script> </script>


+ 1
- 7
vue.config.js View File

@@ -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') const path = require('path')
function resolve(dir) { function resolve(dir) {
return path.join(__dirname, dir) return path.join(__dirname, dir)


Loading…
Cancel
Save