Selaa lähdekoodia

精选案例

ctt
chutingting 2 vuotta sitten
vanhempi
commit
40dd98afda
36 muutettua tiedostoa jossa 243 lisäystä ja 409 poistoa
  1. +26
    -0
      .postcssrc.js
  2. BIN
      dist.zip
  3. +0
    -333
      package-lock.json
  4. +0
    -1
      package.json
  5. +0
    -14
      postcss.config.js
  6. BIN
      public/img/icons/android-chrome-192x192.png
  7. BIN
      public/img/icons/android-chrome-512x512.png
  8. BIN
      public/img/icons/android-chrome-maskable-192x192.png
  9. BIN
      public/img/icons/android-chrome-maskable-512x512.png
  10. BIN
      public/img/icons/apple-touch-icon-120x120.png
  11. BIN
      public/img/icons/apple-touch-icon-152x152.png
  12. BIN
      public/img/icons/apple-touch-icon-180x180.png
  13. BIN
      public/img/icons/apple-touch-icon-60x60.png
  14. BIN
      public/img/icons/apple-touch-icon-76x76.png
  15. BIN
      public/img/icons/apple-touch-icon.png
  16. BIN
      public/img/icons/favicon-16x16.png
  17. BIN
      public/img/icons/favicon-32x32.png
  18. BIN
      public/img/icons/favicon.ico.ico
  19. BIN
      public/img/icons/msapplication-icon-144x144.png
  20. BIN
      public/img/icons/mstile-150x150.png
  21. +0
    -3
      public/img/icons/safari-pinned-tab.svg
  22. +8
    -1
      public/index.html
  23. +1
    -7
      src/App.vue
  24. BIN
      src/assets/img/case_1.png
  25. BIN
      src/assets/img/case_2.png
  26. BIN
      src/assets/img/case_3.png
  27. BIN
      src/assets/img/technology_1.png
  28. BIN
      src/assets/img/technology_2.png
  29. +87
    -0
      src/components/case/index.vue
  30. +2
    -0
      src/components/common/tail.vue
  31. +2
    -2
      src/components/common/top.vue
  32. +26
    -29
      src/components/home/home.vue
  33. +71
    -0
      src/components/technology/index.vue
  34. +2
    -9
      src/main.js
  35. +18
    -1
      src/router/index.js
  36. +0
    -9
      vue.config.js

+ 26
- 0
.postcssrc.js Näytä tiedosto

@@ -0,0 +1,26 @@
module.exports = ({ file }) => {
let isVant = file && file.dirname && file.dirname.indexOf('vant') > -1
let rootValue = isVant ? 37.5 : 72 // 判断条件 请自行调整
return {
"plugins": {
// 兼容浏览器,添加前缀
"autoprefixer": {
overrideBrowserslist: [
"Android 4.1",
"iOS 7.1",
"Chrome > 31",
"ff > 31",
"ie >= 8",
"last 10 versions", // 所有主流浏览器最近10版本用
],
grid: true,
},
"postcss-pxtorem": {
rootValue: rootValue,//本项目设计图宽度是750px。其他项目需自己换算 【设计图宽度/10】
propList: ["*"], //是一个存储哪些将被转换的属性列表,这里设置为['*']全部,假设需要仅对边框进行设置,可以写['*', '!border*']
unitPrecision: 6, //保留rem小数点多少位
minPixelValue: 2, //px小于2的不会被转换
}
}
}
}

BIN
dist.zip Näytä tiedosto


+ 0
- 333
package-lock.json Näytä tiedosto

@@ -445,17 +445,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",
@@ -1332,55 +1321,6 @@
}
}
},
"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-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",
"integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
"dev": true,
"requires": {
"core-js": "^2.4.0",
"regenerator-runtime": "^0.11.0"
},
"dependencies": {
"regenerator-runtime": {
"version": "0.11.1",
"resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
"integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
"dev": true
}
}
},
"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",
@@ -2380,12 +2320,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",
@@ -2597,12 +2531,6 @@
}
}
},
"core-js": {
"version": "2.6.12",
"resolved": "https://registry.npmmirror.com/core-js/-/core-js-2.6.12.tgz",
"integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
"dev": true
},
"core-util-is": {
"version": "1.0.2",
"resolved": "https://registry.npmmirror.com/core-util-is/-/core-util-is-1.0.2.tgz",
@@ -4145,17 +4073,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",
@@ -4296,12 +4213,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",
@@ -5334,12 +5245,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",
@@ -5389,12 +5294,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",
@@ -5555,15 +5454,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",
@@ -5588,12 +5478,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",
@@ -5706,12 +5590,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",
@@ -5730,25 +5608,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",
@@ -7595,12 +7454,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",
@@ -9151,17 +9004,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",
@@ -9188,16 +9030,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",
@@ -10615,171 +10447,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 Näytä tiedosto

@@ -18,7 +18,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",


+ 0
- 14
postcss.config.js Näytä tiedosto

@@ -1,14 +0,0 @@
const path = require('path')

module.exports = ({ file }) => {
const designWidth = file.dirname.includes(path.join('node_modules', 'vant')) ? 37.5 : 72.0
return {
plugins: {
autoprefixer: {},
'postcss-pxtorem': {
rootValue: designWidth,
propList: ['*']
}
}
}
}

BIN
public/img/icons/android-chrome-192x192.png Näytä tiedosto

Before After
Leveys: 192  |  Korkeus: 192  |  Koko: 9.2 KiB

BIN
public/img/icons/android-chrome-512x512.png Näytä tiedosto

Before After
Leveys: 512  |  Korkeus: 512  |  Koko: 29 KiB

BIN
public/img/icons/android-chrome-maskable-192x192.png Näytä tiedosto

Before After
Leveys: 192  |  Korkeus: 192  |  Koko: 6.3 KiB

BIN
public/img/icons/android-chrome-maskable-512x512.png Näytä tiedosto

Before After
Leveys: 512  |  Korkeus: 512  |  Koko: 22 KiB

BIN
public/img/icons/apple-touch-icon-120x120.png Näytä tiedosto

Before After
Leveys: 120  |  Korkeus: 120  |  Koko: 3.3 KiB

BIN
public/img/icons/apple-touch-icon-152x152.png Näytä tiedosto

Before After
Leveys: 152  |  Korkeus: 152  |  Koko: 4.0 KiB

BIN
public/img/icons/apple-touch-icon-180x180.png Näytä tiedosto

Before After
Leveys: 180  |  Korkeus: 180  |  Koko: 4.6 KiB

BIN
public/img/icons/apple-touch-icon-60x60.png Näytä tiedosto

Before After
Leveys: 60  |  Korkeus: 60  |  Koko: 1.5 KiB

BIN
public/img/icons/apple-touch-icon-76x76.png Näytä tiedosto

Before After
Leveys: 76  |  Korkeus: 76  |  Koko: 1.8 KiB

BIN
public/img/icons/apple-touch-icon.png Näytä tiedosto

Before After
Leveys: 180  |  Korkeus: 180  |  Koko: 4.6 KiB

BIN
public/img/icons/favicon-16x16.png Näytä tiedosto

Before After
Leveys: 16  |  Korkeus: 16  |  Koko: 799 B

BIN
public/img/icons/favicon-32x32.png Näytä tiedosto

Before After
Leveys: 32  |  Korkeus: 32  |  Koko: 1.2 KiB

BIN
public/img/icons/favicon.ico.ico Näytä tiedosto

Before After

BIN
public/img/icons/msapplication-icon-144x144.png Näytä tiedosto

Before After
Leveys: 144  |  Korkeus: 144  |  Koko: 1.1 KiB

BIN
public/img/icons/mstile-150x150.png Näytä tiedosto

Before After
Leveys: 270  |  Korkeus: 270  |  Koko: 4.2 KiB

+ 0
- 3
public/img/icons/safari-pinned-tab.svg Näytä tiedosto

@@ -1,3 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
</svg>

+ 8
- 1
public/index.html Näytä tiedosto

@@ -1,9 +1,16 @@
<!--
* @Autor: Chuting
* @Date: 2022-08-08 14:25:11
* @LastEditors: Chuting
* @LastEditTime: 2022-08-13 22:03:19
* @Description:
-->
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0 ">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>


+ 1
- 7
src/App.vue Näytä tiedosto

@@ -1,10 +1,4 @@
<!--
* @Autor: Chuting
* @Date: 2022-08-08 14:25:11
* @LastEditors: Chuting
* @LastEditTime: 2022-08-09 22:20:03
* @Description:
-->

<template>
<div id="app">
<top/>


BIN
src/assets/img/case_1.png Näytä tiedosto

Before After
Leveys: 702  |  Korkeus: 282  |  Koko: 150 KiB

BIN
src/assets/img/case_2.png Näytä tiedosto

Before After
Leveys: 703  |  Korkeus: 282  |  Koko: 190 KiB

BIN
src/assets/img/case_3.png Näytä tiedosto

Before After
Leveys: 703  |  Korkeus: 283  |  Koko: 105 KiB

BIN
src/assets/img/technology_1.png Näytä tiedosto

Before After
Leveys: 720  |  Korkeus: 1280  |  Koko: 1.2 MiB

BIN
src/assets/img/technology_2.png Näytä tiedosto

Before After
Leveys: 720  |  Korkeus: 720  |  Koko: 766 KiB

+ 87
- 0
src/components/case/index.vue Näytä tiedosto

@@ -0,0 +1,87 @@
<template>
<div class="case">
<div v-for="(item, index) in caseList[characters]" :key="index">
<h6>{{ item.title }}</h6>
<p>{{ item.content }}</p>
<img :src="item.imgUrl" alt="">
</div>
</div>
</template>
<script>
import { mapState } from 'vuex'

export default {
data() {
return {
caseList:{
1:[
{
title: 'TICOKOM直播小美',
content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
imgUrl: require('@/assets/img/case_1.png')
},
{
title: 'TICOKOM直播小美',
content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
imgUrl: require('@/assets/img/case_2.png')
},
{
title: 'TICOKOM直播小美',
content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
imgUrl: require('@/assets/img/case_3.png')
}
],
2: [
{
title: 'TICOKOM直播小美enenen',
content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
imgUrl: require('@/assets/img/case_1.png')
},
{
title: 'TICOKOM直播小美',
content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
imgUrl: require('@/assets/img/case_2.png')
},
{
title: 'TICOKOM直播小美',
content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
imgUrl: require('@/assets/img/case_3.png')
}
]
}
}
},
computed: {
...mapState({
characters: state => state.publicObj.characters
})
}
}
</script>
<style lang="scss" scoped>
.case{
background: #d7d8de;
padding: 100px 0 36px;
div {
width: 100%;
margin: 0 auto;
h6 {
font-size: 28px;
font-weight: 400;
color: #000000;
margin: 36px 65px 0;
}
p{
font-size: 18px;
font-weight: 400;
color: #000000;
line-height: 42px;
margin: 22px 65px 14px;
}
img{
width: 96%;
margin: 0 auto;
}
}
}
</style>

+ 2
- 0
src/components/common/tail.vue Näytä tiedosto

@@ -251,6 +251,8 @@ export default {
font-size: 22px;
color: #707070;
margin-bottom: 10px;
-webkit-text-size-adjust: none;
text-size-adjust: none;
img{
width: 300px;
margin: 20px auto;


+ 2
- 2
src/components/common/top.vue Näytä tiedosto

@@ -45,10 +45,10 @@
:style="{ width: '70%', height: '90%', 'background-color': 'rgb(255, 255, 255,0)','margin-top': '10%'}"
>
<div class="goItem">{{characters==1?'产品能力':'Product'}}</div>
<div class="goItem">{{characters==1?'创新技术':'Technology'}}</div>
<div class="goItem" @click="go('/technology')">{{characters==1?'创新技术':'Technology'}}</div>
<div class="goItem">{{characters==1?'解决方案':'Solutions'}}</div>
<!-- <div class="goItem">{{characters==1?'精选案例':'Cases'}}</div> -->
<div class="goItem" @click="go('/aboutUe')">{{characters==1?'关于我们':'About us'}}</div>
<div class="goItem" @click="go('/about')">{{characters==1?'关于我们':'About us'}}</div>
<div class="languageImgBox" @click="change(1)">
<img src="../../assets/img/cn.jpeg" alt class="cutImg">
</div>


+ 26
- 29
src/components/home/home.vue Näytä tiedosto

@@ -172,11 +172,8 @@
</span>
</el-dialog>-->

<div class="contentBox" v-if="dialogVisible">
<div class="titleBox">
<div class="guan" @click="dialogVisible = false">x</div>
</div>
<van-popup v-model:show="dialogVisible" closeable>
<div class="contentBox">
<div class="contentInput">
<input type="text" :placeholder="characters ==1?'姓名':'Name'" v-model="userName">
</div>
@@ -188,6 +185,7 @@
</div>
<div class="subBtn" @click="submit()">{{characters ==1?'提交':'Submit'}}</div>
</div>
</van-popup>
</div>
</template>

@@ -473,13 +471,8 @@ export default {
</script>
<style lang="scss" scoped>
.contentBox {
width: 90%;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 200px;
left: 5%;
border-radius: 20px;
overflow: hidden;
width: 600px;
padding: 30px;
.titleBox{
overflow: hidden;
.guan{
@@ -492,14 +485,16 @@ export default {
}
.contentInput {
width: 220px;
height: 36px;
width: 80%;
height: 60px;
background: #ffffff;
text-align: center;
margin: 0 auto 10px auto;
margin: 0 auto 20px auto;
input {
width: 200px;
height: 36px;
width: 100%;
height: 60px;
font-size: 24px;
border-bottom: 1px solid #c8c9cc;
}
input::placeholder {
font-weight: 400;
@@ -507,15 +502,16 @@ export default {
}
}
.subBtn {
width: 70px;
height: 24px;
width: 80%;
height: 80px;
background: #ffffff;
border-radius: 24px;
border-radius: 40px;
text-align: center;
line-height: 24px;
line-height: 80px;
cursor: pointer;
font-size: 14px;
margin: 20px auto 10px auto;
font-size: 24px;
margin: 40px auto 10px auto;
border: 1px solid #c8c9cc;
}
}

@@ -687,7 +683,7 @@ export default {
// height: 180px;
background-color: #202020;
.title {
font-size: 26px;
font-size: 34px;
text-align: center;
color: #fff;
margin: 30px 0;
@@ -700,7 +696,7 @@ export default {
}
.title_ctn {
margin: 18px auto;
font-size: 20px;
font-size: 26px;
color: #7e7e7e;
padding: 0 7.5%;
}
@@ -711,7 +707,7 @@ export default {
text-align: center;
line-height: 60px;
border-radius: 30px;
font-size: 20px;
font-size: 22px;
cursor: pointer;
color: #16e9d6;
border: #16e9d6 solid 1px;
@@ -811,7 +807,7 @@ export default {
.paragraph {
margin: 35px 7.5%;
color: #7e7e7e;
font-size: 22px;
font-size: 26px;
}
.read_btn {
margin:44px auto;
@@ -820,7 +816,7 @@ export default {
text-align: center;
line-height: 60px;
border-radius: 30px;
font-size: 20px;
font-size: 22px;
cursor: pointer;
color: #16e9d6;
border: #16e9d6 solid 1px;
@@ -940,7 +936,7 @@ export default {
text-align: center;
}
.ctn {
font-size: 22px;
font-size: 26px;
font-weight: 400;
color: #696969;
// line-height: 24px;
@@ -1032,6 +1028,7 @@ export default {
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
width: 90%;

.cooperationItem0 {
width: 50%;


+ 71
- 0
src/components/technology/index.vue Näytä tiedosto

@@ -0,0 +1,71 @@
<template>
<div class="technology">
<div class="top">
<img src="@/assets/img/technology_1.png" alt="">
<div>
<h1>{{ technology[characters].title}}</h1>
<p>{{ technology[characters].desc1}}</p>
</div>
</div>
<div>
<div class="ct2">
{{ technology[characters].desc2}}
</div>
</div>
<div>
<img src="@/assets/img/technology_2.png" alt="">
</div>
<div class="ct2">
{{ technology[characters].desc}}
</div>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
data(){
return {
technology: {
1: {
title: 'MetaGene Avater技术',
desc1: 'MetaGene是邃芒科技创造数字人的核心技术,以GAN(生成对抗网络)、NeRF(神经辐射场) 以及多模态合成技术为基础,由数字人形象、数字人驱动以及数字人交互等组成的数字人创造平台, 是元宇宙的基础设施。',
desc2: '通过MetaGene可以实时创造2K分辨率的虚拟数字人形象,或复刻真人形象,并且可以自由的编辑及风格化。',
desc3: 'MetaGene还支持语音、文字、视频等多种有/无中之人的数字人驱动方式,实时的生成高质量的驱动视频。',
}
}
}
},
computed: {
...mapState({
characters: state => state.publicObj.characters
})
}
}
</script>
<style lang="scss" scoped>
.technology{
.top{
position: relative;
div{
position: absolute;
left: 95px;
right: 95px;
bottom: 90px;
h1{
font-size: 34px;
color: #fff;
}
p{
font-size: 26px;
margin-top: 35px;
color: #fff;
}
}
}
.ct2{
font-size: 26px;
margin: 75px 95px;
color: #3d3d3d;
}
}
</style>

+ 2
- 9
src/main.js Näytä tiedosto

@@ -1,18 +1,11 @@
/*
* @Autor: Chuting
* @Date: 2022-08-08 14:25:11
* @LastEditors: Chuting
* @LastEditTime: 2022-08-12 23:33:10
* @Description:
*/
import Vue from 'vue'
import App from './App.vue'
import './registerServiceWorker'
// import './registerServiceWorker'
import router from './router'
import store from './store'
import 'vant/lib/index.css'
import '@/assets/style/index.css'
import 'amfe-flexible/index'
import 'amfe-flexible'
import axios from "axios"




+ 18
- 1
src/router/index.js Näytä tiedosto

@@ -2,7 +2,7 @@
* @Autor: Chuting
* @Date: 2022-08-08 14:25:11
* @LastEditors: Chuting
* @LastEditTime: 2022-08-12 22:54:42
* @LastEditTime: 2022-08-13 23:34:39
* @Description:
*/
import Vue from 'vue'
@@ -35,6 +35,18 @@ const routes = [
// component: Home
component: ()=> import("@/components/about"),
},
{
path: '/technology',
name: 'technology',
// component: Home
component: ()=> import("@/components/technology"),
},
{
path: '/case',
name: 'case',
// component: Home
component: ()=> import("@/components/case"),
},
{
path: '/styleAdd',
name: 'styleAdd',
@@ -49,4 +61,9 @@ const router = new VueRouter({
routes
})

router.afterEach(() => {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
})

export default router

+ 0
- 9
vue.config.js Näytä tiedosto

@@ -1,13 +1,4 @@
module.exports = {
pwa: {
iconPaths: {
favicon32: 'favicon.ico',
favicon16: 'favicon.ico',
appleTouchIcon: 'favicon.ico',
maskIcon: 'favicon.ico',
msTileImage: 'favicon.ico'
}
},
//http://www.metavatar.cc/
devServer: {
overlay: {


Ladataan…
Peruuta
Tallenna