chutingting pirms 2 gadiem
vecāks
revīzija
9547e36a5a
29 mainītis faili ar 570 papildinājumiem un 410 dzēšanām
  1. +19
    -309
      package-lock.json
  2. +0
    -1
      package.json
  3. Binārs
      src/assets/img/introduce_1_1.png
  4. Binārs
      src/assets/img/introduce_1_2.png
  5. Binārs
      src/assets/img/introduce_1_3.png
  6. Binārs
      src/assets/img/introduce_1_4.png
  7. Binārs
      src/assets/img/introduce_1_5.png
  8. Binārs
      src/assets/img/introduce_1_6.png
  9. Binārs
      src/assets/img/introduce_2_1.png
  10. Binārs
      src/assets/img/introduce_2_2.png
  11. Binārs
      src/assets/img/introduce_2_3.png
  12. Binārs
      src/assets/img/introduce_2_4.png
  13. Binārs
      src/assets/img/introduce_2_5.png
  14. Binārs
      src/assets/img/introduce_2_6.png
  15. Binārs
      src/assets/img/introduce_3.png
  16. Binārs
      src/assets/img/introduce_3_1.png
  17. Binārs
      src/assets/img/introduce_3_2.png
  18. Binārs
      src/assets/img/introduce_3_3.png
  19. Binārs
      src/assets/img/introduce_3_4.png
  20. Binārs
      src/assets/img/introduce_3_5.png
  21. Binārs
      src/assets/img/introduce_3_6.png
  22. Binārs
      src/assets/img/introduce_4.png
  23. Binārs
      src/assets/img/introduce_5.png
  24. +87
    -18
      src/components/common/top.vue
  25. +8
    -8
      src/components/home/home.vue
  26. +267
    -62
      src/components/introduce/index.vue
  27. +163
    -0
      src/components/styleAdd/index.vue
  28. +9
    -2
      src/router/index.js
  29. +17
    -10
      vue.config.js

+ 19
- 309
package-lock.json Parādīt failu

@@ -457,17 +457,6 @@
"integrity": "sha512-GdxvNSmOw7NHIazCO8gTK+xZbaOmScTtxj6eHVeMbYpDYVPJ+th3VMLWNpw/b6uOjwzzcyKlA5dRQ1DAb+gF/g==",
"dev": true
},
"@vue/cli-plugin-pwa": {
"version": "4.5.19",
"resolved": "https://registry.npmmirror.com/@vue/cli-plugin-pwa/-/cli-plugin-pwa-4.5.19.tgz",
"integrity": "sha512-3WLmI+ky1xejrvBK6mPiu3du16iZDOF/OHV0EDgdwuBPmmg6w4TvV0Ho4iWMK+BWY68qxIadhqX23JvFfFLvOg==",
"dev": true,
"requires": {
"@vue/cli-shared-utils": "^4.5.19",
"webpack": "^4.0.0",
"workbox-webpack-plugin": "^4.3.1"
}
},
"@vue/cli-plugin-router": {
"version": "4.5.19",
"resolved": "https://registry.npmmirror.com/@vue/cli-plugin-router/-/cli-plugin-router-4.5.19.tgz",
@@ -1367,36 +1356,11 @@
}
}
},
"babel-extract-comments": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/babel-extract-comments/-/babel-extract-comments-1.0.0.tgz",
"integrity": "sha512-qWWzi4TlddohA91bFwgt6zO/J0X+io7Qp184Fw0m2JYRSTZnJbFR8+07KmzudHCZgOiKRCrjhylwv9Xd8gfhVQ==",
"dev": true,
"requires": {
"babylon": "^6.18.0"
}
},
"babel-helper-vue-jsx-merge-props": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
},
"babel-plugin-syntax-object-rest-spread": {
"version": "6.13.0",
"resolved": "https://registry.npmmirror.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
"integrity": "sha512-C4Aq+GaAj83pRQ0EFgTvw5YO6T3Qz2KGrNRwIj9mSoNHVvdZY4KO2uA6HNtNXCw993iSZnckY1aLW8nOi8i4+w==",
"dev": true
},
"babel-plugin-transform-object-rest-spread": {
"version": "6.26.0",
"resolved": "https://registry.npmmirror.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz",
"integrity": "sha512-ocgA9VJvyxwt+qJB0ncxV8kb/CjfTcECUY4tQ5VT7nP6Aohzobm8CDFaQ5FHdvZQzLmf0sgDxB8iRXZXxwZcyA==",
"dev": true,
"requires": {
"babel-plugin-syntax-object-rest-spread": "^6.8.0",
"babel-runtime": "^6.26.0"
}
},
"babel-runtime": {
"version": "6.26.0",
"resolved": "https://registry.npmmirror.com/babel-runtime/-/babel-runtime-6.26.0.tgz",
@@ -1413,12 +1377,6 @@
}
}
},
"babylon": {
"version": "6.18.0",
"resolved": "https://registry.npmmirror.com/babylon/-/babylon-6.18.0.tgz",
"integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==",
"dev": true
},
"balanced-match": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1525,6 +1483,16 @@
"dev": true,
"optional": true
},
"bindings": {
"version": "1.5.0",
"resolved": "https://registry.npmmirror.com/bindings/-/bindings-1.5.0.tgz",
"integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
"dev": true,
"optional": true,
"requires": {
"file-uri-to-path": "1.0.0"
}
},
"block-stream": {
"version": "0.0.9",
"resolved": "https://registry.npmmirror.com/block-stream/-/block-stream-0.0.9.tgz",
@@ -2406,12 +2374,6 @@
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
"dev": true
},
"common-tags": {
"version": "1.8.2",
"resolved": "https://registry.npmmirror.com/common-tags/-/common-tags-1.8.2.tgz",
"integrity": "sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==",
"dev": true
},
"commondir": {
"version": "1.0.1",
"resolved": "https://registry.npmmirror.com/commondir/-/commondir-1.0.1.tgz",
@@ -4061,6 +4023,13 @@
}
}
},
"file-uri-to-path": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
"integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
"dev": true,
"optional": true
},
"filesize": {
"version": "3.6.1",
"resolved": "https://registry.npmmirror.com/filesize/-/filesize-3.6.1.tgz",
@@ -4194,17 +4163,6 @@
"readable-stream": "^2.0.0"
}
},
"fs-extra": {
"version": "4.0.3",
"resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-4.0.3.tgz",
"integrity": "sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==",
"dev": true,
"requires": {
"graceful-fs": "^4.1.2",
"jsonfile": "^4.0.0",
"universalify": "^0.1.0"
}
},
"fs-write-stream-atomic": {
"version": "1.0.10",
"resolved": "https://registry.npmmirror.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz",
@@ -4344,12 +4302,6 @@
"has-symbols": "^1.0.3"
}
},
"get-own-enumerable-property-symbols": {
"version": "3.0.2",
"resolved": "https://registry.npmmirror.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz",
"integrity": "sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==",
"dev": true
},
"get-stdin": {
"version": "4.0.1",
"resolved": "https://registry.npmmirror.com/get-stdin/-/get-stdin-4.0.1.tgz",
@@ -5396,12 +5348,6 @@
"has-tostringtag": "^1.0.0"
}
},
"is-obj": {
"version": "1.0.1",
"resolved": "https://registry.npmmirror.com/is-obj/-/is-obj-1.0.1.tgz",
"integrity": "sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==",
"dev": true
},
"is-path-cwd": {
"version": "2.2.0",
"resolved": "https://registry.npmmirror.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
@@ -5451,12 +5397,6 @@
"has-tostringtag": "^1.0.0"
}
},
"is-regexp": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/is-regexp/-/is-regexp-1.0.0.tgz",
"integrity": "sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==",
"dev": true
},
"is-resolvable": {
"version": "1.1.0",
"resolved": "https://registry.npmmirror.com/is-resolvable/-/is-resolvable-1.1.0.tgz",
@@ -5616,15 +5556,6 @@
"integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
"dev": true
},
"json-stable-stringify": {
"version": "1.0.1",
"resolved": "https://registry.npmmirror.com/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz",
"integrity": "sha512-i/J297TW6xyj7sDFa7AmBPkQvLIxWr2kKPWI26tXydnZrzVAocNqn5DMNT1Mzk0vit1V5UkRM7C1KdVNp7Lmcg==",
"dev": true,
"requires": {
"jsonify": "~0.0.0"
}
},
"json-stringify-safe": {
"version": "5.0.1",
"resolved": "https://registry.npmmirror.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
@@ -5649,12 +5580,6 @@
"graceful-fs": "^4.1.6"
}
},
"jsonify": {
"version": "0.0.0",
"resolved": "https://registry.npmmirror.com/jsonify/-/jsonify-0.0.0.tgz",
"integrity": "sha512-trvBk1ki43VZptdBI5rIlG4YOzyeH/WefQt5rj1grasPn4iiZWKet8nkgc4GlsAylaztn0qZfUYOiTsASJFdNA==",
"dev": true
},
"jsprim": {
"version": "1.4.2",
"resolved": "https://registry.npmmirror.com/jsprim/-/jsprim-1.4.2.tgz",
@@ -5777,12 +5702,6 @@
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"lodash._reinterpolate": {
"version": "3.0.0",
"resolved": "https://registry.npmmirror.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
"integrity": "sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==",
"dev": true
},
"lodash.defaultsdeep": {
"version": "4.6.1",
"resolved": "https://registry.npmmirror.com/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz",
@@ -5801,25 +5720,6 @@
"integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
"dev": true
},
"lodash.template": {
"version": "4.5.0",
"resolved": "https://registry.npmmirror.com/lodash.template/-/lodash.template-4.5.0.tgz",
"integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==",
"dev": true,
"requires": {
"lodash._reinterpolate": "^3.0.0",
"lodash.templatesettings": "^4.0.0"
}
},
"lodash.templatesettings": {
"version": "4.2.0",
"resolved": "https://registry.npmmirror.com/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz",
"integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==",
"dev": true,
"requires": {
"lodash._reinterpolate": "^3.0.0"
}
},
"lodash.transform": {
"version": "4.6.0",
"resolved": "https://registry.npmmirror.com/lodash.transform/-/lodash.transform-4.6.0.tgz",
@@ -7786,12 +7686,6 @@
"dev": true,
"optional": true
},
"pretty-bytes": {
"version": "5.6.0",
"resolved": "https://registry.npmmirror.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
"integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==",
"dev": true
},
"pretty-error": {
"version": "2.1.2",
"resolved": "https://registry.npmmirror.com/pretty-error/-/pretty-error-2.1.2.tgz",
@@ -9453,17 +9347,6 @@
}
}
},
"stringify-object": {
"version": "3.3.0",
"resolved": "https://registry.npmmirror.com/stringify-object/-/stringify-object-3.3.0.tgz",
"integrity": "sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==",
"dev": true,
"requires": {
"get-own-enumerable-property-symbols": "^3.0.0",
"is-obj": "^1.0.1",
"is-regexp": "^1.0.0"
}
},
"strip-ansi": {
"version": "6.0.1",
"resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
@@ -9490,16 +9373,6 @@
"is-utf8": "^0.2.0"
}
},
"strip-comments": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/strip-comments/-/strip-comments-1.0.2.tgz",
"integrity": "sha512-kL97alc47hoyIQSV165tTt9rG5dn4w1dNnBhOQ3bOU1Nc1hel09jnXANaHJ7vzHLd4Ju8kseDGzlev96pghLFw==",
"dev": true,
"requires": {
"babel-extract-comments": "^1.0.0",
"babel-plugin-transform-object-rest-spread": "^6.26.0"
}
},
"strip-eof": {
"version": "1.0.0",
"resolved": "https://registry.npmmirror.com/strip-eof/-/strip-eof-1.0.0.tgz",
@@ -10376,6 +10249,7 @@
"dev": true,
"optional": true,
"requires": {
"bindings": "^1.5.0",
"nan": "^2.12.1"
}
},
@@ -10671,6 +10545,7 @@
"dev": true,
"optional": true,
"requires": {
"bindings": "^1.5.0",
"nan": "^2.12.1"
}
},
@@ -10940,171 +10815,6 @@
"string-width": "^1.0.2 || 2 || 3 || 4"
}
},
"workbox-background-sync": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-background-sync/-/workbox-background-sync-4.3.1.tgz",
"integrity": "sha512-1uFkvU8JXi7L7fCHVBEEnc3asPpiAL33kO495UMcD5+arew9IbKW2rV5lpzhoWcm/qhGB89YfO4PmB/0hQwPRg==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"workbox-broadcast-update": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-broadcast-update/-/workbox-broadcast-update-4.3.1.tgz",
"integrity": "sha512-MTSfgzIljpKLTBPROo4IpKjESD86pPFlZwlvVG32Kb70hW+aob4Jxpblud8EhNb1/L5m43DUM4q7C+W6eQMMbA==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"workbox-build": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-build/-/workbox-build-4.3.1.tgz",
"integrity": "sha512-UHdwrN3FrDvicM3AqJS/J07X0KXj67R8Cg0waq1MKEOqzo89ap6zh6LmaLnRAjpB+bDIz+7OlPye9iii9KBnxw==",
"dev": true,
"requires": {
"@babel/runtime": "^7.3.4",
"@hapi/joi": "^15.0.0",
"common-tags": "^1.8.0",
"fs-extra": "^4.0.2",
"glob": "^7.1.3",
"lodash.template": "^4.4.0",
"pretty-bytes": "^5.1.0",
"stringify-object": "^3.3.0",
"strip-comments": "^1.0.2",
"workbox-background-sync": "^4.3.1",
"workbox-broadcast-update": "^4.3.1",
"workbox-cacheable-response": "^4.3.1",
"workbox-core": "^4.3.1",
"workbox-expiration": "^4.3.1",
"workbox-google-analytics": "^4.3.1",
"workbox-navigation-preload": "^4.3.1",
"workbox-precaching": "^4.3.1",
"workbox-range-requests": "^4.3.1",
"workbox-routing": "^4.3.1",
"workbox-strategies": "^4.3.1",
"workbox-streams": "^4.3.1",
"workbox-sw": "^4.3.1",
"workbox-window": "^4.3.1"
}
},
"workbox-cacheable-response": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-cacheable-response/-/workbox-cacheable-response-4.3.1.tgz",
"integrity": "sha512-Rp5qlzm6z8IOvnQNkCdO9qrDgDpoPNguovs0H8C+wswLuPgSzSp9p2afb5maUt9R1uTIwOXrVQMmPfPypv+npw==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"workbox-core": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-core/-/workbox-core-4.3.1.tgz",
"integrity": "sha512-I3C9jlLmMKPxAC1t0ExCq+QoAMd0vAAHULEgRZ7kieCdUd919n53WC0AfvokHNwqRhGn+tIIj7vcb5duCjs2Kg==",
"dev": true
},
"workbox-expiration": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-expiration/-/workbox-expiration-4.3.1.tgz",
"integrity": "sha512-vsJLhgQsQouv9m0rpbXubT5jw0jMQdjpkum0uT+d9tTwhXcEZks7qLfQ9dGSaufTD2eimxbUOJfWLbNQpIDMPw==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"workbox-google-analytics": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-google-analytics/-/workbox-google-analytics-4.3.1.tgz",
"integrity": "sha512-xzCjAoKuOb55CBSwQrbyWBKqp35yg1vw9ohIlU2wTy06ZrYfJ8rKochb1MSGlnoBfXGWss3UPzxR5QL5guIFdg==",
"dev": true,
"requires": {
"workbox-background-sync": "^4.3.1",
"workbox-core": "^4.3.1",
"workbox-routing": "^4.3.1",
"workbox-strategies": "^4.3.1"
}
},
"workbox-navigation-preload": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-navigation-preload/-/workbox-navigation-preload-4.3.1.tgz",
"integrity": "sha512-K076n3oFHYp16/C+F8CwrRqD25GitA6Rkd6+qAmLmMv1QHPI2jfDwYqrytOfKfYq42bYtW8Pr21ejZX7GvALOw==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"workbox-precaching": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-precaching/-/workbox-precaching-4.3.1.tgz",
"integrity": "sha512-piSg/2csPoIi/vPpp48t1q5JLYjMkmg5gsXBQkh/QYapCdVwwmKlU9mHdmy52KsDGIjVaqEUMFvEzn2LRaigqQ==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"workbox-range-requests": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-range-requests/-/workbox-range-requests-4.3.1.tgz",
"integrity": "sha512-S+HhL9+iTFypJZ/yQSl/x2Bf5pWnbXdd3j57xnb0V60FW1LVn9LRZkPtneODklzYuFZv7qK6riZ5BNyc0R0jZA==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"workbox-routing": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-routing/-/workbox-routing-4.3.1.tgz",
"integrity": "sha512-FkbtrODA4Imsi0p7TW9u9MXuQ5P4pVs1sWHK4dJMMChVROsbEltuE79fBoIk/BCztvOJ7yUpErMKa4z3uQLX+g==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"workbox-strategies": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-strategies/-/workbox-strategies-4.3.1.tgz",
"integrity": "sha512-F/+E57BmVG8dX6dCCopBlkDvvhg/zj6VDs0PigYwSN23L8hseSRwljrceU2WzTvk/+BSYICsWmRq5qHS2UYzhw==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"workbox-streams": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-streams/-/workbox-streams-4.3.1.tgz",
"integrity": "sha512-4Kisis1f/y0ihf4l3u/+ndMkJkIT4/6UOacU3A4BwZSAC9pQ9vSvJpIi/WFGQRH/uPXvuVjF5c2RfIPQFSS2uA==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"workbox-sw": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-sw/-/workbox-sw-4.3.1.tgz",
"integrity": "sha512-0jXdusCL2uC5gM3yYFT6QMBzKfBr2XTk0g5TPAV4y8IZDyVNDyj1a8uSXy3/XrvkVTmQvLN4O5k3JawGReXr9w==",
"dev": true
},
"workbox-webpack-plugin": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-webpack-plugin/-/workbox-webpack-plugin-4.3.1.tgz",
"integrity": "sha512-gJ9jd8Mb8wHLbRz9ZvGN57IAmknOipD3W4XNE/Lk/4lqs5Htw4WOQgakQy/o/4CoXQlMCYldaqUg+EJ35l9MEQ==",
"dev": true,
"requires": {
"@babel/runtime": "^7.0.0",
"json-stable-stringify": "^1.0.1",
"workbox-build": "^4.3.1"
}
},
"workbox-window": {
"version": "4.3.1",
"resolved": "https://registry.npmmirror.com/workbox-window/-/workbox-window-4.3.1.tgz",
"integrity": "sha512-C5gWKh6I58w3GeSc0wp2Ne+rqVw8qwcmZnQGpjiek8A2wpbxSJb1FdCoQVO+jDJs35bFgo/WETgl1fqgsxN0Hg==",
"dev": true,
"requires": {
"workbox-core": "^4.3.1"
}
},
"worker-farm": {
"version": "1.7.0",
"resolved": "https://registry.npmmirror.com/worker-farm/-/worker-farm-1.7.0.tgz",


+ 0
- 1
package.json Parādīt failu

@@ -20,7 +20,6 @@
"vuex": "^3.4.0"
},
"devDependencies": {
"@vue/cli-plugin-pwa": "~4.5.13",
"@vue/cli-plugin-router": "~4.5.13",
"@vue/cli-plugin-vuex": "~4.5.13",
"@vue/cli-service": "~4.5.13",


Binārs
src/assets/img/introduce_1_1.png Parādīt failu

Pirms Pēc
Platums: 1920  |  Augstums: 1080  |  Izmērs: 1.4 MiB

Binārs
src/assets/img/introduce_1_2.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 8.8 KiB

Binārs
src/assets/img/introduce_1_3.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 138 KiB

Binārs
src/assets/img/introduce_1_4.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 131 KiB

Binārs
src/assets/img/introduce_1_5.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 145 KiB

Binārs
src/assets/img/introduce_1_6.png Parādīt failu

Pirms Pēc
Platums: 1920  |  Augstums: 1080  |  Izmērs: 943 KiB

Binārs
src/assets/img/introduce_2_1.png Parādīt failu

Pirms Pēc
Platums: 1920  |  Augstums: 1080  |  Izmērs: 954 KiB

Binārs
src/assets/img/introduce_2_2.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 227 KiB

Binārs
src/assets/img/introduce_2_3.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 85 KiB

Binārs
src/assets/img/introduce_2_4.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 190 KiB

Binārs
src/assets/img/introduce_2_5.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 145 KiB

Binārs
src/assets/img/introduce_2_6.png Parādīt failu

Pirms Pēc
Platums: 1920  |  Augstums: 1080  |  Izmērs: 448 KiB

Binārs
src/assets/img/introduce_3.png Parādīt failu

Pirms Pēc
Platums: 1920  |  Augstums: 6078  |  Izmērs: 239 KiB Platums: 300  |  Augstums: 520  |  Izmērs: 160 KiB

Binārs
src/assets/img/introduce_3_1.png Parādīt failu

Pirms Pēc
Platums: 1920  |  Augstums: 1080  |  Izmērs: 1.8 MiB

Binārs
src/assets/img/introduce_3_2.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 154 KiB

Binārs
src/assets/img/introduce_3_3.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 144 KiB

Binārs
src/assets/img/introduce_3_4.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 149 KiB

Binārs
src/assets/img/introduce_3_5.png Parādīt failu

Pirms Pēc
Platums: 300  |  Augstums: 520  |  Izmērs: 152 KiB

Binārs
src/assets/img/introduce_3_6.png Parādīt failu

Pirms Pēc
Platums: 1920  |  Augstums: 1080  |  Izmērs: 1.0 MiB

Binārs
src/assets/img/introduce_4.png Parādīt failu

Pirms Pēc
Platums: 1920  |  Augstums: 6078  |  Izmērs: 244 KiB Platums: 300  |  Augstums: 520  |  Izmērs: 180 KiB

Binārs
src/assets/img/introduce_5.png Parādīt failu

Pirms Pēc
Platums: 1920  |  Augstums: 6078  |  Izmērs: 308 KiB Platums: 300  |  Augstums: 520  |  Izmērs: 211 KiB

+ 87
- 18
src/components/common/top.vue Parādīt failu

@@ -4,13 +4,21 @@
<img src="../../assets/img/logo.png" alt class="logo">
<div class="logoTitle">metavatar</div>
</div>
<div class="categoryBox">
<el-menu :default-active="activeIndex" class="el-menu" mode="horizontal" @select="handleSelect">
<template v-for="(item, index) in navList[characters]" :index="index.toString()">
<el-submenu v-if="item.list" :key="index" :index="item.url">
<template slot="title">{{ item.name }}</template>
<el-menu-item v-for="(el, idx) in item.list" :key="idx" :index="el.url"> {{ el.name }}</el-menu-item>
</el-submenu>
<el-menu-item v-else :index="item.url" :key="`${index}menu`">{{ item.name }}</el-menu-item>
</template>
</el-menu>
<!-- <div class="categoryBox">
<div class="categoryitem">{{characters==1?'产品能力':'Product'}}</div>
<div class="categoryitem">{{characters==1?'创新技术':'Technology'}}</div>
<div class="categoryitem">{{characters==1?'解决方案':'Solutions'}}</div>
<!-- <div class="categoryitem">{{characters==1?'精选案例':'Cases'}}</div> -->
<div class="categoryitem" @click="go('/aboutUe')">{{characters==1?'关于我们':'About us'}}</div>
</div>
</div> -->
<div class="cutBox">
<div class="en">
<el-select v-model="charactersMy" placeholder="请选择" @change="change">
@@ -52,23 +60,71 @@ export default {
url: require("../../assets/img/en.jpg")
}
],
charactersMy: 1
charactersMy: 1,
activeIndex: '',
navList: {
1:[
{
name: '产品能力',
url: '',
list: [
{
name: '人脸生成',
url: '/styleAdd/1',
},
{
name: '个性化',
url: '/styleAdd/2',
},
{
name: '风格化',
url: '/styleAdd/3',
}
]
},
{
name: '创新技术',
url: '/technology'
},
{
name: '解决方案',
url: '/introduce',
list: [
{
name: '数字人客服',
url: '/introduce/1',
},
{
name: '虚拟主播',
url: '/introduce/2',
},
{
name: '数字讲师',
url: '/introduce/3',
},
{
name: '视频换脸',
url: '/introduce/4',
},
{
name: '数字人孪生',
url: '/introduce/5',
}
]
},
{
name: '精选案例',
url: '/case'
},
{
name: '关于我们',
url: '/aboutUe'
}
]
}
};
},
watch: {
// languageLsit(newVal) {
// this.setCharacters([
// {
// name: "Cn",
// value: 1
// },
// {
// name: "En",
// value: 2
// }
// ]);
// }
},
watch: {},
computed: {
...mapState({
characters: state => state.publicObj.characters
@@ -83,6 +139,11 @@ export default {
go(url){
this.$router.push(url)
},
handleSelect(key, keyPath) {
this.$router.push({
path: key
})
}
},
mounted() {
console.log(this.languageLsit, "characters");
@@ -91,6 +152,14 @@ export default {
</script>

<style lang="scss" scoped>
.el-menu{
position: absolute;
left: 365px;
top: 10px;
line-height: 100px;
height: 100px;
border: none !important;
}
.topBox {
width: 100%;
overflow: hidden;


+ 8
- 8
src/components/home/home.vue Parādīt failu

@@ -9,20 +9,20 @@
</div>
</div> -->

<div class="topBox">
<!-- <div class="topBox">
<div class="logoBox" @click="go('/')">
<img src="../../assets/img/logo.png" alt class="logo">
<div class="logoTitle">metavatar</div>
</div>
<div class="categoryBox">
</div> -->
<!-- <div class="categoryBox">
<div class="categoryitem" @click="goView('md1')">{{characters==1?'产品能力':'Product'}}</div>
<div class="categoryitem" @click="goView('module_5')">{{characters==1?'创新技术':'Technology'}}</div>
<div class="categoryitem" @click="goView('md2')">{{characters==1?'解决方案':'Solutions'}}</div>
<div class="categoryitem" @click="goView('md2')">{{characters==1?'解决方案':'Solutions'}}</div> -->
<!-- <div class="categoryitem">{{characters==1?'精选案例':'Cases'}}</div> -->
<!-- <div class="categoryitem" @click="go('/aboutUe')">{{characters==1?'关于我们':'About us'}}</div> -->
<div class="categoryitem" @click="goView('module_9')">{{characters==1?'关于我们':'About us'}}</div>
</div>
<div class="cutBox">
<!-- <div class="categoryitem" @click="goView('module_9')">{{characters==1?'关于我们':'About us'}}</div>
</div> -->
<!-- <div class="cutBox">
<div class="en">
<el-select v-model="charactersMy" placeholder="请选择" @change="change">
<el-option
@@ -43,7 +43,7 @@
</el-select>
</div>
</div>
</div>
</div> -->

<div class="module_1">
<video ref="vidoe" src="../../assets/video/1.mp4" width="100%" height="100%" autoplay muted="muted" loop="loop"/>


+ 267
- 62
src/components/introduce/index.vue Parādīt failu

@@ -2,17 +2,17 @@
<template>
<div class="introduce">
<div class="top">
<img src="@/assets/img/introduce_1.png" alt="">
<img :src="introduce[id][characters].imgUrl" alt="">
<div class="top_ct">
<h6>{{ introduce[characters].title }}</h6>
<p>{{ introduce[characters].desc }}</p>
<span>{{ introduce[characters].btn }}</span>
<h6>{{ introduce[id][characters].title }}</h6>
<p>{{ introduce[id][characters].desc }}</p>
<span>{{ introduce[id][characters].btn }}</span>
</div>
</div>
<div class="ct_1">
<h6>{{ introduce[characters].ct1.title }} </h6>
<h6>{{ introduce[id][characters].ct1.title }} </h6>
<div class="lst">
<div v-for="(item, index) in introduce[characters].ct1.list" :key="index">
<div v-for="(item, index) in introduce[id][characters].ct1.list" :key="index">
<img :src="item.imgUrl" alt="">
<p>
<span v-for="(des, idx) in item.desc.split(',')" :key="idx">{{des}}</span>
@@ -21,20 +21,20 @@
</div>
</div>
<div class="ct_2">
<img src="@/assets/img/introduce_6.png" alt="">
<img :src="introduce[id][characters].ct2ImgUrl" alt="">
</div>
<div class="ct_3">
<h6>{{introduce[characters].ct3.title}}</h6>
<h6>{{introduce[id][characters].ct3.title}}</h6>
<div class="lst">
<div v-for="(item, index) in introduce[characters].ct3.list" :key="index">
<div v-for="(item, index) in introduce[id][characters].ct3.list" :key="index">
<img :src="item.imgUrl" alt="">
<p> {{item.desc}} </p>
</div>
</div>
</div>
<div class="ct_4">
<h6>{{introduce[characters].ct4.title}}</h6>
<p>{{introduce[characters].ct4.desc}}</p>
<h6>{{introduce[id][characters].ct4.title}}</h6>
<p>{{introduce[id][characters].ct4.desc}}</p>
<img src="@/assets/img/introduce_11.png" alt="">
</div>
</div>
@@ -46,68 +46,273 @@ export default {
return {
introduce: {
1: {
title: '视频换脸',
desc: '无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量面容生成需求面容生成需求',
btn: '立刻体验',
ct1: {
title: '邃芒数字人视频换脸 影视级效果让人赞不绝口',
list: [
{
imgUrl: require('@/assets/img/introduce_2.png'),
desc: 'ai计算,节省85%以上成本'
},
{
imgUrl: require('@/assets/img/introduce_2.png'),
desc: 'ai计算,节省85%以上成本'
},
{
imgUrl: require('@/assets/img/introduce_2.png'),
desc: 'ai计算,节省85%以上成本'
},
{
imgUrl: require('@/assets/img/introduce_2.png'),
desc: 'ai计算,节省85%以上成本'
}
]
},
ct3: {
title: '邃芒数字人视频换脸 影视级效果让人赞不绝口',
list: [
{
imgUrl: require('@/assets/img/introduce_7.png'),
desc: '数字人客服'
},
{
imgUrl: require('@/assets/img/introduce_8.png'),
desc: '虚拟主播'
},
{
imgUrl: require('@/assets/img/introduce_9.png'),
desc: '数字讲师'
},
{
imgUrl: require('@/assets/img/introduce_10.png'),
desc: '数字人孪生'
}
]
1: {
imgUrl: require('@/assets/img/introduce_1_1.png'),
ct2ImgUrl: require('@/assets/img/introduce_1_6.png'),
title: '数字人客服',
desc: `无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量
无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海
量面容生成需求面容生成需求`,
btn: '立刻体验',
ct1: {
title: '邃芒数字人客服 让您不会错失任何与客户交流的机会',
list: [
{
imgUrl: require('@/assets/img/introduce_1_2.png'),
desc: '24X7X365,实时在线'
},
{
imgUrl: require('@/assets/img/introduce_1_3.png'),
desc: '有问必答 快速专业'
},
{
imgUrl: require('@/assets/img/introduce_1_4.png'),
desc: '定制形象 企业文化'
},
{
imgUrl: require('@/assets/img/introduce_1_5.png'),
desc: '多国语言 顺畅交流'
}
]
},
ct3: {
title: '邃芒数字人视频换脸 影视级效果让人赞不绝口',
list: [
{
imgUrl: require('@/assets/img/introduce_7.png'),
desc: '数字人客服'
},
{
imgUrl: require('@/assets/img/introduce_8.png'),
desc: '虚拟主播'
},
{
imgUrl: require('@/assets/img/introduce_9.png'),
desc: '数字讲师'
},
{
imgUrl: require('@/assets/img/introduce_10.png'),
desc: '数字人孪生'
}
]
},
ct4: {
title: '邃芒数字人的更多服务解决方案',
desc: '邃芒数字人通过StyleGAN和基于神经辐射场(NeRF)的场景表征与容积渲染将数字人创造带入了全新世代!和基于神经辐射场(NeRF)的场景表征与容积渲染将数字人创'
}
},
ct4: {
title: '邃芒数字人的更多服务解决方案',
desc: '邃芒数字人通过StyleGAN和基于神经辐射场(NeRF)的场景表征与容积渲染将数字人创造带入了全新世代!和基于神经辐射场(NeRF)的场景表征与容积渲染将数字人创'
2: {
imgUrl: require('@/assets/img/introduce_1_1.png'),
ct2ImgUrl: require('@/assets/img/introduce_1_6.png'),
title: '数字人客服',
desc: '无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量面容生成需求面容生成需求',
btn: '立刻体验'
}
},
2: {
title: '视频换脸',
desc: '无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量面容生成需求面容生成需求',
btn: '立刻体验'
1: {
imgUrl: require('@/assets/img/introduce_2_1.png'),
ct2ImgUrl: require('@/assets/img/introduce_2_6.png'),
title: '虚拟主播',
desc: `无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量
无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海
量面容生成需求面容生成需求`,
btn: '立刻体验',
ct1: {
title: '邃芒数字人客服 让您不会错失任何与客户交流的机会',
list: [
{
imgUrl: require('@/assets/img/introduce_2_2.png'),
desc: '专业话术学习库,让数字人主播胜任,不同行业'
},
{
imgUrl: require('@/assets/img/introduce_2_3.png'),
desc: '适配主流直播平台'
},
{
imgUrl: require('@/assets/img/introduce_2_4.png'),
desc: 'ai驱动 真人驱动'
},
{
imgUrl: require('@/assets/img/introduce_2_5.png'),
desc: '表情生动 转场自然'
}
]
},
ct3: {
title: '邃芒数字人视频换脸 影视级效果让人赞不绝口',
list: [
{
imgUrl: require('@/assets/img/introduce_7.png'),
desc: '数字人客服'
},
{
imgUrl: require('@/assets/img/introduce_8.png'),
desc: '虚拟主播'
},
{
imgUrl: require('@/assets/img/introduce_9.png'),
desc: '数字讲师'
},
{
imgUrl: require('@/assets/img/introduce_10.png'),
desc: '数字人孪生'
}
]
},
ct4: {
title: '邃芒数字人的更多服务解决方案',
desc: '邃芒数字人通过StyleGAN和基于神经辐射场(NeRF)的场景表征与容积渲染将数字人创造带入了全新世代!和基于神经辐射场(NeRF)的场景表征与容积渲染将数字人创'
}
},
2: {
imgUrl: require('@/assets/img/introduce_1_1.png'),
title: '虚拟主播',
desc: '无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量面容生成需求面容生成需求',
btn: '立刻体验'
}
},
5: {
1: {
imgUrl: require('@/assets/img/introduce_3_1.png'),
ct2ImgUrl: require('@/assets/img/introduce_3_6.png'),
title: '数字人孪生',
desc: `无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量
无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海
量面容生成需求面容生成需求`,
btn: '立刻体验',
ct1: {
title: '邃芒数字人孪生',
list: [
{
imgUrl: require('@/assets/img/introduce_3_2.png'),
desc: '深度客制化 ,指定人物数字孪生'
},
{
imgUrl: require('@/assets/img/introduce_3_3.png'),
desc: '多种驱动方式,活跃各种场景'
},
{
imgUrl: require('@/assets/img/introduce_3_4.png'),
desc: '无需劳务成本 ,无需等候档期'
},
{
imgUrl: require('@/assets/img/introduce_3_5.png'),
desc: '跨越时空 跨越年龄,数字孪生XXXX'
}
]
},
ct3: {
title: '邃芒数字人视频换脸 影视级效果让人赞不绝口',
list: [
{
imgUrl: require('@/assets/img/introduce_7.png'),
desc: '数字人客服'
},
{
imgUrl: require('@/assets/img/introduce_8.png'),
desc: '虚拟主播'
},
{
imgUrl: require('@/assets/img/introduce_9.png'),
desc: '数字讲师'
},
{
imgUrl: require('@/assets/img/introduce_10.png'),
desc: '数字人孪生'
}
]
},
ct4: {
title: '邃芒数字人的更多服务解决方案',
desc: '邃芒数字人通过StyleGAN和基于神经辐射场(NeRF)的场景表征与容积渲染将数字人创造带入了全新世代!和基于神经辐射场(NeRF)的场景表征与容积渲染将数字人创'
}
},
2: {
imgUrl: require('@/assets/img/introduce_1_1.png'),
title: '数字人孪生',
desc: '无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量面容生成需求面容生成需求',
btn: '立刻体验'
}
},
4: {
1: {
imgUrl: require('@/assets/img/introduce_1.png'),
ct2ImgUrl: require('@/assets/img/introduce_6.png'),
title: '视频换脸',
desc: '无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量面容生成需求面容生成需求',
btn: '立刻体验',
ct1: {
title: '邃芒数字人视频换脸 影视级效果让人赞不绝口',
list: [
{
imgUrl: require('@/assets/img/introduce_2.png'),
desc: 'ai计算,节省85%以上成本'
},
{
imgUrl: require('@/assets/img/introduce_3.png'),
desc: 'ai计算,节省85%以上成本'
},
{
imgUrl: require('@/assets/img/introduce_4.png'),
desc: 'ai计算,节省85%以上成本'
},
{
imgUrl: require('@/assets/img/introduce_5.png'),
desc: 'ai计算,节省85%以上成本'
}
]
},
ct3: {
title: '邃芒数字人视频换脸 影视级效果让人赞不绝口',
list: [
{
imgUrl: require('@/assets/img/introduce_7.png'),
desc: '数字人客服'
},
{
imgUrl: require('@/assets/img/introduce_8.png'),
desc: '虚拟主播'
},
{
imgUrl: require('@/assets/img/introduce_9.png'),
desc: '数字讲师'
},
{
imgUrl: require('@/assets/img/introduce_10.png'),
desc: '数字人孪生'
}
]
},
ct4: {
title: '邃芒数字人的更多服务解决方案',
desc: '邃芒数字人通过StyleGAN和基于神经辐射场(NeRF)的场景表征与容积渲染将数字人创造带入了全新世代!和基于神经辐射场(NeRF)的场景表征与容积渲染将数字人创'
}
},
2: {
imgUrl: require('@/assets/img/introduce_1.png'),
ct2ImgUrl: require('@/assets/img/introduce_6.png'),
title: '视频换脸',
desc: '无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量面容生成需求面容生成需求',
btn: '立刻体验'
}
}
}
},
id: this.$route.params.id
}
},
computed: {
...mapState({
characters: state => state.publicObj.characters
})
},
watch: {
"$route.params": {
immediate: true,
handler(new_value, old_value) {
this.id = new_value.id
},
}
}
}
</script>


+ 163
- 0
src/components/styleAdd/index.vue Parādīt failu

@@ -0,0 +1,163 @@
<template>
<div class="Box">
<div class="topBox">
<div class="title1">生动有趣</div>
<div class="title2">主流艺术风格让您的照片多姿多彩</div>
<div class="title3">让您在社交媒体上展示个性自我</div>
<div class="btn">立刻体验</div>
</div>
<div class="vdBox"></div>
<div class="caseBox">
<div class="title">邃芒ai数字人10大个性化特点</div>
<div class="caseLsit">
<div class="itemBox" v-for="(item,index) in 10" :key="index">
<img src="../../assets/img/styleAdd1.png" alt>
<div class="itemCont">文案</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { mapState } from "vuex";
export default {
data() {
return {
style: {
1: {
1: {
imgUrl: require('@/assets/img/introduce_3_1.png'),
title: '数字人孪生',
desc: `无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海量
无需复杂操作,简单易用的邃芒数字人面容生成工具满足您海
量面容生成需求面容生成需求`,
btn: '立刻体验'
}
}
},
id: this.$route.params.id
};
},
computed: {
...mapState({
characters: state => state.publicObj.characters
})
},
watch: {
"$route.params": {
immediate: true,
handler(new_value, old_value) {
this.id = new_value.id
},
}
}
};
</script>

<style lang="scss" scoped>
.Box {
margin-top: 70px;
// background-color: #202020;
overflow: hidden;
.topBox {
height: 1080px;
background: #202020;
background-image: url("../../assets/img/styleAdd_bg.png");
background-repeat: no-repeat;
// background-size: 100% 100%;
background-position-x: 854px;
background-position-y: 300px;
overflow: hidden;
.title1 {
margin-left: 192px;
margin-top: 371px;
font-size: 48px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 62px;
}
.title2 {
margin-left: 192px;
font-size: 48px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 62px;
}
.title3 {
margin-left: 192px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #fefefe;
line-height: 62px;
}
.btn {
margin-top: 60px;
margin-left: 192px;
width: 220px;
height: 60px;
border: 2px solid #ffffff;
border-radius: 30px;
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 62px;
text-align: center;
cursor: pointer;
}
}
.vdBox {
height: 1080px;
background-image: url("../../assets/img/vd.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.caseBox {
height: 1080px;
background: #fff;
overflow: hidden;
.title {
text-align: center;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #232324;
line-height: 62px;
margin: 120px 0;
}
.caseLsit {
width: 1280px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto;
.itemBox {
width: 240px;
height: 240px;
position: relative;
margin-bottom: 20px;
img {
width: 100%;
height: 100%;
}
.itemCont {
width: 100%;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #ffffff;
line-height: 24px;
text-align: center;
position: absolute;
left: 0;
bottom: 26px;
}
}
}
}
}
</style>


+ 9
- 2
src/router/index.js Parādīt failu

@@ -1,3 +1,10 @@
/*
* @Autor: Chuting
* @Date: 2022-08-08 14:23:52
* @LastEditors: Chuting
* @LastEditTime: 2022-08-10 23:19:14
* @Description:
*/
import Vue from 'vue'
import VueRouter from 'vue-router'

@@ -23,7 +30,7 @@ const routes = [
component: ()=> import("../components/aboutUe/aboutUe"),
},
{
path: '/styleAdd',
path: '/styleAdd/:id?',
name: 'styleAdd',
// component: Home
component: ()=> import("../components/styleAdd/styleAdd"),
@@ -39,7 +46,7 @@ const routes = [
component: ()=> import("@/components/technology"),
},
{
path: '/introduce',
path: '/introduce/:id?',
name: 'introduce',
component: ()=> import("@/components/introduce"),
}


+ 17
- 10
vue.config.js Parādīt failu

@@ -1,3 +1,10 @@
/*
* @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)
@@ -19,15 +26,15 @@ module.exports = {
}
},
pwa: {
iconPaths: {
favicon32: 'favicon.ico',
favicon16: 'favicon.ico',
appleTouchIcon: 'favicon.ico',
maskIcon: 'favicon.ico',
msTileImage: 'favicon.ico'
}
},
// pwa: {
// iconPaths: {
// favicon32: 'favicon.ico',
// favicon16: 'favicon.ico',
// appleTouchIcon: 'favicon.ico',
// maskIcon: 'favicon.ico',
// msTileImage: 'favicon.ico'
// }
// },
//http://www.metavatar.cc/
devServer: {
overlay: {
@@ -47,7 +54,7 @@ module.exports = {
}
},
lintOnSave: false,
publicPath: './', // 打包后引用的资源路径
publicPath: '/', // 打包后引用的资源路径
configureWebpack: {
resolve: {
alias: {


Notiek ielāde…
Atcelt
Saglabāt