Changes

.env.development

@@ -1,7 +1,16 @@
 VITE_APP_ENV=development
 
 # VITE_APP_BASE_URL=https://service.xiaoyaotravel.com/api/
-VITE_APP_BASE_URL=http://101.126.146.250:8082/
+# VITE_APP_BASE_URL=http://101.126.146.250:8082/
+# 测试服
+# 黄文
+# VITE_APP_BASE_URL=http://192.168.1.44:8082/
+# 畅哥
+# VITE_APP_BASE_URL=http://192.168.1.38:8082/
+
+# 张维
+VITE_APP_BASE_URL=http://192.168.1.73:8082/
+
 # VITE_APP_BASE_URL=http://192.168.1.204:8082
 VITE_APP_EMOJI_API=https://v.xiaoyaotravel.com/emoji/
 VITE_APP_IM_USER_SUFFIX=dev

package.json

@@ -19,10 +19,13 @@
     "@vueuse/nuxt": "^12.0.0",
     "dayjs": "^1.11.13",
     "dayjs-nuxt": "^2.1.11",
+    "html5-qrcode": "^2.3.8",
+    "jsqr": "^1.4.0",
     "lodash-es": "^4.17.21",
     "nuxt": "^3.13.0",
     "nuxt-swiper": "^2.0.0",
     "pinia": "^2.2.2",
+    "pinyin-pro": "^3.26.0",
     "vue": "latest",
     "vue-cropper": "^1.1.4",
     "vue-draggable-plus": "^0.6.0",

pnpm-lock.yaml

@@ -26,6 +26,12 @@ importers:
       dayjs-nuxt:
         specifier: ^2.1.11
         version: 2.1.11(magicast@0.3.5)(rollup@4.22.5)
+      html5-qrcode:
+        specifier: ^2.3.8
+        version: 2.3.8
+      jsqr:
+        specifier: ^1.4.0
+        version: 1.4.0
       lodash-es:
         specifier: ^4.17.21
         version: 4.17.21
@@ -38,6 +44,9 @@ importers:
       pinia:
         specifier: ^2.2.2
         version: 2.2.2(vue@3.5.10)
+      pinyin-pro:
+        specifier: ^3.26.0
+        version: 3.26.0
       vue:
         specifier: latest
         version: 3.5.10
@@ -2092,6 +2101,9 @@ packages:
     resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
     engines: {node: '>=8'}
 
+  html5-qrcode@2.3.8:
+    resolution: {integrity: sha512-jsr4vafJhwoLVEDW3n1KvPnCCXWaQfRng0/EEYk1vNcQGcG/htAdhJX0be8YyqMoSz7+hZvOZSTAepsabiuhiQ==}
+
   http-errors@2.0.0:
     resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
     engines: {node: '>= 0.8'}
@@ -2288,6 +2300,9 @@ packages:
   jsonfile@6.1.0:
     resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
 
+  jsqr@1.4.0:
+    resolution: {integrity: sha512-dxLob7q65Xg2DvstYkRpkYtmKm2sPJ9oFhrhmudT1dZvNFFTlroai3AWSpLey/w5vMcLBXRgOJsbXpdN9HzU/A==}
+
   kleur@3.0.3:
     resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
     engines: {node: '>=6'}
@@ -2690,6 +2705,9 @@ packages:
       typescript:
         optional: true
 
+  pinyin-pro@3.26.0:
+    resolution: {integrity: sha512-HcBZZb0pvm0/JkPhZHWA5Hqp2cWHXrrW/WrV+OtaYYM+kf35ffvZppIUuGmyuQ7gDr1JDJKMkbEE+GN0wfMoGg==}
+
   pirates@4.0.6:
     resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
     engines: {node: '>= 6'}
@@ -5978,6 +5996,8 @@ snapshots:
 
   html-tags@3.3.1: {}
 
+  html5-qrcode@2.3.8: {}
+
   http-errors@2.0.0:
     dependencies:
       depd: 2.0.0
@@ -6148,6 +6168,8 @@ snapshots:
     optionalDependencies:
       graceful-fs: 4.2.11
 
+  jsqr@1.4.0: {}
+
   kleur@3.0.3: {}
 
   klona@2.0.6: {}
@@ -6697,6 +6719,8 @@ snapshots:
       vue: 3.5.10
       vue-demi: 0.14.10(vue@3.5.10)
 
+  pinyin-pro@3.26.0: {}
+
   pirates@4.0.6: {}
 
   pkg-types@1.2.0:

src/assets/iconfont/demo_index.html

@@ -55,6 +55,102 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe7d5;</span>
+                <div class="name">delete-three</div>
+                <div class="code-name">&amp;#xe7d5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7d3;</span>
+                <div class="name">copy</div>
+                <div class="code-name">&amp;#xe7d3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7d4;</span>
+                <div class="name">quote</div>
+                <div class="code-name">&amp;#xe7d4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7d2;</span>
+                <div class="name">send</div>
+                <div class="code-name">&amp;#xe7d2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7cd;</span>
+                <div class="name">comment-two</div>
+                <div class="code-name">&amp;#xe7cd;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7ce;</span>
+                <div class="name">eit</div>
+                <div class="code-name">&amp;#xe7ce;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7cf;</span>
+                <div class="name">comments</div>
+                <div class="code-name">&amp;#xe7cf;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7d0;</span>
+                <div class="name">comment-one</div>
+                <div class="code-name">&amp;#xe7d0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7d1;</span>
+                <div class="name">like</div>
+                <div class="code-name">&amp;#xe7d1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7c7;</span>
+                <div class="name">set-top</div>
+                <div class="code-name">&amp;#xe7c7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7c6;</span>
+                <div class="name">pic-two</div>
+                <div class="code-name">&amp;#xe7c6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7c8;</span>
+                <div class="name">close-remind</div>
+                <div class="code-name">&amp;#xe7c8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7c9;</span>
+                <div class="name">log</div>
+                <div class="code-name">&amp;#xe7c9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7ca;</span>
+                <div class="name">jubaoguanli</div>
+                <div class="code-name">&amp;#xe7ca;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7cb;</span>
+                <div class="name">setting</div>
+                <div class="code-name">&amp;#xe7cb;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7cc;</span>
+                <div class="name">delete-one</div>
+                <div class="code-name">&amp;#xe7cc;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe7c0;</span>
                 <div class="name">close-one</div>
                 <div class="code-name">&amp;#xe7c0;</div>
@@ -152,7 +248,7 @@
           
             <li class="dib">
               <span class="icon iconfont">&#xe7c3;</span>
-                <div class="name">delete</div>
+                <div class="name">delete-two</div>
                 <div class="code-name">&amp;#xe7c3;</div>
               </li>
           
@@ -240,10 +336,10 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1736220701853') format('woff2'),
-       url('iconfont.woff?t=1736220701853') format('woff'),
-       url('iconfont.ttf?t=1736220701853') format('truetype'),
-       url('iconfont.svg?t=1736220701853#iconfont') format('svg');
+  src: url('iconfont.woff2?t=1736319276637') format('woff2'),
+       url('iconfont.woff?t=1736319276637') format('woff'),
+       url('iconfont.ttf?t=1736319276637') format('truetype'),
+       url('iconfont.svg?t=1736319276637#iconfont') format('svg');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -270,6 +366,150 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-delete-three"></span>
+            <div class="name">
+              delete-three
+            </div>
+            <div class="code-name">.icon-delete-three
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-copy"></span>
+            <div class="name">
+              copy
+            </div>
+            <div class="code-name">.icon-copy
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-quote"></span>
+            <div class="name">
+              quote
+            </div>
+            <div class="code-name">.icon-quote
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-send"></span>
+            <div class="name">
+              send
+            </div>
+            <div class="code-name">.icon-send
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-comment-two"></span>
+            <div class="name">
+              comment-two
+            </div>
+            <div class="code-name">.icon-comment-two
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-eit"></span>
+            <div class="name">
+              eit
+            </div>
+            <div class="code-name">.icon-eit
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-comments"></span>
+            <div class="name">
+              comments
+            </div>
+            <div class="code-name">.icon-comments
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-comment-one"></span>
+            <div class="name">
+              comment-one
+            </div>
+            <div class="code-name">.icon-comment-one
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-like"></span>
+            <div class="name">
+              like
+            </div>
+            <div class="code-name">.icon-like
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-set-top"></span>
+            <div class="name">
+              set-top
+            </div>
+            <div class="code-name">.icon-set-top
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-pic-two"></span>
+            <div class="name">
+              pic-two
+            </div>
+            <div class="code-name">.icon-pic-two
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-close-remind"></span>
+            <div class="name">
+              close-remind
+            </div>
+            <div class="code-name">.icon-close-remind
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-log"></span>
+            <div class="name">
+              log
+            </div>
+            <div class="code-name">.icon-log
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-jubaoguanli"></span>
+            <div class="name">
+              jubaoguanli
+            </div>
+            <div class="code-name">.icon-jubaoguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-setting-one"></span>
+            <div class="name">
+              setting
+            </div>
+            <div class="code-name">.icon-setting-one
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-delete-one"></span>
+            <div class="name">
+              delete-one
+            </div>
+            <div class="code-name">.icon-delete-one
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-close-one"></span>
             <div class="name">
               close-one
@@ -414,11 +654,11 @@
           </li>
           
           <li class="dib">
-            <span class="icon iconfont icon-delete"></span>
+            <span class="icon iconfont icon-delete-two"></span>
             <div class="name">
-              delete
+              delete-two
             </div>
-            <div class="code-name">.icon-delete
+            <div class="code-name">.icon-delete-two
             </div>
           </li>
           
@@ -550,6 +790,134 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-delete-three"></use>
+                </svg>
+                <div class="name">delete-three</div>
+                <div class="code-name">#icon-delete-three</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-copy"></use>
+                </svg>
+                <div class="name">copy</div>
+                <div class="code-name">#icon-copy</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-quote"></use>
+                </svg>
+                <div class="name">quote</div>
+                <div class="code-name">#icon-quote</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-send"></use>
+                </svg>
+                <div class="name">send</div>
+                <div class="code-name">#icon-send</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-comment-two"></use>
+                </svg>
+                <div class="name">comment-two</div>
+                <div class="code-name">#icon-comment-two</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-eit"></use>
+                </svg>
+                <div class="name">eit</div>
+                <div class="code-name">#icon-eit</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-comments"></use>
+                </svg>
+                <div class="name">comments</div>
+                <div class="code-name">#icon-comments</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-comment-one"></use>
+                </svg>
+                <div class="name">comment-one</div>
+                <div class="code-name">#icon-comment-one</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-like"></use>
+                </svg>
+                <div class="name">like</div>
+                <div class="code-name">#icon-like</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-set-top"></use>
+                </svg>
+                <div class="name">set-top</div>
+                <div class="code-name">#icon-set-top</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-pic-two"></use>
+                </svg>
+                <div class="name">pic-two</div>
+                <div class="code-name">#icon-pic-two</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-close-remind"></use>
+                </svg>
+                <div class="name">close-remind</div>
+                <div class="code-name">#icon-close-remind</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-log"></use>
+                </svg>
+                <div class="name">log</div>
+                <div class="code-name">#icon-log</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-jubaoguanli"></use>
+                </svg>
+                <div class="name">jubaoguanli</div>
+                <div class="code-name">#icon-jubaoguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-setting-one"></use>
+                </svg>
+                <div class="name">setting</div>
+                <div class="code-name">#icon-setting-one</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-delete-one"></use>
+                </svg>
+                <div class="name">delete-one</div>
+                <div class="code-name">#icon-delete-one</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-close-one"></use>
                 </svg>
                 <div class="name">close-one</div>
@@ -678,10 +1046,10 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-delete"></use>
+                  <use xlink:href="#icon-delete-two"></use>
                 </svg>
-                <div class="name">delete</div>
-                <div class="code-name">#icon-delete</div>
+                <div class="name">delete-two</div>
+                <div class="code-name">#icon-delete-two</div>
             </li>
           
             <li class="dib">

src/assets/iconfont/iconfont.css

@@ -1,9 +1,9 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4723464 */
-  src: url('iconfont.woff2?t=1736220701853') format('woff2'),
-       url('iconfont.woff?t=1736220701853') format('woff'),
-       url('iconfont.ttf?t=1736220701853') format('truetype'),
-       url('iconfont.svg?t=1736220701853#iconfont') format('svg');
+  src: url('iconfont.woff2?t=1736319276637') format('woff2'),
+       url('iconfont.woff?t=1736319276637') format('woff'),
+       url('iconfont.ttf?t=1736319276637') format('truetype'),
+       url('iconfont.svg?t=1736319276637#iconfont') format('svg');
 }
 
 .iconfont {
@@ -14,6 +14,70 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-delete-three:before {
+  content: "\e7d5";
+}
+
+.icon-copy:before {
+  content: "\e7d3";
+}
+
+.icon-quote:before {
+  content: "\e7d4";
+}
+
+.icon-send:before {
+  content: "\e7d2";
+}
+
+.icon-comment-two:before {
+  content: "\e7cd";
+}
+
+.icon-eit:before {
+  content: "\e7ce";
+}
+
+.icon-comments:before {
+  content: "\e7cf";
+}
+
+.icon-comment-one:before {
+  content: "\e7d0";
+}
+
+.icon-like:before {
+  content: "\e7d1";
+}
+
+.icon-set-top:before {
+  content: "\e7c7";
+}
+
+.icon-pic-two:before {
+  content: "\e7c6";
+}
+
+.icon-close-remind:before {
+  content: "\e7c8";
+}
+
+.icon-log:before {
+  content: "\e7c9";
+}
+
+.icon-jubaoguanli:before {
+  content: "\e7ca";
+}
+
+.icon-setting-one:before {
+  content: "\e7cb";
+}
+
+.icon-delete-one:before {
+  content: "\e7cc";
+}
+
 .icon-close-one:before {
   content: "\e7c0";
 }
@@ -78,7 +142,7 @@
   content: "\e791";
 }
 
-.icon-delete:before {
+.icon-delete-two:before {
   content: "\e7c3";
 }
 

src/assets/iconfont/iconfont.json

@@ -6,6 +6,118 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "43078637",
+      "name": "delete-three",
+      "font_class": "delete-three",
+      "unicode": "e7d5",
+      "unicode_decimal": 59349
+    },
+    {
+      "icon_id": "43078629",
+      "name": "copy",
+      "font_class": "copy",
+      "unicode": "e7d3",
+      "unicode_decimal": 59347
+    },
+    {
+      "icon_id": "43078628",
+      "name": "quote",
+      "font_class": "quote",
+      "unicode": "e7d4",
+      "unicode_decimal": 59348
+    },
+    {
+      "icon_id": "43073198",
+      "name": "send",
+      "font_class": "send",
+      "unicode": "e7d2",
+      "unicode_decimal": 59346
+    },
+    {
+      "icon_id": "43073203",
+      "name": "comment-two",
+      "font_class": "comment-two",
+      "unicode": "e7cd",
+      "unicode_decimal": 59341
+    },
+    {
+      "icon_id": "43073202",
+      "name": "eit",
+      "font_class": "eit",
+      "unicode": "e7ce",
+      "unicode_decimal": 59342
+    },
+    {
+      "icon_id": "43073200",
+      "name": "comments",
+      "font_class": "comments",
+      "unicode": "e7cf",
+      "unicode_decimal": 59343
+    },
+    {
+      "icon_id": "43073199",
+      "name": "comment-one",
+      "font_class": "comment-one",
+      "unicode": "e7d0",
+      "unicode_decimal": 59344
+    },
+    {
+      "icon_id": "43073201",
+      "name": "like",
+      "font_class": "like",
+      "unicode": "e7d1",
+      "unicode_decimal": 59345
+    },
+    {
+      "icon_id": "43063382",
+      "name": "set-top",
+      "font_class": "set-top",
+      "unicode": "e7c7",
+      "unicode_decimal": 59335
+    },
+    {
+      "icon_id": "43063327",
+      "name": "pic-two",
+      "font_class": "pic-two",
+      "unicode": "e7c6",
+      "unicode_decimal": 59334
+    },
+    {
+      "icon_id": "43063326",
+      "name": "close-remind",
+      "font_class": "close-remind",
+      "unicode": "e7c8",
+      "unicode_decimal": 59336
+    },
+    {
+      "icon_id": "43063324",
+      "name": "log",
+      "font_class": "log",
+      "unicode": "e7c9",
+      "unicode_decimal": 59337
+    },
+    {
+      "icon_id": "43063325",
+      "name": "jubaoguanli",
+      "font_class": "jubaoguanli",
+      "unicode": "e7ca",
+      "unicode_decimal": 59338
+    },
+    {
+      "icon_id": "43063323",
+      "name": "setting",
+      "font_class": "setting-one",
+      "unicode": "e7cb",
+      "unicode_decimal": 59339
+    },
+    {
+      "icon_id": "43063322",
+      "name": "delete-one",
+      "font_class": "delete-one",
+      "unicode": "e7cc",
+      "unicode_decimal": 59340
+    },
+    {
       "icon_id": "43062458",
       "name": "close-one",
       "font_class": "close-one",
@@ -119,8 +231,8 @@
     },
     {
       "icon_id": "4766676",
-      "name": "delete",
-      "font_class": "delete",
+      "name": "delete-two",
+      "font_class": "delete-two",
       "unicode": "e7c3",
       "unicode_decimal": 59331
     },

src/assets/img/chat/delete.svg

@@ -1,9 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="delete">
-<g id="union">
-<path d="M9 18V9H10.5V18H9Z" fill="#FF9300"/>
-<path d="M13.5 9V18H15V9H13.5Z" fill="#FF9300"/>
-<path d="M15.75 4.5H21V6H19.5V21C19.5 21.8284 18.8284 22.5 18 22.5H6C5.17157 22.5 4.5 21.8284 4.5 21V6H3V4.5H8.25L8.25 2.7C8.25 2.03726 8.78726 1.5 9.45 1.5H14.55C15.2127 1.5 15.75 2.03726 15.75 2.7V4.5ZM9.75 4.5H14.25L14.25 3L9.75 3V4.5ZM6 6V21H18V6H6Z" fill="#FF9300"/>
-</g>
-</g>
-</svg>

src/assets/img/chat/download/iconfont/demo.css

@@ -1,539 +0,0 @@
-/* Logo 字体 */
-@font-face {
-  font-family: "iconfont logo";
-  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
-  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
-}
-
-.logo {
-  font-family: "iconfont logo";
-  font-size: 160px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* tabs */
-.nav-tabs {
-  position: relative;
-}
-
-.nav-tabs .nav-more {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  height: 42px;
-  line-height: 42px;
-  color: #666;
-}
-
-#tabs {
-  border-bottom: 1px solid #eee;
-}
-
-#tabs li {
-  cursor: pointer;
-  width: 100px;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  font-size: 16px;
-  border-bottom: 2px solid transparent;
-  position: relative;
-  z-index: 1;
-  margin-bottom: -1px;
-  color: #666;
-}
-
-
-#tabs .active {
-  border-bottom-color: #f00;
-  color: #222;
-}
-
-.tab-container .content {
-  display: none;
-}
-
-/* 页面布局 */
-.main {
-  padding: 30px 100px;
-  width: 960px;
-  margin: 0 auto;
-}
-
-.main .logo {
-  color: #333;
-  text-align: left;
-  margin-bottom: 30px;
-  line-height: 1;
-  height: 110px;
-  margin-top: -50px;
-  overflow: hidden;
-  *zoom: 1;
-}
-
-.main .logo a {
-  font-size: 160px;
-  color: #333;
-}
-
-.helps {
-  margin-top: 40px;
-}
-
-.helps pre {
-  padding: 20px;
-  margin: 10px 0;
-  border: solid 1px #e7e1cd;
-  background-color: #fffdef;
-  overflow: auto;
-}
-
-.icon_lists {
-  width: 100% !important;
-  overflow: hidden;
-  *zoom: 1;
-}
-
-.icon_lists li {
-  width: 100px;
-  margin-bottom: 10px;
-  margin-right: 20px;
-  text-align: center;
-  list-style: none !important;
-  cursor: default;
-}
-
-.icon_lists li .code-name {
-  line-height: 1.2;
-}
-
-.icon_lists .icon {
-  display: block;
-  height: 100px;
-  line-height: 100px;
-  font-size: 42px;
-  margin: 10px auto;
-  color: #333;
-  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
-  -moz-transition: font-size 0.25s linear, width 0.25s linear;
-  transition: font-size 0.25s linear, width 0.25s linear;
-}
-
-.icon_lists .icon:hover {
-  font-size: 100px;
-}
-
-.icon_lists .svg-icon {
-  /* 通过设置 font-size 来改变图标大小 */
-  width: 1em;
-  /* 图标和文字相邻时，垂直对齐 */
-  vertical-align: -0.15em;
-  /* 通过设置 color 来改变 SVG 的颜色/fill */
-  fill: currentColor;
-  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
-      normalize.css 中也包含这行 */
-  overflow: hidden;
-}
-
-.icon_lists li .name,
-.icon_lists li .code-name {
-  color: #666;
-}
-
-/* markdown 样式 */
-.markdown {
-  color: #666;
-  font-size: 14px;
-  line-height: 1.8;
-}
-
-.highlight {
-  line-height: 1.5;
-}
-
-.markdown img {
-  vertical-align: middle;
-  max-width: 100%;
-}
-
-.markdown h1 {
-  color: #404040;
-  font-weight: 500;
-  line-height: 40px;
-  margin-bottom: 24px;
-}
-
-.markdown h2,
-.markdown h3,
-.markdown h4,
-.markdown h5,
-.markdown h6 {
-  color: #404040;
-  margin: 1.6em 0 0.6em 0;
-  font-weight: 500;
-  clear: both;
-}
-
-.markdown h1 {
-  font-size: 28px;
-}
-
-.markdown h2 {
-  font-size: 22px;
-}
-
-.markdown h3 {
-  font-size: 16px;
-}
-
-.markdown h4 {
-  font-size: 14px;
-}
-
-.markdown h5 {
-  font-size: 12px;
-}
-
-.markdown h6 {
-  font-size: 12px;
-}
-
-.markdown hr {
-  height: 1px;
-  border: 0;
-  background: #e9e9e9;
-  margin: 16px 0;
-  clear: both;
-}
-
-.markdown p {
-  margin: 1em 0;
-}
-
-.markdown>p,
-.markdown>blockquote,
-.markdown>.highlight,
-.markdown>ol,
-.markdown>ul {
-  width: 80%;
-}
-
-.markdown ul>li {
-  list-style: circle;
-}
-
-.markdown>ul li,
-.markdown blockquote ul>li {
-  margin-left: 20px;
-  padding-left: 4px;
-}
-
-.markdown>ul li p,
-.markdown>ol li p {
-  margin: 0.6em 0;
-}
-
-.markdown ol>li {
-  list-style: decimal;
-}
-
-.markdown>ol li,
-.markdown blockquote ol>li {
-  margin-left: 20px;
-  padding-left: 4px;
-}
-
-.markdown code {
-  margin: 0 3px;
-  padding: 0 5px;
-  background: #eee;
-  border-radius: 3px;
-}
-
-.markdown strong,
-.markdown b {
-  font-weight: 600;
-}
-
-.markdown>table {
-  border-collapse: collapse;
-  border-spacing: 0px;
-  empty-cells: show;
-  border: 1px solid #e9e9e9;
-  width: 95%;
-  margin-bottom: 24px;
-}
-
-.markdown>table th {
-  white-space: nowrap;
-  color: #333;
-  font-weight: 600;
-}
-
-.markdown>table th,
-.markdown>table td {
-  border: 1px solid #e9e9e9;
-  padding: 8px 16px;
-  text-align: left;
-}
-
-.markdown>table th {
-  background: #F7F7F7;
-}
-
-.markdown blockquote {
-  font-size: 90%;
-  color: #999;
-  border-left: 4px solid #e9e9e9;
-  padding-left: 0.8em;
-  margin: 1em 0;
-}
-
-.markdown blockquote p {
-  margin: 0;
-}
-
-.markdown .anchor {
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  margin-left: 8px;
-}
-
-.markdown .waiting {
-  color: #ccc;
-}
-
-.markdown h1:hover .anchor,
-.markdown h2:hover .anchor,
-.markdown h3:hover .anchor,
-.markdown h4:hover .anchor,
-.markdown h5:hover .anchor,
-.markdown h6:hover .anchor {
-  opacity: 1;
-  display: inline-block;
-}
-
-.markdown>br,
-.markdown>p>br {
-  clear: both;
-}
-
-
-.hljs {
-  display: block;
-  background: white;
-  padding: 0.5em;
-  color: #333333;
-  overflow-x: auto;
-}
-
-.hljs-comment,
-.hljs-meta {
-  color: #969896;
-}
-
-.hljs-string,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-strong,
-.hljs-emphasis,
-.hljs-quote {
-  color: #df5000;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-type {
-  color: #a71d5d;
-}
-
-.hljs-literal,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-attribute {
-  color: #0086b3;
-}
-
-.hljs-section,
-.hljs-name {
-  color: #63a35c;
-}
-
-.hljs-tag {
-  color: #333333;
-}
-
-.hljs-title,
-.hljs-attr,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #795da3;
-}
-
-.hljs-addition {
-  color: #55a532;
-  background-color: #eaffea;
-}
-
-.hljs-deletion {
-  color: #bd2c00;
-  background-color: #ffecec;
-}
-
-.hljs-link {
-  text-decoration: underline;
-}
-
-/* 代码高亮 */
-/* PrismJS 1.15.0
-https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
-/**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-code[class*="language-"],
-pre[class*="language-"] {
-  color: black;
-  background: none;
-  text-shadow: 0 1px white;
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  line-height: 1.5;
-
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-pre[class*="language-"]::-moz-selection,
-pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection,
-code[class*="language-"] ::-moz-selection {
-  text-shadow: none;
-  background: #b3d4fc;
-}
-
-pre[class*="language-"]::selection,
-pre[class*="language-"] ::selection,
-code[class*="language-"]::selection,
-code[class*="language-"] ::selection {
-  text-shadow: none;
-  background: #b3d4fc;
-}
-
-@media print {
-
-  code[class*="language-"],
-  pre[class*="language-"] {
-    text-shadow: none;
-  }
-}
-
-/* Code blocks */
-pre[class*="language-"] {
-  padding: 1em;
-  margin: .5em 0;
-  overflow: auto;
-}
-
-:not(pre)>code[class*="language-"],
-pre[class*="language-"] {
-  background: #f5f2f0;
-}
-
-/* Inline code */
-:not(pre)>code[class*="language-"] {
-  padding: .1em;
-  border-radius: .3em;
-  white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: slategray;
-}
-
-.token.punctuation {
-  color: #999;
-}
-
-.namespace {
-  opacity: .7;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.deleted {
-  color: #905;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-  color: #690;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
-  color: #9a6e3a;
-  background: hsla(0, 0%, 100%, .5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-  color: #07a;
-}
-
-.token.function,
-.token.class-name {
-  color: #DD4A68;
-}
-
-.token.regex,
-.token.important,
-.token.variable {
-  color: #e90;
-}
-
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-.token.entity {
-  cursor: help;
-}

src/assets/img/chat/download/iconfont/demo_index.html

@@ -1,833 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8"/>
-  <title>iconfont Demo</title>
-  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
-  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
-  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
-  <link rel="stylesheet" href="demo.css">
-  <link rel="stylesheet" href="iconfont.css">
-  <script src="iconfont.js"></script>
-  <!-- jQuery -->
-  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
-  <!-- 代码高亮 -->
-  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
-  <style>
-    .main .logo {
-      margin-top: 0;
-      height: auto;
-    }
-
-    .main .logo a {
-      display: flex;
-      align-items: center;
-    }
-
-    .main .logo .sub-title {
-      margin-left: 0.5em;
-      font-size: 22px;
-      color: #fff;
-      background: linear-gradient(-45deg, #3967FF, #B500FE);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-    }
-  </style>
-</head>
-<body>
-  <div class="main">
-    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
-      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
-      
-    </a></h1>
-    <div class="nav-tabs">
-      <ul id="tabs" class="dib-box">
-        <li class="dib active"><span>Unicode</span></li>
-        <li class="dib"><span>Font class</span></li>
-        <li class="dib"><span>Symbol</span></li>
-      </ul>
-      
-      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4723464" target="_blank" class="nav-more">查看项目</a>
-      
-    </div>
-    <div class="tab-container">
-      <div class="content unicode" style="display: block;">
-          <ul class="icon_lists dib-box">
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7c0;</span>
-                <div class="name">close-one</div>
-                <div class="code-name">&amp;#xe7c0;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7c1;</span>
-                <div class="name">slightly-smiling-face</div>
-                <div class="code-name">&amp;#xe7c1;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7c2;</span>
-                <div class="name">pic</div>
-                <div class="code-name">&amp;#xe7c2;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7c4;</span>
-                <div class="name">voice-one</div>
-                <div class="code-name">&amp;#xe7c4;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7c5;</span>
-                <div class="name">peoples-two</div>
-                <div class="code-name">&amp;#xe7c5;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8ed;</span>
-                <div class="name">caret-up</div>
-                <div class="code-name">&amp;#xe8ed;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe77e;</span>
-                <div class="name">info-circle</div>
-                <div class="code-name">&amp;#xe77e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7ec;</span>
-                <div class="name">left</div>
-                <div class="code-name">&amp;#xe7ec;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7eb;</span>
-                <div class="name">right</div>
-                <div class="code-name">&amp;#xe7eb;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7f4;</span>
-                <div class="name">menu</div>
-                <div class="code-name">&amp;#xe7f4;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe78a;</span>
-                <div class="name">message</div>
-                <div class="code-name">&amp;#xe78a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe783;</span>
-                <div class="name">smile</div>
-                <div class="code-name">&amp;#xe783;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7df;</span>
-                <div class="name">star</div>
-                <div class="code-name">&amp;#xe7df;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe86b;</span>
-                <div class="name">star-fill</div>
-                <div class="code-name">&amp;#xe86b;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8fe;</span>
-                <div class="name">plus</div>
-                <div class="code-name">&amp;#xe8fe;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe791;</span>
-                <div class="name">edit-square</div>
-                <div class="code-name">&amp;#xe791;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7c3;</span>
-                <div class="name">delete</div>
-                <div class="code-name">&amp;#xe7c3;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe78e;</span>
-                <div class="name">setting</div>
-                <div class="code-name">&amp;#xe78e;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe845;</span>
-                <div class="name">plus-circle-fill</div>
-                <div class="code-name">&amp;#xe845;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe860;</span>
-                <div class="name">image-fill</div>
-                <div class="code-name">&amp;#xe860;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe7fc;</span>
-                <div class="name">close</div>
-                <div class="code-name">&amp;#xe7fc;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe8ec;</span>
-                <div class="name">caret-down</div>
-                <div class="code-name">&amp;#xe8ec;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe868;</span>
-                <div class="name">location-fill</div>
-                <div class="code-name">&amp;#xe868;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe866;</span>
-                <div class="name">fire-fill</div>
-                <div class="code-name">&amp;#xe866;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe869;</span>
-                <div class="name">eye-fill</div>
-                <div class="code-name">&amp;#xe869;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe86a;</span>
-                <div class="name">like-fill</div>
-                <div class="code-name">&amp;#xe86a;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe60d;</span>
-                <div class="name">arrow_right</div>
-                <div class="code-name">&amp;#xe60d;</div>
-              </li>
-          
-            <li class="dib">
-              <span class="icon iconfont">&#xe60f;</span>
-                <div class="name">profile</div>
-                <div class="code-name">&amp;#xe60f;</div>
-              </li>
-          
-          </ul>
-          <div class="article markdown">
-          <h2 id="unicode-">Unicode 引用</h2>
-          <hr>
-
-          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
-          <ul>
-            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
-            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
-          </ul>
-          <blockquote>
-            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
-          </blockquote>
-          <p>Unicode 使用步骤如下：</p>
-          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
-<pre><code class="language-css"
->@font-face {
-  font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1736220701853') format('woff2'),
-       url('iconfont.woff?t=1736220701853') format('woff'),
-       url('iconfont.ttf?t=1736220701853') format('truetype'),
-       url('iconfont.svg?t=1736220701853#iconfont') format('svg');
-}
-</code></pre>
-          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
-<pre><code class="language-css"
->.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-</code></pre>
-          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
-<pre>
-<code class="language-html"
->&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
-</code></pre>
-          <blockquote>
-            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
-          </blockquote>
-          </div>
-      </div>
-      <div class="content font-class">
-        <ul class="icon_lists dib-box">
-          
-          <li class="dib">
-            <span class="icon iconfont icon-close-one"></span>
-            <div class="name">
-              close-one
-            </div>
-            <div class="code-name">.icon-close-one
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-slightly-smiling-face"></span>
-            <div class="name">
-              slightly-smiling-face
-            </div>
-            <div class="code-name">.icon-slightly-smiling-face
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-pic"></span>
-            <div class="name">
-              pic
-            </div>
-            <div class="code-name">.icon-pic
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-voice-one"></span>
-            <div class="name">
-              voice-one
-            </div>
-            <div class="code-name">.icon-voice-one
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-peoples-two"></span>
-            <div class="name">
-              peoples-two
-            </div>
-            <div class="code-name">.icon-peoples-two
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-caret-up"></span>
-            <div class="name">
-              caret-up
-            </div>
-            <div class="code-name">.icon-caret-up
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-info-circle"></span>
-            <div class="name">
-              info-circle
-            </div>
-            <div class="code-name">.icon-info-circle
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-left"></span>
-            <div class="name">
-              left
-            </div>
-            <div class="code-name">.icon-left
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-right"></span>
-            <div class="name">
-              right
-            </div>
-            <div class="code-name">.icon-right
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-menu"></span>
-            <div class="name">
-              menu
-            </div>
-            <div class="code-name">.icon-menu
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-message"></span>
-            <div class="name">
-              message
-            </div>
-            <div class="code-name">.icon-message
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-smile"></span>
-            <div class="name">
-              smile
-            </div>
-            <div class="code-name">.icon-smile
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-star"></span>
-            <div class="name">
-              star
-            </div>
-            <div class="code-name">.icon-star
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-star-fill"></span>
-            <div class="name">
-              star-fill
-            </div>
-            <div class="code-name">.icon-star-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-plus"></span>
-            <div class="name">
-              plus
-            </div>
-            <div class="code-name">.icon-plus
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-edit-square"></span>
-            <div class="name">
-              edit-square
-            </div>
-            <div class="code-name">.icon-edit-square
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-delete"></span>
-            <div class="name">
-              delete
-            </div>
-            <div class="code-name">.icon-delete
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-setting"></span>
-            <div class="name">
-              setting
-            </div>
-            <div class="code-name">.icon-setting
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-plus-circle-fill"></span>
-            <div class="name">
-              plus-circle-fill
-            </div>
-            <div class="code-name">.icon-plus-circle-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-image-fill"></span>
-            <div class="name">
-              image-fill
-            </div>
-            <div class="code-name">.icon-image-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-close"></span>
-            <div class="name">
-              close
-            </div>
-            <div class="code-name">.icon-close
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-caret-down"></span>
-            <div class="name">
-              caret-down
-            </div>
-            <div class="code-name">.icon-caret-down
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-location-fill"></span>
-            <div class="name">
-              location-fill
-            </div>
-            <div class="code-name">.icon-location-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-fire-fill"></span>
-            <div class="name">
-              fire-fill
-            </div>
-            <div class="code-name">.icon-fire-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-eye-fill"></span>
-            <div class="name">
-              eye-fill
-            </div>
-            <div class="code-name">.icon-eye-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-like-fill"></span>
-            <div class="name">
-              like-fill
-            </div>
-            <div class="code-name">.icon-like-fill
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-arrow_right"></span>
-            <div class="name">
-              arrow_right
-            </div>
-            <div class="code-name">.icon-arrow_right
-            </div>
-          </li>
-          
-          <li class="dib">
-            <span class="icon iconfont icon-profile"></span>
-            <div class="name">
-              profile
-            </div>
-            <div class="code-name">.icon-profile
-            </div>
-          </li>
-          
-        </ul>
-        <div class="article markdown">
-        <h2 id="font-class-">font-class 引用</h2>
-        <hr>
-
-        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
-        <p>与 Unicode 使用方式相比，具有如下特点：</p>
-        <ul>
-          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
-          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
-        </ul>
-        <p>使用步骤如下：</p>
-        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
-<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
-</code></pre>
-        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
-<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
-</code></pre>
-        <blockquote>
-          <p>"
-            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
-        </blockquote>
-      </div>
-      </div>
-      <div class="content symbol">
-          <ul class="icon_lists dib-box">
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-close-one"></use>
-                </svg>
-                <div class="name">close-one</div>
-                <div class="code-name">#icon-close-one</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-slightly-smiling-face"></use>
-                </svg>
-                <div class="name">slightly-smiling-face</div>
-                <div class="code-name">#icon-slightly-smiling-face</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-pic"></use>
-                </svg>
-                <div class="name">pic</div>
-                <div class="code-name">#icon-pic</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-voice-one"></use>
-                </svg>
-                <div class="name">voice-one</div>
-                <div class="code-name">#icon-voice-one</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-peoples-two"></use>
-                </svg>
-                <div class="name">peoples-two</div>
-                <div class="code-name">#icon-peoples-two</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-caret-up"></use>
-                </svg>
-                <div class="name">caret-up</div>
-                <div class="code-name">#icon-caret-up</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-info-circle"></use>
-                </svg>
-                <div class="name">info-circle</div>
-                <div class="code-name">#icon-info-circle</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-left"></use>
-                </svg>
-                <div class="name">left</div>
-                <div class="code-name">#icon-left</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-right"></use>
-                </svg>
-                <div class="name">right</div>
-                <div class="code-name">#icon-right</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-menu"></use>
-                </svg>
-                <div class="name">menu</div>
-                <div class="code-name">#icon-menu</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-message"></use>
-                </svg>
-                <div class="name">message</div>
-                <div class="code-name">#icon-message</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-smile"></use>
-                </svg>
-                <div class="name">smile</div>
-                <div class="code-name">#icon-smile</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-star"></use>
-                </svg>
-                <div class="name">star</div>
-                <div class="code-name">#icon-star</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-star-fill"></use>
-                </svg>
-                <div class="name">star-fill</div>
-                <div class="code-name">#icon-star-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-plus"></use>
-                </svg>
-                <div class="name">plus</div>
-                <div class="code-name">#icon-plus</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-edit-square"></use>
-                </svg>
-                <div class="name">edit-square</div>
-                <div class="code-name">#icon-edit-square</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-delete"></use>
-                </svg>
-                <div class="name">delete</div>
-                <div class="code-name">#icon-delete</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-setting"></use>
-                </svg>
-                <div class="name">setting</div>
-                <div class="code-name">#icon-setting</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-plus-circle-fill"></use>
-                </svg>
-                <div class="name">plus-circle-fill</div>
-                <div class="code-name">#icon-plus-circle-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-image-fill"></use>
-                </svg>
-                <div class="name">image-fill</div>
-                <div class="code-name">#icon-image-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-close"></use>
-                </svg>
-                <div class="name">close</div>
-                <div class="code-name">#icon-close</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-caret-down"></use>
-                </svg>
-                <div class="name">caret-down</div>
-                <div class="code-name">#icon-caret-down</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-location-fill"></use>
-                </svg>
-                <div class="name">location-fill</div>
-                <div class="code-name">#icon-location-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-fire-fill"></use>
-                </svg>
-                <div class="name">fire-fill</div>
-                <div class="code-name">#icon-fire-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-eye-fill"></use>
-                </svg>
-                <div class="name">eye-fill</div>
-                <div class="code-name">#icon-eye-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-like-fill"></use>
-                </svg>
-                <div class="name">like-fill</div>
-                <div class="code-name">#icon-like-fill</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-arrow_right"></use>
-                </svg>
-                <div class="name">arrow_right</div>
-                <div class="code-name">#icon-arrow_right</div>
-            </li>
-          
-            <li class="dib">
-                <svg class="icon svg-icon" aria-hidden="true">
-                  <use xlink:href="#icon-profile"></use>
-                </svg>
-                <div class="name">profile</div>
-                <div class="code-name">#icon-profile</div>
-            </li>
-          
-          </ul>
-          <div class="article markdown">
-          <h2 id="symbol-">Symbol 引用</h2>
-          <hr>
-
-          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
-            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
-          <ul>
-            <li>支持多色图标了，不再受单色限制。</li>
-            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
-            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
-            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
-          </ul>
-          <p>使用步骤如下：</p>
-          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
-<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
-</code></pre>
-          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
-<pre><code class="language-html">&lt;style&gt;
-.icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-&lt;/style&gt;
-</code></pre>
-          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
-<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
-  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
-&lt;/svg&gt;
-</code></pre>
-          </div>
-      </div>
-
-    </div>
-  </div>
-  <script>
-  $(document).ready(function () {
-      $('.tab-container .content:first').show()
-
-      $('#tabs li').click(function (e) {
-        var tabContent = $('.tab-container .content')
-        var index = $(this).index()
-
-        if ($(this).hasClass('active')) {
-          return
-        } else {
-          $('#tabs li').removeClass('active')
-          $(this).addClass('active')
-
-          tabContent.hide().eq(index).fadeIn()
-        }
-      })
-    })
-  </script>
-</body>
-</html>

src/assets/img/chat/download/iconfont/iconfont.css

@@ -1,128 +0,0 @@
-@font-face {
-  font-family: "iconfont"; /* Project id 4723464 */
-  src: url('iconfont.woff2?t=1736220701853') format('woff2'),
-       url('iconfont.woff?t=1736220701853') format('woff'),
-       url('iconfont.ttf?t=1736220701853') format('truetype'),
-       url('iconfont.svg?t=1736220701853#iconfont') format('svg');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-close-one:before {
-  content: "\e7c0";
-}
-
-.icon-slightly-smiling-face:before {
-  content: "\e7c1";
-}
-
-.icon-pic:before {
-  content: "\e7c2";
-}
-
-.icon-voice-one:before {
-  content: "\e7c4";
-}
-
-.icon-peoples-two:before {
-  content: "\e7c5";
-}
-
-.icon-caret-up:before {
-  content: "\e8ed";
-}
-
-.icon-info-circle:before {
-  content: "\e77e";
-}
-
-.icon-left:before {
-  content: "\e7ec";
-}
-
-.icon-right:before {
-  content: "\e7eb";
-}
-
-.icon-menu:before {
-  content: "\e7f4";
-}
-
-.icon-message:before {
-  content: "\e78a";
-}
-
-.icon-smile:before {
-  content: "\e783";
-}
-
-.icon-star:before {
-  content: "\e7df";
-}
-
-.icon-star-fill:before {
-  content: "\e86b";
-}
-
-.icon-plus:before {
-  content: "\e8fe";
-}
-
-.icon-edit-square:before {
-  content: "\e791";
-}
-
-.icon-delete:before {
-  content: "\e7c3";
-}
-
-.icon-setting:before {
-  content: "\e78e";
-}
-
-.icon-plus-circle-fill:before {
-  content: "\e845";
-}
-
-.icon-image-fill:before {
-  content: "\e860";
-}
-
-.icon-close:before {
-  content: "\e7fc";
-}
-
-.icon-caret-down:before {
-  content: "\e8ec";
-}
-
-.icon-location-fill:before {
-  content: "\e868";
-}
-
-.icon-fire-fill:before {
-  content: "\e866";
-}
-
-.icon-eye-fill:before {
-  content: "\e869";
-}
-
-.icon-like-fill:before {
-  content: "\e86a";
-}
-
-.icon-arrow_right:before {
-  content: "\e60d";
-}
-
-.icon-profile:before {
-  content: "\e60f";
-}
-

src/assets/img/chat/download/iconfont/iconfont.json

@@ -1,205 +0,0 @@
-{
-  "id": "4723464",
-  "name": "xyy-web",
-  "font_family": "iconfont",
-  "css_prefix_text": "icon-",
-  "description": "",
-  "glyphs": [
-    {
-      "icon_id": "43062458",
-      "name": "close-one",
-      "font_class": "close-one",
-      "unicode": "e7c0",
-      "unicode_decimal": 59328
-    },
-    {
-      "icon_id": "43062459",
-      "name": "slightly-smiling-face",
-      "font_class": "slightly-smiling-face",
-      "unicode": "e7c1",
-      "unicode_decimal": 59329
-    },
-    {
-      "icon_id": "43062460",
-      "name": "pic",
-      "font_class": "pic",
-      "unicode": "e7c2",
-      "unicode_decimal": 59330
-    },
-    {
-      "icon_id": "43062461",
-      "name": "voice-one",
-      "font_class": "voice-one",
-      "unicode": "e7c4",
-      "unicode_decimal": 59332
-    },
-    {
-      "icon_id": "43062462",
-      "name": "peoples-two",
-      "font_class": "peoples-two",
-      "unicode": "e7c5",
-      "unicode_decimal": 59333
-    },
-    {
-      "icon_id": "6598341",
-      "name": "caret-up",
-      "font_class": "caret-up",
-      "unicode": "e8ed",
-      "unicode_decimal": 59629
-    },
-    {
-      "icon_id": "4765727",
-      "name": "info-circle",
-      "font_class": "info-circle",
-      "unicode": "e77e",
-      "unicode_decimal": 59262
-    },
-    {
-      "icon_id": "4767012",
-      "name": "left",
-      "font_class": "left",
-      "unicode": "e7ec",
-      "unicode_decimal": 59372
-    },
-    {
-      "icon_id": "4767011",
-      "name": "right",
-      "font_class": "right",
-      "unicode": "e7eb",
-      "unicode_decimal": 59371
-    },
-    {
-      "icon_id": "4767059",
-      "name": "menu",
-      "font_class": "menu",
-      "unicode": "e7f4",
-      "unicode_decimal": 59380
-    },
-    {
-      "icon_id": "4765866",
-      "name": "message",
-      "font_class": "message",
-      "unicode": "e78a",
-      "unicode_decimal": 59274
-    },
-    {
-      "icon_id": "4765739",
-      "name": "smile",
-      "font_class": "smile",
-      "unicode": "e783",
-      "unicode_decimal": 59267
-    },
-    {
-      "icon_id": "4766954",
-      "name": "star",
-      "font_class": "star",
-      "unicode": "e7df",
-      "unicode_decimal": 59359
-    },
-    {
-      "icon_id": "4936673",
-      "name": "star-fill",
-      "font_class": "star-fill",
-      "unicode": "e86b",
-      "unicode_decimal": 59499
-    },
-    {
-      "icon_id": "7834345",
-      "name": "plus",
-      "font_class": "plus",
-      "unicode": "e8fe",
-      "unicode_decimal": 59646
-    },
-    {
-      "icon_id": "4765957",
-      "name": "edit-square",
-      "font_class": "edit-square",
-      "unicode": "e791",
-      "unicode_decimal": 59281
-    },
-    {
-      "icon_id": "4766676",
-      "name": "delete",
-      "font_class": "delete",
-      "unicode": "e7c3",
-      "unicode_decimal": 59331
-    },
-    {
-      "icon_id": "4765891",
-      "name": "setting",
-      "font_class": "setting",
-      "unicode": "e78e",
-      "unicode_decimal": 59278
-    },
-    {
-      "icon_id": "4936486",
-      "name": "plus-circle-fill",
-      "font_class": "plus-circle-fill",
-      "unicode": "e845",
-      "unicode_decimal": 59461
-    },
-    {
-      "icon_id": "4936630",
-      "name": "image-fill",
-      "font_class": "image-fill",
-      "unicode": "e860",
-      "unicode_decimal": 59488
-    },
-    {
-      "icon_id": "4767096",
-      "name": "close",
-      "font_class": "close",
-      "unicode": "e7fc",
-      "unicode_decimal": 59388
-    },
-    {
-      "icon_id": "6598339",
-      "name": "caret-down",
-      "font_class": "caret-down",
-      "unicode": "e8ec",
-      "unicode_decimal": 59628
-    },
-    {
-      "icon_id": "4936659",
-      "name": "location-fill",
-      "font_class": "location-fill",
-      "unicode": "e868",
-      "unicode_decimal": 59496
-    },
-    {
-      "icon_id": "4936652",
-      "name": "fire-fill",
-      "font_class": "fire-fill",
-      "unicode": "e866",
-      "unicode_decimal": 59494
-    },
-    {
-      "icon_id": "4936668",
-      "name": "eye-fill",
-      "font_class": "eye-fill",
-      "unicode": "e869",
-      "unicode_decimal": 59497
-    },
-    {
-      "icon_id": "4936669",
-      "name": "like-fill",
-      "font_class": "like-fill",
-      "unicode": "e86a",
-      "unicode_decimal": 59498
-    },
-    {
-      "icon_id": "14678715",
-      "name": "arrow_right",
-      "font_class": "arrow_right",
-      "unicode": "e60d",
-      "unicode_decimal": 58893
-    },
-    {
-      "icon_id": "11813183",
-      "name": "profile",
-      "font_class": "profile",
-      "unicode": "e60f",
-      "unicode_decimal": 58895
-    }
-  ]
-}

src/assets/img/chat/log.svg

@@ -1,8 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Log (&#230;&#151;&#165;&#229;&#191;&#151;)">
-<path id="Vector" d="M20.5 5H6.5V22H20.5V5Z" stroke="#FF9300" stroke-width="1.5" stroke-linejoin="round"/>
-<path id="Vector_2" d="M17.5 5V2H4C3.72386 2 3.5 2.22386 3.5 2.5V19H6.5" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_3" d="M10.5 11H16.5" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_4" d="M10.5 15H16.5" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-</svg>

src/assets/img/chat/orange-close-remind.svg

@@ -1,8 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Close-remind (&#229;&#133;&#179;&#233;&#151;&#173;&#230;&#143;&#144;&#233;&#134;&#146;)">
-<path id="Vector" d="M21 19C21 19 18 16.5 18 9.5C18 6.1863 15.3137 3.5 12 3.5C10.73 3.5 9.5521 3.89459 8.58235 4.56786M15 19H3C3 19 5.7846 16.6795 5.98825 10.25" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path id="Vector_2" d="M9 19H15C15 20.6568 13.6568 22 12 22C10.3432 22 9 20.6568 9 19Z" stroke="#FF9300" stroke-width="1.5"/>
-<path id="Vector_3" fill-rule="evenodd" clip-rule="evenodd" d="M12 1C10.8954 1 10 1.89543 10 3H14C14 1.89543 13.1046 1 12 1Z" fill="#FF9300"/>
-<path id="Vector_4" d="M3.5 3.25L20.5 22.25" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-</svg>

src/assets/img/chat/setting.svg

@@ -1,8 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="setting">
-<g id="union">
-<path d="M16.5002 12C16.5002 14.4853 14.4855 16.5 12.0002 16.5C9.51497 16.5 7.50025 14.4853 7.50025 12C7.50025 9.51472 9.51497 7.5 12.0002 7.5C14.4855 7.5 16.5002 9.51472 16.5002 12ZM15.0002 12C15.0002 10.3431 13.6571 9 12.0002 9C10.3434 9 9.00025 10.3431 9.00025 12C9.00025 13.6569 10.3434 15 12.0002 15C13.6571 15 15.0002 13.6569 15.0002 12Z" fill="#FF9300"/>
-<path d="M12.0002 1.875L21.0935 6.9375V17.0625L12.0002 22.125L2.90698 17.0625V6.9375L12.0002 1.875ZM4.40698 7.8192V16.1808L12.0002 20.4082L19.5935 16.1808V7.8192L12.0002 3.5918L4.40698 7.8192Z" fill="#FF9300"/>
-</g>
-</g>
-</svg>

src/pages/profile/index.vue

@@ -18,7 +18,7 @@
           </span>
         </NuxtLink>
         <div class="text-xl break-all font-semibold mt-15">
-          个性签名：{{ userInfo.personalSign || "暂未填写" }}
+          个性签名：{{ userInfo.personalSign || '暂未填写' }}
         </div>
       </div>
     </div>
@@ -40,54 +40,59 @@
 </template>
 
 <script setup>
-import defaultAvatar from "~/assets/img/default_avatar.png";
-import profile_travel_order from "~/assets/img/profile/profile_travel_order.png";
-import profile_labour_order from "~/assets/img/profile/profile_labour_order.png";
-import profile_travel_note from "~/assets/img/profile/profile_travel_note.png";
-import profile_colection from "~/assets/img/profile/profile_colection.png";
-import profile_car_order from "~/assets/img/profile/profile_car_order.png";
-import profile_visa_order from "~/assets/img/profile/profile_visa_order.png";
-import profile_my_comment from "~/assets/img/profile/profile_my_comment.png";
+import defaultAvatar from '~/assets/img/default_avatar.png'
+import profile_travel_order from '~/assets/img/profile/profile_travel_order.png'
+import profile_labour_order from '~/assets/img/profile/profile_labour_order.png'
+import profile_travel_note from '~/assets/img/profile/profile_travel_note.png'
+import profile_colection from '~/assets/img/profile/profile_colection.png'
+import profile_car_order from '~/assets/img/profile/profile_car_order.png'
+import profile_visa_order from '~/assets/img/profile/profile_visa_order.png'
+import profile_my_comment from '~/assets/img/profile/profile_my_comment.png'
 
-const userInfoStore = useUserInfoStore();
-const { userInfo } = storeToRefs(userInfoStore);
+const userInfoStore = useUserInfoStore()
+const { userInfo } = storeToRefs(userInfoStore)
 
 onMounted(() => {
-  userInfoStore.getUserInfo();
-});
+  userInfoStore.getUserInfo()
+})
 
 const menuData = [
   {
     icon: profile_travel_order,
-    label: "旅游订单",
-    to: "/profile/travel-orders",
+    label: '旅游订单',
+    to: '/profile/travel-orders'
   },
   {
     icon: profile_visa_order,
-    label: "签证订单",
-    to: "/profile/visa-orders",
+    label: '签证订单',
+    to: '/profile/visa-orders'
   },
   {
     icon: profile_car_order,
-    label: "包车订单",
-    to: "/profile/car-orders",
+    label: '包车订单',
+    to: '/profile/car-orders'
   },
   {
     icon: profile_travel_note,
-    label: "我的游记",
-    to: "/profile/notes",
+    label: '我的游记',
+    to: '/profile/notes'
   },
   {
     icon: profile_colection,
-    label: "我的收藏",
-    to: "/profile/collection",
+    label: '我的收藏',
+    to: '/profile/collection'
   },
   {
     icon: profile_my_comment,
-    label: "我的评论",
-    to: "/profile/my-comment",
+    label: '我的评论',
+    to: '/profile/my-comment'
   },
-];
+  {
+    icon: profile_my_comment,
+    label: '我的消息',
+    to: '/profile/my-news'
+  }
+]
 </script>
 
 <style lang="scss" scoped></style>