修改图标适配大屏

H5场景/package-lock.json

@@ -10181,7 +10181,7 @@
     },
     "node_modules/npm/node_modules/ansi-regex": {
       "version": "5.0.1",
-      "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "inBundle": true,
       "license": "MIT",
@@ -10191,7 +10191,7 @@
     },
     "node_modules/npm/node_modules/ansi-styles": {
       "version": "4.3.0",
-      "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "inBundle": true,
       "license": "MIT",
@@ -10321,7 +10321,7 @@
     },
     "node_modules/npm/node_modules/chalk": {
       "version": "4.1.2",
-      "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "inBundle": true,
       "license": "MIT",
@@ -10399,8 +10399,8 @@
     },
     "node_modules/npm/node_modules/clone": {
       "version": "1.0.4",
-      "resolved": "https://registry.npmmirror.com/clone/-/clone-1.0.4.tgz",
-      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=",
       "inBundle": true,
       "license": "MIT",
       "engines": {
@@ -10422,7 +10422,7 @@
     },
     "node_modules/npm/node_modules/color-convert": {
       "version": "2.0.1",
-      "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "inBundle": true,
       "license": "MIT",
@@ -10435,7 +10435,7 @@
     },
     "node_modules/npm/node_modules/color-name": {
       "version": "1.1.4",
-      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "inBundle": true,
       "license": "MIT"
@@ -10473,8 +10473,8 @@
     },
     "node_modules/npm/node_modules/concat-map": {
       "version": "0.0.1",
-      "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
       "inBundle": true,
       "license": "MIT"
     },
@@ -10520,6 +10520,8 @@
     },
     "node_modules/npm/node_modules/defaults": {
       "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
+      "integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=",
       "inBundle": true,
       "license": "MIT",
       "dependencies": {
@@ -10615,8 +10617,8 @@
     },
     "node_modules/npm/node_modules/fs.realpath": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
       "inBundle": true,
       "license": "ISC"
     },
@@ -10686,7 +10688,7 @@
     },
     "node_modules/npm/node_modules/has-flag": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "inBundle": true,
       "license": "MIT",
@@ -10785,8 +10787,8 @@
     },
     "node_modules/npm/node_modules/imurmurhash": {
       "version": "0.1.4",
-      "resolved": "https://registry.npmmirror.com/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
       "inBundle": true,
       "license": "MIT",
       "engines": {
@@ -10812,8 +10814,8 @@
     },
     "node_modules/npm/node_modules/inflight": {
       "version": "1.0.6",
-      "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
@@ -10857,8 +10859,6 @@
     },
     "node_modules/npm/node_modules/ip": {
       "version": "1.1.8",
-      "resolved": "https://registry.npmmirror.com/ip/-/ip-1.1.8.tgz",
-      "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==",
       "inBundle": true,
       "license": "MIT"
     },
@@ -10915,8 +10915,8 @@
     },
     "node_modules/npm/node_modules/isexe": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
       "inBundle": true,
       "license": "ISC"
     },
@@ -11368,8 +11368,6 @@
     },
     "node_modules/npm/node_modules/node-gyp/node_modules/minimatch": {
       "version": "3.1.2",
-      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
@@ -11548,8 +11546,8 @@
     },
     "node_modules/npm/node_modules/once": {
       "version": "1.4.0",
-      "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
@@ -11633,8 +11631,8 @@
     },
     "node_modules/npm/node_modules/path-is-absolute": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
       "inBundle": true,
       "license": "MIT",
       "engines": {
@@ -11671,8 +11669,8 @@
     },
     "node_modules/npm/node_modules/promise-inflight": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/promise-inflight/-/promise-inflight-1.0.1.tgz",
-      "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
+      "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+      "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
       "inBundle": true,
       "license": "ISC"
     },
@@ -11760,6 +11758,8 @@
     },
     "node_modules/npm/node_modules/readable-stream": {
       "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
       "inBundle": true,
       "license": "MIT",
       "dependencies": {
@@ -11786,8 +11786,8 @@
     },
     "node_modules/npm/node_modules/retry": {
       "version": "0.12.0",
-      "resolved": "https://registry.npmmirror.com/retry/-/retry-0.12.0.tgz",
-      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=",
       "inBundle": true,
       "license": "MIT",
       "engines": {
@@ -11842,8 +11842,6 @@
     },
     "node_modules/npm/node_modules/rimraf/node_modules/minimatch": {
       "version": "3.1.2",
-      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
@@ -11909,8 +11907,8 @@
     },
     "node_modules/npm/node_modules/set-blocking": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
-      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
       "inBundle": true,
       "license": "ISC"
     },
@@ -11960,6 +11958,8 @@
     },
     "node_modules/npm/node_modules/spdx-correct": {
       "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
       "inBundle": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -12003,8 +12003,6 @@
     },
     "node_modules/npm/node_modules/string_decoder": {
       "version": "1.3.0",
-      "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
       "inBundle": true,
       "license": "MIT",
       "dependencies": {
@@ -12041,7 +12039,7 @@
     },
     "node_modules/npm/node_modules/supports-color": {
       "version": "7.2.0",
-      "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "inBundle": true,
       "license": "MIT",
@@ -12114,8 +12112,8 @@
     },
     "node_modules/npm/node_modules/util-deprecate": {
       "version": "1.0.2",
-      "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
       "inBundle": true,
       "license": "MIT"
     },
@@ -12188,8 +12186,8 @@
     },
     "node_modules/npm/node_modules/wrappy": {
       "version": "1.0.2",
-      "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
       "inBundle": true,
       "license": "ISC"
     },
@@ -25739,13 +25737,13 @@
         },
         "ansi-regex": {
           "version": "5.0.1",
-          "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
           "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
           "bundled": true
         },
         "ansi-styles": {
           "version": "4.3.0",
-          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
           "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
           "bundled": true,
           "requires": {
@@ -25846,7 +25844,7 @@
         },
         "chalk": {
           "version": "4.1.2",
-          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
           "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
           "bundled": true,
           "requires": {
@@ -25895,8 +25893,8 @@
         },
         "clone": {
           "version": "1.0.4",
-          "resolved": "https://registry.npmmirror.com/clone/-/clone-1.0.4.tgz",
-          "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+          "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+          "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=",
           "bundled": true
         },
         "cmd-shim": {
@@ -25910,7 +25908,7 @@
         },
         "color-convert": {
           "version": "2.0.1",
-          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
           "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
           "bundled": true,
           "requires": {
@@ -25919,7 +25917,7 @@
         },
         "color-name": {
           "version": "1.1.4",
-          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
           "bundled": true
         },
@@ -25947,8 +25945,8 @@
         },
         "concat-map": {
           "version": "0.0.1",
-          "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
-          "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+          "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+          "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
           "bundled": true
         },
         "console-control-strings": {
@@ -25980,6 +25978,8 @@
         },
         "defaults": {
           "version": "1.0.3",
+          "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
+          "integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=",
           "bundled": true,
           "requires": {
             "clone": "^1.0.2"
@@ -26052,8 +26052,8 @@
         },
         "fs.realpath": {
           "version": "1.0.0",
-          "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
-          "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+          "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+          "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
           "bundled": true
         },
         "function-bind": {
@@ -26105,7 +26105,7 @@
         },
         "has-flag": {
           "version": "4.0.0",
-          "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
           "bundled": true
         },
@@ -26177,8 +26177,8 @@
         },
         "imurmurhash": {
           "version": "0.1.4",
-          "resolved": "https://registry.npmmirror.com/imurmurhash/-/imurmurhash-0.1.4.tgz",
-          "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+          "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+          "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
           "bundled": true
         },
         "indent-string": {
@@ -26195,8 +26195,8 @@
         },
         "inflight": {
           "version": "1.0.6",
-          "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
-          "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+          "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+          "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
           "bundled": true,
           "requires": {
             "once": "^1.3.0",
@@ -26230,8 +26230,6 @@
         },
         "ip": {
           "version": "1.1.8",
-          "resolved": "https://registry.npmmirror.com/ip/-/ip-1.1.8.tgz",
-          "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==",
           "bundled": true
         },
         "ip-regex": {
@@ -26270,8 +26268,8 @@
         },
         "isexe": {
           "version": "2.0.0",
-          "resolved": "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz",
-          "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+          "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+          "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
           "bundled": true
         },
         "json-parse-even-better-errors": {
@@ -26592,8 +26590,6 @@
             },
             "minimatch": {
               "version": "3.1.2",
-              "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
-              "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
               "bundled": true,
               "requires": {
                 "brace-expansion": "^1.1.7"
@@ -26721,8 +26717,8 @@
         },
         "once": {
           "version": "1.4.0",
-          "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
-          "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+          "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+          "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
           "bundled": true,
           "requires": {
             "wrappy": "1"
@@ -26783,8 +26779,8 @@
         },
         "path-is-absolute": {
           "version": "1.0.1",
-          "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-          "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+          "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+          "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
           "bundled": true
         },
         "proc-log": {
@@ -26805,8 +26801,8 @@
         },
         "promise-inflight": {
           "version": "1.0.1",
-          "resolved": "https://registry.npmmirror.com/promise-inflight/-/promise-inflight-1.0.1.tgz",
-          "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==",
+          "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+          "integrity": "sha1-mEcocL8igTL8vdhoEputEsPAKeM=",
           "bundled": true
         },
         "promise-retry": {
@@ -26869,6 +26865,8 @@
         },
         "readable-stream": {
           "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
           "bundled": true,
           "requires": {
             "inherits": "^2.0.3",
@@ -26890,8 +26888,8 @@
         },
         "retry": {
           "version": "0.12.0",
-          "resolved": "https://registry.npmmirror.com/retry/-/retry-0.12.0.tgz",
-          "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+          "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+          "integrity": "sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=",
           "bundled": true
         },
         "rimraf": {
@@ -26927,8 +26925,6 @@
             },
             "minimatch": {
               "version": "3.1.2",
-              "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
-              "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
               "bundled": true,
               "requires": {
                 "brace-expansion": "^1.1.7"
@@ -26967,8 +26963,8 @@
         },
         "set-blocking": {
           "version": "2.0.0",
-          "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
-          "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+          "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+          "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
           "bundled": true
         },
         "signal-exit": {
@@ -27002,6 +26998,8 @@
         },
         "spdx-correct": {
           "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+          "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
           "bundled": true,
           "requires": {
             "spdx-expression-parse": "^3.0.0",
@@ -27037,8 +27035,6 @@
         },
         "string_decoder": {
           "version": "1.3.0",
-          "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
-          "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
           "bundled": true,
           "requires": {
             "safe-buffer": "~5.2.0"
@@ -27066,7 +27062,7 @@
         },
         "supports-color": {
           "version": "7.2.0",
-          "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
           "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
           "bundled": true,
           "requires": {
@@ -27123,8 +27119,8 @@
         },
         "util-deprecate": {
           "version": "1.0.2",
-          "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
-          "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+          "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+          "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
           "bundled": true
         },
         "validate-npm-package-license": {
@@ -27181,8 +27177,8 @@
         },
         "wrappy": {
           "version": "1.0.2",
-          "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
-          "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+          "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+          "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
           "bundled": true
         },
         "write-file-atomic": {

H5场景/public/static/css/main.css

@@ -3930,6 +3930,12 @@ a.tag-link {
     cursor: pointer;
 }
 
+@media only screen and (min-width: 2000px) {
+    #gui-modes-map>div[rel] {
+        width: 100px;
+    }
+}
+
 /* #gui-modes-map>div[rel]:hover,
 .pinBottom.right .rightViewContainer>div:hover,
 #play:hover {} */
@@ -4339,6 +4345,13 @@ a.tag-link {
     cursor: pointer;
 }
 
+@media only screen and (min-width: 2000px) {
+    #play,
+    #pause {
+        width: 100px;
+    }
+}
+
 .tourSpinner {
     border-radius: 45px;
     top: -10px;

H5场景/src/assets/style/myBase.css

@@ -8,10 +8,22 @@
   overflow: visible;
   max-width: 500px;
 }
+
+@media screen and (min-width: 2000px) {
+  #drawer-container {
+    max-width: 650px;
+  }
+}
 #drawer-container #drawer.open {
   bottom: 88px;
   height: 140px !important;
 }
+
+@media screen and (min-width: 2000px) {
+  #drawer-container #drawer.open {
+    bottom: 120px;
+  }
+}
 #drawer-container #drawer.open .darkGlass {
   background-color: rgba(0, 0, 0, 0.8);
 }

H5场景/src/assets/style/myBase.less

@@ -10,6 +10,10 @@
   overflow: visible;
   max-width: 500px;
 
+  @media screen and (min-width:2000px) {
+    max-width: 650px;
+  }
+
   #drawer.open {
     bottom: 88px;
     height: 140px !important;

H5场景/src/views/gui/menu.vue

@@ -5,11 +5,7 @@
     </div>
 
     <!-- 展开按钮 -->
-    <div
-      class="myViewShowBox"
-      @click="viewShow = true"
-      :class="{ myViewShowBoxAc: !viewShow }"
-    >
+    <div class="myViewShowBox" @click="viewShow = true" :class="{ myViewShowBoxAc: !viewShow }">
       <img :src="require(`@/assets/img/show.png`)" />
     </div>
 
@@ -22,22 +18,10 @@
     <!-- 音乐按钮 -->
     <div class="myMusicBox" id="volume">
       <div>
-        <img
-          id="openMusic"
-          style="display: block"
-          @click="switchBGM(true)"
-          src="../../assets/img/openM.png"
-          alt=""
-          title="打开音乐"
-        />
-        <img
-          id="closeMusic"
-          style="display: none"
-          @click="switchBGM(false)"
-          src="../../assets/img/closeM.png"
-          alt=""
-          title="关闭音乐"
-        />
+        <img id="openMusic" style="display: block" @click="switchBGM(true)" src="../../assets/img/openM.png" alt=""
+          title="打开音乐" />
+        <img id="closeMusic" style="display: none" @click="switchBGM(false)" src="../../assets/img/closeM.png" alt=""
+          title="关闭音乐" />
       </div>
     </div>
 
@@ -53,189 +37,77 @@
             </div>
           </div>
 
-          <div
-            id="previous"
-            class="previous desktop-only ui-icon"
-            style="display: none"
-          >
+          <div id="previous" class="previous desktop-only ui-icon" style="display: none">
             <a>
-              <img
-                rel="tooltip"
-                title=""
-                :src="require('@/assets/images/play.png')"
-                width="24"
-                height="24"
-                data-original-title="播放"
-              />
+              <img rel="tooltip" title="" :src="require('@/assets/images/play.png')" data-original-title="播放" />
             </a>
           </div>
-          <div
-            id="play"
-            class="ui-icon"
-            rel="tooltip"
-            data-original-title="播放"
-          >
+          <div id="play" class="ui-icon" rel="tooltip" data-original-title="播放">
             <!-- icon文字 -->
             <div class="iconTxt">自动漫游</div>
             <a>
-              <img
-                :src="require('@/assets/images/icon/play.png')"
-                width="24"
-                height="24"
-              />
+              <img :src="require('@/assets/images/icon/play.png')" />
             </a>
           </div>
           <div id="pause" class="ui-icon" style="display: none">
             <!-- icon文字 -->
             <div class="iconTxt iconTxtAc">自动漫游</div>
             <a>
-              <img
-                rel="tooltip"
-                title=""
-                :src="require('@/assets/images/icon/pause.png')"
-                width="24"
-                height="24"
-                data-original-title="暂停"
-              />
+              <img rel="tooltip" title="" :src="require('@/assets/images/icon/pause.png')" data-original-title="暂停" />
             </a>
           </div>
-          <div
-            id="next"
-            class="next desktop-only ui-icon wide"
-            style="display: none"
-          >
+          <div id="next" class="next desktop-only ui-icon wide" style="display: none">
             <a>
-              <i
-                rel="tooltip"
-                title=""
-                class="icon icon-dpad-right"
-                data-original-title="下一个"
-              ></i>
+              <i rel="tooltip" title="" class="icon icon-dpad-right" data-original-title="下一个"></i>
             </a>
           </div>
           <div id="gui-modes-map" class="ui-icon double active">
-            <div
-              data-original-title="导览"
-              @click="isGuide = !isGuide"
-              id="pullTab"
-              rel="tooltip"
-              title="场景导览"
-            >
+            <div data-original-title="导览" @click="isGuide = !isGuide" id="pullTab" rel="tooltip" title="场景导览">
               <!-- icon文字 -->
               <div class="iconTxt" :class="{ iconTxtAc: !isGuide }">
                 导览列表
               </div>
-              <img
-                title=""
-                class="icon icon-inside"
-                :src="
-                  require(`@/assets/images/icon/auto${
-                    !isGuide ? '_active' : ''
-                  }.png`)
-                "
-              />
+              <img title="" class="icon icon-inside" :src="require(`@/assets/images/icon/auto${!isGuide ? '_active' : ''
+                }.png`)
+                " />
             </div>
 
             <!-- 热点列表 -->
             <div class="hotListBox" @click="meanInd = true">
               <div class="iconTxt">热点列表</div>
               <div class="hotListSon">
-                <img
-                  :src="
-                    require(`@/assets/images/icon/${
-                      meanInd ? 'hotAc' : 'hot'
-                    }.png`)
-                  "
-                />
+                <img :src="require(`@/assets/images/icon/${meanInd ? 'hotAc' : 'hot'
+                  }.png`)
+                  " />
               </div>
             </div>
 
-            <div
-              data-original-title="全景漫游"
-              id="gui-modes-inside"
-              rel="tooltip"
-            >
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/icon/inside.png')"
-              />
-              <img
-                class="icon icon-inside active"
-                :src="require('@/assets/images/icon/inside_active.png')"
-              />
+            <div data-original-title="全景漫游" id="gui-modes-inside" rel="tooltip">
+              <img class="icon icon-inside" :src="require('@/assets/images/icon/inside.png')" />
+              <img class="icon icon-inside active" :src="require('@/assets/images/icon/inside_active.png')" />
             </div>
-            <div
-              title="迷你漫游"
-              data-original-title="迷你模型"
-              id="gui-modes-dollhouse"
-              rel="tooltip"
-            >
+            <div title="迷你漫游" data-original-title="迷你模型" id="gui-modes-dollhouse" rel="tooltip">
               <!-- icon文字 -->
               <div class="iconTxt">迷你模型</div>
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/icon/dollhouse.png')"
-              />
-              <img
-                class="icon icon-inside active"
-                :src="require('@/assets/images/icon/dollhouse_active.png')"
-              />
+              <img class="icon icon-inside" :src="require('@/assets/images/icon/dollhouse.png')" />
+              <img class="icon icon-inside active" :src="require('@/assets/images/icon/dollhouse_active.png')" />
             </div>
-            <div
-              data-original-title="俯视图"
-              id="gui-modes-floorplan"
-              rel="tooltip"
-              title="顶部俯视"
-            >
+            <div data-original-title="俯视图" id="gui-modes-floorplan" rel="tooltip" title="顶部俯视">
               <!-- icon文字 -->
               <div class="iconTxt">顶部俯视</div>
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/icon/floor.png')"
-              />
-              <img
-                class="active icon icon-inside active"
-                :src="require('@/assets/images/icon/floor_active.png')"
-              />
+              <img class="icon icon-inside" :src="require('@/assets/images/icon/floor.png')" />
+              <img class="active icon icon-inside active" :src="require('@/assets/images/icon/floor_active.png')" />
             </div>
-            <div
-              data-original-title="VR"
-              id="vr"
-              rel="tooltip"
-              title=""
-              style="display: none"
-            >
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/VR.png')"
-              />
+            <div data-original-title="VR" id="vr" rel="tooltip" title="" style="display: none">
+              <img class="icon icon-inside" :src="require('@/assets/images/VR.png')" />
             </div>
-            <div
-              data-original-title="热点列表"
-              id="hotList"
-              rel="tooltip"
-              title=""
-            >
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/hotlist.png')"
-              />
-              <img
-                class="icon icon-inside active"
-                :src="require('@/assets/images/hotlist.png')"
-              />
+            <div data-original-title="热点列表" id="hotList" rel="tooltip" title="">
+              <img class="icon icon-inside" :src="require('@/assets/images/hotlist.png')" />
+              <img class="icon icon-inside active" :src="require('@/assets/images/hotlist.png')" />
             </div>
-            <div
-              data-original-title="消除外壳"
-              id="gui-remove-face"
-              rel="tooltip"
-              title=""
-              style="display: none; float: left"
-            >
-              <img
-                class="icon icon-inside"
-                :src="require('@/assets/images/face.jpg')"
-              />
+            <div data-original-title="消除外壳" id="gui-remove-face" rel="tooltip" title=""
+              style="display: none; float: left">
+              <img class="icon icon-inside" :src="require('@/assets/images/face.jpg')" />
             </div>
           </div>
         </div>
@@ -254,20 +126,12 @@
 
         <div id="vr" class="ui-icon wide hidden" style="display: none">
           <a>
-            <i
-              rel="tooltip"
-              title="{[{ VIEW_IN_VR }]}"
-              class="icon icon-webvr"
-            ></i>
+            <i rel="tooltip" title="{[{ VIEW_IN_VR }]}" class="icon icon-webvr"></i>
           </a>
         </div>
         <div id="sharing" class="ui-icon wide hidden" style="display: none">
           <a>
-            <i
-              rel="tooltip"
-              title="{[{ SOCIAL_SHARING }]}"
-              class="icon icon-share"
-            ></i>
+            <i rel="tooltip" title="{[{ SOCIAL_SHARING }]}" class="icon icon-share"></i>
           </a>
         </div>
         <div class="pull-right terms terms2">
@@ -325,7 +189,7 @@ export default {
     },
   },
   computed: {},
-  mounted() {},
+  mounted() { },
   methods: {
     switchBGM(flag) {
       if (flag) {
@@ -346,9 +210,12 @@ export default {
 #hotList {
   display: none !important;
 }
+
 ::-webkit-scrollbar {
-  width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
+  width: 5px;
+  /*高宽分别对应横竖滚动条的尺寸*/
 }
+
 ::-webkit-scrollbar-thumb {
   // box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
   background: #edd3b0;
@@ -356,13 +223,16 @@ export default {
   color: #edd3b0;
   outline: none;
 }
+
 #gui-modes-inside {
   position: relative;
   display: none !important;
 }
+
 #gui-modes-dollhouse {
   position: relative;
 }
+
 #gui-modes-floorplan {
   position: relative;
 }
@@ -370,34 +240,71 @@ export default {
 // 右侧菜单栏
 @wh: 44px;
 @margin: 0px;
+
 #play,
 #pause {
   margin-right: @margin;
+
   img {
     width: @wh;
     height: @wh;
+
+    @media screen and (min-width: 1000px) and (max-width: 2000px) {
+      width: 60px !important;
+      height: 60px !important;
+    }
+
+    @media screen and (min-width: 2000px) {
+      width: 80px !important;
+      height: 80px !important;
+    }
+
   }
 }
+
 .rightViewContainer {
   display: flex !important;
   align-items: center !important;
 }
+
 #gui-modes-map {
-  > div {
+
+  // @media screen and (min-width: 2000px) {
+  //   min-width: 500px;
+  // }
+
+  >div {
     margin-right: @margin;
-    > img {
-      width: @wh;
-      height: @wh;
+
+    >img {
+      width: 44px;
+      height: 44px;
       display: block !important;
+
+      @media screen and (min-width: 1000px) and (max-width: 2000px) {
+        width: 60px !important;
+        height: 60px !important;
+      }
+
+      @media screen and (min-width: 2000px) {
+        width: 80px !important;
+        height: 80px !important;
+      }
     }
+
+
+
+
     .active {
       display: none !important;
     }
   }
+
   .active {
-    > img {
+    >img {
       display: none !important;
     }
+
     .active {
       display: block !important;
     }
@@ -410,20 +317,34 @@ export default {
 
 #gui-fullscreen img {
   width: 40px;
+
+
 }
+
 #volume {
   width: 40px;
+
+  @media screen and (min-width: 1000px) and(max-width: 2000px) {
+    width: 60px;
+  }
+
+  @media screen and (min-width: 2000px) {
+    width: 80px;
+  }
 }
 
 #gui-fullscreen-exit img {
   width: 40px !important;
 }
+
 .bgandshare {
   background: none !important;
+
   // margin-right: 20px!important;
-  > div {
+  >div {
     width: 100%;
     cursor: pointer;
+
     img {
       width: 100%;
     }
@@ -442,6 +363,11 @@ export default {
     transform: translateX(-50%);
     width: 100%;
     text-align: center;
+
+    @media screen and (min-width: 2000px) {
+      font-size: 16px;
+    }
+
     &::before {
       content: "";
       position: absolute;
@@ -453,9 +379,11 @@ export default {
       background-size: 100% 100%;
     }
   }
+
   .iconTxtAc {
     color: #0a93cd;
   }
+
   // .active{
   //   .iconTxt{
   //     color: #13709e;
@@ -466,11 +394,13 @@ export default {
       color: #0a93cd;
     }
   }
+
   #gui-modes-floorplan.active {
     .iconTxt {
       color: #0a93cd;
     }
   }
+
   .hotListBox {
     cursor: pointer;
     float: left;
@@ -478,11 +408,32 @@ export default {
     height: 44px;
     position: relative;
     z-index: 100;
+
+    @media screen and (min-width: 1000px) {
+      height: auto;
+
+    }
+
+    @media screen and (min-width: 2000px) {
+      width: 100px;
+    }
+
     .hotListSon {
       text-align: center;
-      & > img {
+
+      &>img {
         width: 44px !important;
         height: 44px !important;
+
+        @media screen and (min-width: 1000px) and (max-width: 2000px) {
+          width: 60px !important;
+          height: 60px !important;
+        }
+
+        @media screen and (min-width: 2000px) {
+          width: 80px !important;
+          height: 80px !important;
+        }
       }
     }
   }
@@ -496,6 +447,11 @@ export default {
     justify-content: center;
     display: flex;
     position: relative;
+
+    @media screen and (min-width:2000px) {
+      max-width: 650px;
+    }
+
     .viewXian {
       padding: 10px 10px 46px 10px;
       position: absolute;
@@ -504,18 +460,33 @@ export default {
       height: 100%;
       left: 0;
       top: 0;
-      & > img {
+
+      @media screen and (min-width:2000px) {
+        max-width: 650px;
+      }
+
+      &>img {
         width: 100%;
         height: 100%;
         object-fit: contain;
       }
+
       .viewShowIcon {
         cursor: pointer;
         position: absolute;
         right: 7px;
         top: 4px;
-        & > img {
+
+        &>img {
           width: 30px;
+
+          @media screen and (min-width: 1000px) and (max-width: 2000px) {
+            width: 40px;
+          }
+
+          @media screen and (min-width: 2000px) {
+            width: 52px;
+          }
         }
       }
     }
@@ -525,14 +496,17 @@ export default {
   @media screen and (max-width: 370px) {
     .viewContainer {
       padding: 10px 0 34px 0;
+
       .viewXian {
         padding: 10px 0px 46px 0px;
+
         .viewShowIcon {
           z-index: 999;
           position: absolute;
           right: 0px;
           top: 4px;
-          & > img {
+
+          &>img {
             width: 30px;
           }
         }
@@ -549,16 +523,32 @@ export default {
     opacity: 0;
     pointer-events: none;
     transition: all 0.5s;
-    & > img {
+
+    &>img {
       width: 30px;
+
+      @media screen and (min-width:1000px) and (max-width: 2000px) {
+        width: 40px;
+      }
+
+      @media screen and (min-width:2000px) {
+        width: 50px;
+      }
     }
   }
+
   .myViewShowBoxAc {
     opacity: 1;
     pointer-events: auto;
   }
+
   .viewShowAc {
     transform: translateX(-500px);
+
+    @media screen and (min-width:2000px) {
+      transform: translateX(-650px);
+
+    }
   }
 
   // 音乐
@@ -569,13 +559,40 @@ export default {
     right: 10px;
     top: 320px;
     width: 40px;
-    & > div {
+
+    @media screen and (min-width: 1000px) and(max-width: 2000px) {
+      width: 60px;
+    }
+
+    @media screen and (min-width: 2000px) {
+      width: 80px;
+    }
+
+    &>div {
       width: 40px;
-      & > img {
+
+      @media screen and (min-width: 1000px) and(max-width: 2000px) {
+        width: 60px;
+      }
+
+      @media screen and (min-width: 2000px) {
+        width: 80px;
+      }
+
+      &>img {
         width: 40px;
+
+        @media screen and (min-width: 1000px) and(max-width: 2000px) {
+          width: 60px;
+        }
+
+        @media screen and (min-width: 2000px) {
+          width: 80px;
+        }
       }
     }
   }
+
   .smMapBox {
     position: fixed;
     z-index: 99;
@@ -585,6 +602,7 @@ export default {
     height: 16px;
     transition: all 0.3s;
     transform: rotate(90deg);
+
     .smMapBoxSon {
       border-radius: 0 0 4px 4px;
       height: 16px;
@@ -592,16 +610,19 @@ export default {
       width: 40px;
       margin: 0 auto;
       text-align: center;
-      & > img {
+
+      &>img {
         position: relative;
         top: -5px;
         width: 20px;
       }
     }
   }
+
   .smMapBoxHide {
     right: -61px;
     transform: rotate(-90deg);
+
     .smMapBoxSon {
       border-radius: 4px 4px 0px 0px;
     }