1226

web/package-lock.json

@@ -8,6 +8,7 @@
       "name": "web",
       "version": "0.1.0",
       "dependencies": {
+        "any-touch": "^1.0.15",
         "axios": "^0.19.2",
         "core-js": "^3.6.5",
         "js-base64": "^3.6.1",
@@ -33,6 +34,105 @@
         "vue-template-compiler": "^2.6.11"
       }
     },
+    "node_modules/@any-touch/compute": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/compute/download/@any-touch/compute-1.0.15.tgz",
+      "integrity": "sha512-UHuvIi3ACigVwWEv+MBtY3LZcyfnvfBLImPfDPLpJKzvZe/4/uZ7tCH8wgDXnP9QcPk+iB0B9PGgmSpUxK7Vbg==",
+      "dependencies": {
+        "@any-touch/shared": "^1.0.15",
+        "@any-touch/vector": "^1.0.15",
+        "tslib": "^1.9.3"
+      }
+    },
+    "node_modules/@any-touch/core": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/core/download/@any-touch/core-1.0.15.tgz",
+      "integrity": "sha512-PwjALDHKVWxUymOtyXc76jaw5km/u8I+Vgeu+EVS3do0cOPktGUs7PHed5bXuLVWZ9/TnuUKgVpiQyimbj1+9Q==",
+      "dependencies": {
+        "@any-touch/shared": "^1.0.15",
+        "any-event": "^1.0.15"
+      }
+    },
+    "node_modules/@any-touch/pan": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/pan/download/@any-touch/pan-1.0.15.tgz",
+      "integrity": "sha512-7p15Zgv4/KQHF0/Xm1lvjGQYysMXd0L9yWRTi8f2Evm5x/116cQHXQ/30S1LIaxZJ/aNe2LLt2sSQbEXyW1c7g==",
+      "dependencies": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15",
+        "@any-touch/shared": "^1.0.15"
+      }
+    },
+    "node_modules/@any-touch/pinch": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/pinch/download/@any-touch/pinch-1.0.15.tgz",
+      "integrity": "sha512-mdhqOJFzf6VAtFOLPMqAd/Ob/3kpjyPhVbWBaPhgM6uVWUUnrnBWhuBiYtq9iK91UdvIvaE6LO5XP4PCUq1WyA==",
+      "dependencies": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15"
+      }
+    },
+    "node_modules/@any-touch/press": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/press/download/@any-touch/press-1.0.15.tgz",
+      "integrity": "sha512-S2PqLf80lL0qgXddjak4qEx/+r+JQvVFviuy6nrh9rs4t9xXuykpINuwRF2z1RkbzKZ/mwdzy9b7YAlIF8yuNA==",
+      "dependencies": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15",
+        "@any-touch/shared": "^1.0.15"
+      }
+    },
+    "node_modules/@any-touch/recognizer": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/recognizer/download/@any-touch/recognizer-1.0.15.tgz",
+      "integrity": "sha512-9vpWQLO2DyUMN3zN+C5lHqhR/vKg5FE7CVkcNu3tb+cXo8jr0RgDSmoe6evgP4TsB3BEYQ3xMu6vsp40uJK4VQ==",
+      "dependencies": {
+        "@any-touch/shared": "^1.0.15"
+      }
+    },
+    "node_modules/@any-touch/rotate": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/rotate/download/@any-touch/rotate-1.0.15.tgz",
+      "integrity": "sha512-lONsCltIhjREd4SRwwoEZKu73zvRkMButKoHn1hNGpIeop1V1o8VpaWFDK9/1akIa9lUJrE8WJCO7189NELKlw==",
+      "dependencies": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15"
+      }
+    },
+    "node_modules/@any-touch/shared": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/shared/download/@any-touch/shared-1.0.15.tgz",
+      "integrity": "sha512-JRtA6h0Wa2gImvPpsM5JATxCK6t7ezBEEVN6ZsB6v3FAK/QmxrnA0O6W4liai7jKj1tA7JLtsRCZJ9v4CWFxsA=="
+    },
+    "node_modules/@any-touch/swipe": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/swipe/download/@any-touch/swipe-1.0.15.tgz",
+      "integrity": "sha512-yByCoJV3jYowXQbulP/eLcL0s2OgiaDJRKdJymrQbUlDjh0hDN462QUA1gUsPTTGlu2r7ou60qTUltKGTLOTSw==",
+      "dependencies": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15",
+        "@any-touch/shared": "^1.0.15"
+      }
+    },
+    "node_modules/@any-touch/tap": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/tap/download/@any-touch/tap-1.0.15.tgz",
+      "integrity": "sha512-a686H9XpbUfSoL8XogsHvLkXryiEaGZuaguCYTLFePQ8lk/ottixDDIjau7dj8OqlmUOwXRmyHfPKPSJ7JKG5g==",
+      "dependencies": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15",
+        "@any-touch/shared": "^1.0.15",
+        "@any-touch/vector": "^1.0.15"
+      }
+    },
+    "node_modules/@any-touch/vector": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/vector/download/@any-touch/vector-1.0.15.tgz",
+      "integrity": "sha512-YajzYuUsBgDgAeVMFcy1bkwQoyqIcA56sDd3QxKkrG0x5BuakfDzV/G3lsPtVV3MfWDuidPZP2K14orf1jlzaw==",
+      "dependencies": {
+        "@any-touch/shared": "^1.0.15"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.10.4",
       "resolved": "https://registry.npm.taobao.org/@babel/code-frame/download/@babel/code-frame-7.10.4.tgz?cache=0&sync_timestamp=1593522948158&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fcode-frame%2Fdownload%2F%40babel%2Fcode-frame-7.10.4.tgz",
@@ -2402,12 +2502,36 @@
         "node": ">=4"
       }
     },
+    "node_modules/any-event": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/any-event/download/any-event-1.0.15.tgz",
+      "integrity": "sha512-7OKjbGsZRvwBHYtiYuWIgj5XtxaraQja6qKqQTgcNVT0bw+5l3U8bYo3cIIFxLpL84vYsFdysiPvh9dsC+I0sg==",
+      "dependencies": {
+        "tslib": "^1.9.3"
+      }
+    },
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "http://registry.npm.taobao.org/any-promise/download/any-promise-1.3.0.tgz",
       "integrity": "sha1-q8av7tzqUugJzcA3au0845Y10X8=",
       "dev": true
     },
+    "node_modules/any-touch": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/any-touch/download/any-touch-1.0.15.tgz",
+      "integrity": "sha512-BgwyDcsFdJ6p5TeEAlYZ2fIjP7e+NMzLO09SltXuu0kJqCXq5tZ8xq2MFpP7pc2WcPo4KdKFUrTM3GVNljG+dQ==",
+      "dependencies": {
+        "@any-touch/core": "^1.0.15",
+        "@any-touch/pan": "^1.0.15",
+        "@any-touch/pinch": "^1.0.15",
+        "@any-touch/press": "^1.0.15",
+        "@any-touch/rotate": "^1.0.15",
+        "@any-touch/swipe": "^1.0.15",
+        "@any-touch/tap": "^1.0.15",
+        "any-event": "^1.0.15",
+        "tslib": "^1.9.3"
+      }
+    },
     "node_modules/anymatch": {
       "version": "3.1.1",
       "resolved": "https://registry.npm.taobao.org/anymatch/download/anymatch-3.1.1.tgz",
@@ -12372,8 +12496,7 @@
     "node_modules/tslib": {
       "version": "1.13.0",
       "resolved": "https://registry.npm.taobao.org/tslib/download/tslib-1.13.0.tgz?cache=0&sync_timestamp=1589411820927&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-1.13.0.tgz",
-      "integrity": "sha1-yIHhPMcBWJTtkUhi0nZDb6mkcEM=",
-      "dev": true
+      "integrity": "sha1-yIHhPMcBWJTtkUhi0nZDb6mkcEM="
     },
     "node_modules/tty-browserify": {
       "version": "0.0.0",
@@ -14058,6 +14181,105 @@
     }
   },
   "dependencies": {
+    "@any-touch/compute": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/compute/download/@any-touch/compute-1.0.15.tgz",
+      "integrity": "sha512-UHuvIi3ACigVwWEv+MBtY3LZcyfnvfBLImPfDPLpJKzvZe/4/uZ7tCH8wgDXnP9QcPk+iB0B9PGgmSpUxK7Vbg==",
+      "requires": {
+        "@any-touch/shared": "^1.0.15",
+        "@any-touch/vector": "^1.0.15",
+        "tslib": "^1.9.3"
+      }
+    },
+    "@any-touch/core": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/core/download/@any-touch/core-1.0.15.tgz",
+      "integrity": "sha512-PwjALDHKVWxUymOtyXc76jaw5km/u8I+Vgeu+EVS3do0cOPktGUs7PHed5bXuLVWZ9/TnuUKgVpiQyimbj1+9Q==",
+      "requires": {
+        "@any-touch/shared": "^1.0.15",
+        "any-event": "^1.0.15"
+      }
+    },
+    "@any-touch/pan": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/pan/download/@any-touch/pan-1.0.15.tgz",
+      "integrity": "sha512-7p15Zgv4/KQHF0/Xm1lvjGQYysMXd0L9yWRTi8f2Evm5x/116cQHXQ/30S1LIaxZJ/aNe2LLt2sSQbEXyW1c7g==",
+      "requires": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15",
+        "@any-touch/shared": "^1.0.15"
+      }
+    },
+    "@any-touch/pinch": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/pinch/download/@any-touch/pinch-1.0.15.tgz",
+      "integrity": "sha512-mdhqOJFzf6VAtFOLPMqAd/Ob/3kpjyPhVbWBaPhgM6uVWUUnrnBWhuBiYtq9iK91UdvIvaE6LO5XP4PCUq1WyA==",
+      "requires": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15"
+      }
+    },
+    "@any-touch/press": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/press/download/@any-touch/press-1.0.15.tgz",
+      "integrity": "sha512-S2PqLf80lL0qgXddjak4qEx/+r+JQvVFviuy6nrh9rs4t9xXuykpINuwRF2z1RkbzKZ/mwdzy9b7YAlIF8yuNA==",
+      "requires": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15",
+        "@any-touch/shared": "^1.0.15"
+      }
+    },
+    "@any-touch/recognizer": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/recognizer/download/@any-touch/recognizer-1.0.15.tgz",
+      "integrity": "sha512-9vpWQLO2DyUMN3zN+C5lHqhR/vKg5FE7CVkcNu3tb+cXo8jr0RgDSmoe6evgP4TsB3BEYQ3xMu6vsp40uJK4VQ==",
+      "requires": {
+        "@any-touch/shared": "^1.0.15"
+      }
+    },
+    "@any-touch/rotate": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/rotate/download/@any-touch/rotate-1.0.15.tgz",
+      "integrity": "sha512-lONsCltIhjREd4SRwwoEZKu73zvRkMButKoHn1hNGpIeop1V1o8VpaWFDK9/1akIa9lUJrE8WJCO7189NELKlw==",
+      "requires": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15"
+      }
+    },
+    "@any-touch/shared": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/shared/download/@any-touch/shared-1.0.15.tgz",
+      "integrity": "sha512-JRtA6h0Wa2gImvPpsM5JATxCK6t7ezBEEVN6ZsB6v3FAK/QmxrnA0O6W4liai7jKj1tA7JLtsRCZJ9v4CWFxsA=="
+    },
+    "@any-touch/swipe": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/swipe/download/@any-touch/swipe-1.0.15.tgz",
+      "integrity": "sha512-yByCoJV3jYowXQbulP/eLcL0s2OgiaDJRKdJymrQbUlDjh0hDN462QUA1gUsPTTGlu2r7ou60qTUltKGTLOTSw==",
+      "requires": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15",
+        "@any-touch/shared": "^1.0.15"
+      }
+    },
+    "@any-touch/tap": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/tap/download/@any-touch/tap-1.0.15.tgz",
+      "integrity": "sha512-a686H9XpbUfSoL8XogsHvLkXryiEaGZuaguCYTLFePQ8lk/ottixDDIjau7dj8OqlmUOwXRmyHfPKPSJ7JKG5g==",
+      "requires": {
+        "@any-touch/compute": "^1.0.15",
+        "@any-touch/recognizer": "^1.0.15",
+        "@any-touch/shared": "^1.0.15",
+        "@any-touch/vector": "^1.0.15"
+      }
+    },
+    "@any-touch/vector": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/@any-touch/vector/download/@any-touch/vector-1.0.15.tgz",
+      "integrity": "sha512-YajzYuUsBgDgAeVMFcy1bkwQoyqIcA56sDd3QxKkrG0x5BuakfDzV/G3lsPtVV3MfWDuidPZP2K14orf1jlzaw==",
+      "requires": {
+        "@any-touch/shared": "^1.0.15"
+      }
+    },
     "@babel/code-frame": {
       "version": "7.10.4",
       "resolved": "https://registry.npm.taobao.org/@babel/code-frame/download/@babel/code-frame-7.10.4.tgz?cache=0&sync_timestamp=1593522948158&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fcode-frame%2Fdownload%2F%40babel%2Fcode-frame-7.10.4.tgz",
@@ -16024,12 +16246,36 @@
         "color-convert": "^1.9.0"
       }
     },
+    "any-event": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/any-event/download/any-event-1.0.15.tgz",
+      "integrity": "sha512-7OKjbGsZRvwBHYtiYuWIgj5XtxaraQja6qKqQTgcNVT0bw+5l3U8bYo3cIIFxLpL84vYsFdysiPvh9dsC+I0sg==",
+      "requires": {
+        "tslib": "^1.9.3"
+      }
+    },
     "any-promise": {
       "version": "1.3.0",
       "resolved": "http://registry.npm.taobao.org/any-promise/download/any-promise-1.3.0.tgz",
       "integrity": "sha1-q8av7tzqUugJzcA3au0845Y10X8=",
       "dev": true
     },
+    "any-touch": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmmirror.com/any-touch/download/any-touch-1.0.15.tgz",
+      "integrity": "sha512-BgwyDcsFdJ6p5TeEAlYZ2fIjP7e+NMzLO09SltXuu0kJqCXq5tZ8xq2MFpP7pc2WcPo4KdKFUrTM3GVNljG+dQ==",
+      "requires": {
+        "@any-touch/core": "^1.0.15",
+        "@any-touch/pan": "^1.0.15",
+        "@any-touch/pinch": "^1.0.15",
+        "@any-touch/press": "^1.0.15",
+        "@any-touch/rotate": "^1.0.15",
+        "@any-touch/swipe": "^1.0.15",
+        "@any-touch/tap": "^1.0.15",
+        "any-event": "^1.0.15",
+        "tslib": "^1.9.3"
+      }
+    },
     "anymatch": {
       "version": "3.1.1",
       "resolved": "https://registry.npm.taobao.org/anymatch/download/anymatch-3.1.1.tgz",
@@ -24366,8 +24612,7 @@
     "tslib": {
       "version": "1.13.0",
       "resolved": "https://registry.npm.taobao.org/tslib/download/tslib-1.13.0.tgz?cache=0&sync_timestamp=1589411820927&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-1.13.0.tgz",
-      "integrity": "sha1-yIHhPMcBWJTtkUhi0nZDb6mkcEM=",
-      "dev": true
+      "integrity": "sha1-yIHhPMcBWJTtkUhi0nZDb6mkcEM="
     },
     "tty-browserify": {
       "version": "0.0.0",

web/package.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "any-touch": "^1.0.15",
     "axios": "^0.19.2",
     "core-js": "^3.6.5",
     "js-base64": "^3.6.1",

web/public/static/css/main.css

@@ -3445,7 +3445,7 @@ a.hasHover:hover, a:active {
 
 .pinBottom.right {
     float: right;
-    right: 0;
+    right: 30px;
     text-shadow: 0 0 1px rgba(0, 0, 0, .6);
     z-index: 50;
     bottom: 10px;
@@ -3454,7 +3454,7 @@ a.hasHover:hover, a:active {
 .pinBottom.left {
     z-index: 50;
     border-radius: 10px;
-    left: 10px;
+    left: 30px;
     bottom: 10px;
 }
 
@@ -3473,7 +3473,7 @@ a.hasHover:hover, a:active {
 
 #gui-modes-map>div[rel] {
     float: left;
-    width: 94px;
+    width: 80px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -3617,12 +3617,6 @@ a.hasHover:hover, a:active {
     cursor: pointer
 }
 
-#gui-fullscreen, #gui-fullscreen-exit, .socialButton {
-    position: fixed;
-    top: 10px;
-    right: 10px;
-    z-index: 999;
-}
 
 .pinBottom.right .icon {
     cursor: pointer;
@@ -3781,7 +3775,7 @@ a.hasHover:hover, a:active {
     text-align: center;
     font-weight: bold;
     position: relative;
-    top: -3px;
+    top: -8px;
     left: -1px;
 }
 
@@ -3876,7 +3870,7 @@ a.hasHover:hover, a:active {
 
 #play, #pause {
     position: relative;
-    width: 94px;
+    width: 80px;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -4009,11 +4003,11 @@ a.hasHover:hover, a:active {
 }
 
 #gui #drawer.playing, #gui .pinBottom.playing {
-    bottom: 20px
+    bottom: 28px
 }
 
 #thumb-container .thumbImg {
-    cursor: pointer
+    cursor: pointer;
 }
 
 .playing #thumb-container .thumbImg {
@@ -4021,7 +4015,8 @@ a.hasHover:hover, a:active {
 }
 
 #thumb-container .thumbImg img {
-    height: 97px
+    height: 97px;
+    border-radius: 6px;
 }
 
 .frame-container {
@@ -4032,7 +4027,29 @@ a.hasHover:hover, a:active {
 
 .fullWidth .frame-container {
     width: 100%;
-    background: linear-gradient(90deg, rgba(20, 62, 58, 0.5) 0%, rgba(20, 62, 58, 0) 100%);
+    position: relative;
+    background: none;
+}
+
+.fullWidth .frame-container::before{
+      content: '';
+      position: absolute;
+      top: 0; 
+      bottom: 0;
+      left: 0; 
+      right: 0;
+      z-index: -1;
+      background-repeat: no-repeat;
+      background-position: center;
+      font-size: 0;
+}
+
+@supports (backdrop-filter: brightness(60%)) {
+    .fullWidth .frame-container::before{
+        content: '';
+        backdrop-filter: blur(10px) brightness(80%)!important;
+        background-color: rgba(0,0,0,0)!important;
+      }
 }
 
 .frame {
@@ -4069,7 +4086,6 @@ a.hasHover:hover, a:active {
     line-height: 30px;
     padding: 0 8px;
     color: #fff;
-    background-color: rgba(0, 0, 0, .7);
     overflow: hidden;
     white-space: nowrap;
     font-weight: 100;
@@ -4124,11 +4140,11 @@ a.hasHover:hover, a:active {
 
 .frame .slidee li.thumbImg.active>img, .frame .slidee li.thumbImg.hasHover.active>img:hover {
     opacity: 1;
-    border: 4px solid #338F7B;
+    border: 4px solid #FFE0A6;
 }
 
 .frame .slidee li.thumbImg.active>.overlay, .frame .slidee li.thumbImg.hasHover.active>.overlay:hover {
-    color: #338F7B;
+    color: #FFE0A6;
 }
 
 .scrollbar {
@@ -4143,7 +4159,7 @@ a.hasHover:hover, a:active {
 .scrollbar .handle {
     width: 100px;
     height: 100%;
-    background: #338F7B;
+    background: #FFE0A6;
     border-radius: 5px
 }
 

web/public/static/js/main_2020_show.js

@@ -7609,7 +7609,7 @@ window.Modernizr = function(n, e, t) {
                     $(".icon:visible").hide().show(0)
                 }, 100)
             }),
-            $("#gui-fullscreen").find("a").on("click", function(e) {
+            $("#gui-fullscreen").on("click", function(e) {
                 l(e),
                 K.requestFullscreen($("body")[0]),
                 J.track("showcase_gui", {
@@ -7619,7 +7619,7 @@ window.Modernizr = function(n, e, t) {
                 //czj
                 //W.reload()
             }),
-            $("#gui-fullscreen-exit").find("a").on("click", function(e) {
+            $("#gui-fullscreen-exit").on("click", function(e) {
                 l(e),
                 K.exitFullscreen(),
                 J.track("showcase_gui", {

web/src/assets/images/icon/bigscene/chat.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="93.5" height="68.19" viewBox="0 0 93.5 68.19">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#248570"/>
+      <stop offset="1" stop-color="#4ab19b"/>
+    </linearGradient>
+    <filter id="路径_16256">
+      <feOffset dx="1" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-color="#b0eee3" result="color"/>
+      <feComposite operator="out" in="SourceGraphic" in2="blur"/>
+      <feComposite operator="in" in="color"/>
+      <feComposite operator="in" in2="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="chat" transform="translate(-2742.185 -2470.043)">
+    <path id="联合_1" data-name="联合 1" d="M4155.185,1017.733a3,3,0,0,1-3-3v-34a3,3,0,0,1,3-3h13v-10a2,2,0,0,1,2-2h29a2,2,0,0,1,2,2v10h13a3,3,0,0,1,3,3v34a3,3,0,0,1-3,3Zm42-40v-8h-25v8Z" transform="translate(-1382 1520)" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1" fill="url(#linear-gradient)"/>
+    <g data-type="innerShadowGroup">
+      <path id="路径_16256-2" data-name="路径 16256" d="M2805.846,2470.043h-57.076c-3.637,0-6.585,2.551-6.585,5.7v41.632c0,3.147,2.948,5.7,6.585,5.7H2759.7l-.519,6.649,18.953-6.649h27.716c3.637,0,6.586-2.551,6.586-5.7v-41.632C2812.432,2472.594,2809.483,2470.043,2805.846,2470.043Z" fill="#338e7f"/>
+      <g transform="matrix(1, 0, 0, 1, 2742.19, 2470.04)" filter="url(#路径_16256)">
+        <path id="路径_16256-3" data-name="路径 16256" d="M2805.846,2470.043h-57.076c-3.637,0-6.585,2.551-6.585,5.7v41.632c0,3.147,2.948,5.7,6.585,5.7H2759.7l-.519,6.649,18.953-6.649h27.716c3.637,0,6.586-2.551,6.586-5.7v-41.632C2812.432,2472.594,2809.483,2470.043,2805.846,2470.043Z" transform="translate(-2742.19 -2470.04)" fill="#fff"/>
+      </g>
+    </g>
+    <rect id="矩形_488" data-name="矩形 488" width="47.807" height="3.659" rx="1.829" transform="translate(2754.625 2483.947)" fill="#fff"/>
+    <rect id="矩形_489" data-name="矩形 489" width="31.221" height="3.659" rx="1.829" transform="translate(2754.625 2497.85)" fill="#fff"/>
+    <path id="联合_3" data-name="联合 3" d="M1924.5,345v-4h-4v-3h4v-4h3v4h4v3h-4v4Z" transform="translate(898.685 2187.732)" fill="#fff"/>
+  </g>
+</svg>

web/src/assets/images/icon/bigscene/collection.svg

@@ -0,0 +1,43 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="87.261" height="80.919" viewBox="0 0 87.261 80.919">
+  <defs>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#248570"/>
+      <stop offset="1" stop-color="#4ab19b"/>
+    </linearGradient>
+    <filter id="路径_28037">
+      <feOffset dx="1" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-color="#b0eee3" result="color"/>
+      <feComposite operator="out" in="SourceGraphic" in2="blur"/>
+      <feComposite operator="in" in="color"/>
+      <feComposite operator="in" in2="SourceGraphic"/>
+    </filter>
+    <linearGradient id="linear-gradient-2" x1="0.336" y1="2.677" x2="0.629" y2="-0.144" xlink:href="#linear-gradient"/>
+    <filter id="矩形_1654">
+      <feOffset dx="1" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur-2"/>
+      <feFlood flood-color="#b0eee3" result="color-2"/>
+      <feComposite operator="out" in="SourceGraphic" in2="blur-2"/>
+      <feComposite operator="in" in="color-2"/>
+      <feComposite operator="in" in2="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="collection" transform="translate(-1065.837 -1753.053)">
+    <path id="路径_28036" data-name="路径 28036" d="M1151.59,1806.171c8.042,8.489,12.447,21.346,10.808,34.828a44.815,44.815,0,0,1-2.156,9.325l-9.23-1.532a45.434,45.434,0,0,0,1.2-6.226,43.83,43.83,0,0,0-8.448-32.063Z" transform="translate(-22.799 -16.503)" fill="url(#linear-gradient)"/>
+    <g data-type="innerShadowGroup">
+      <path id="路径_28037-2" data-name="路径 28037" d="M1151.59,1806.171c8.042,8.489,12.447,21.346,10.808,34.828a44.815,44.815,0,0,1-2.156,9.325l-9.23-1.532a45.434,45.434,0,0,0,1.2-6.226,43.83,43.83,0,0,0-8.448-32.063Z" transform="translate(-25.799 -16.352)" fill="#fff"/>
+      <g transform="matrix(1, 0, 0, 1, 1065.84, 1753.05)" filter="url(#路径_28037)">
+        <path id="路径_28037-3" data-name="路径 28037" d="M1151.59,1806.171c8.042,8.489,12.447,21.346,10.808,34.828a44.815,44.815,0,0,1-2.156,9.325l-9.23-1.532a45.434,45.434,0,0,0,1.2-6.226,43.83,43.83,0,0,0-8.448-32.063Z" transform="translate(-1091.64 -1769.4)" fill="#fff"/>
+      </g>
+    </g>
+    <rect id="矩形_1653" data-name="矩形 1653" width="63.08" height="18.996" transform="translate(1076.961 1798.058) rotate(-45)" fill="url(#linear-gradient-2)"/>
+    <g data-type="innerShadowGroup">
+      <rect id="矩形_1654-2" data-name="矩形 1654" width="50.894" height="32.314" transform="translate(1076.56 1789.041) rotate(-45)" fill="#fff"/>
+      <g transform="matrix(1, 0, 0, 1, 1065.84, 1753.05)" filter="url(#矩形_1654)">
+        <rect id="矩形_1654-3" data-name="矩形 1654" width="50.894" height="32.314" transform="translate(10.72 35.99) rotate(-45)" fill="#fff"/>
+      </g>
+    </g>
+    <circle id="椭圆_242" data-name="椭圆 242" cx="7.885" cy="7.885" r="7.885" transform="translate(1113.505 1781.934)" fill="#fff"/>
+    <rect id="矩形_1655" data-name="矩形 1655" width="87.261" height="2.509" rx="1.254" transform="translate(1065.837 1831.395)" fill="#fff"/>
+  </g>
+</svg>