feat: 合并

.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

@@ -20,10 +20,13 @@
     "accounting": "^0.4.1",
     "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

@@ -29,6 +29,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
@@ -41,6 +47,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
@@ -2098,6 +2107,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'}
@@ -2294,6 +2306,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'}
@@ -2696,6 +2711,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'}
@@ -5986,6 +6004,8 @@ snapshots:
 
   html-tags@3.3.1: {}
 
+  html5-qrcode@2.3.8: {}
+
   http-errors@2.0.0:
     dependencies:
       depd: 2.0.0
@@ -6156,6 +6176,8 @@ snapshots:
     optionalDependencies:
       graceful-fs: 4.2.11
 
+  jsqr@1.4.0: {}
+
   kleur@3.0.3: {}
 
   klona@2.0.6: {}
@@ -6705,6 +6727,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,144 @@
           <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>
+              </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>
@@ -110,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>
           
@@ -198,10 +336,10 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1735367455324') format('woff2'),
-       url('iconfont.woff?t=1735367455324') format('woff'),
-       url('iconfont.ttf?t=1735367455324') format('truetype'),
-       url('iconfont.svg?t=1735367455324#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>
@@ -228,6 +366,213 @@
         <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
+            </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
@@ -309,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>
           
@@ -445,6 +790,190 @@
           
             <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>
+                <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>
@@ -517,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=1735367455324') format('woff2'),
-       url('iconfont.woff?t=1735367455324') format('woff'),
-       url('iconfont.ttf?t=1735367455324') format('truetype'),
-       url('iconfont.svg?t=1735367455324#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,98 @@
   -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";
+}
+
+.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";
 }
@@ -50,7 +142,7 @@
   content: "\e791";
 }
 
-.icon-delete:before {
+.icon-delete-two:before {
   content: "\e7c3";
 }
 

src/assets/iconfont/iconfont.json

@@ -6,6 +6,167 @@
   "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",
+      "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",
@@ -70,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/chat-code.svg

@@ -0,0 +1,12 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Two-dimensional-code-two (&#228;&#186;&#140;&#231;&#187;&#180;&#231;&#160;&#129;)">
+<path id="Vector" d="M5.25 2H1.75V6H5.25V2Z" stroke="#999999" stroke-linejoin="round"/>
+<path id="Vector_2" d="M5.25 10H1.75V14H5.25V10Z" stroke="#999999" stroke-linejoin="round"/>
+<path id="Vector_3" d="M12.25 2H8.75V6H12.25V2Z" stroke="#999999" stroke-linejoin="round"/>
+<path id="Vector_4" d="M7 2V6" stroke="#999999" stroke-linecap="round"/>
+<path id="Vector_5" d="M12.25 8H1.75" stroke="#999999" stroke-linecap="round"/>
+<path id="Vector_6" d="M9.91667 10V14" stroke="#999999" stroke-linecap="round"/>
+<path id="Vector_7" d="M12.25 10V14" stroke="#999999" stroke-linecap="round"/>
+<path id="Vector_8" d="M7.58333 10V14" stroke="#999999" stroke-linecap="round"/>
+</g>
+</svg>

src/assets/img/chat/check.svg

@@ -0,0 +1,5 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check">
+<path id="union" d="M5.96249 9.01514L11.4073 3.57031L12.2117 4.37465L5.96249 10.6238L2.06055 6.72187L2.86488 5.91753L5.96249 9.01514Z" fill="white"/>
+</g>
+</svg>

src/assets/img/chat/city-one.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="City-one (&#229;&#159;&#142;&#229;&#184;&#130;)">
+<path id="Vector" d="M2 21H22" stroke="#FF6C5F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M9 11H5C4.44772 11 4 11.4477 4 12V20C4 20.5523 4.44772 21 5 21H9C9.55228 21 10 20.5523 10 20V12C10 11.4477 9.55228 11 9 11Z" fill="#FF6C5F" stroke="#FF6C5F" stroke-width="0.666667" stroke-linejoin="round"/>
+<path id="Vector_3" d="M19 2H11C10.4477 2 10 2.44772 10 3V20C10 20.5523 10.4477 21 11 21H19C19.5523 21 20 20.5523 20 20V3C20 2.44772 19.5523 2 19 2Z" fill="#FF6C5F" stroke="#FF6C5F" stroke-width="0.666667" stroke-linejoin="round"/>
+<path id="Vector_4" d="M14 16.0039H16" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_5" d="M6 16.0039H8" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_6" d="M14 11.5039H16" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_7" d="M14 7.00391H16" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

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

@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" 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="M14 12.6666C14 12.6666 12 11 12 6.33331C12 4.12418 10.2091 2.33331 8 2.33331C7.15333 2.33331 6.36807 2.59637 5.72157 3.04522M10 12.6666H2C2 12.6666 3.8564 11.1196 3.99217 6.83331" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M6 12.6667H10C10 13.7713 9.10457 14.6667 8 14.6667C6.89543 14.6667 6 13.7713 6 12.6667Z" stroke="#666666" stroke-width="1.5"/>
+<path id="Vector_3" fill-rule="evenodd" clip-rule="evenodd" d="M7.99996 0.666687C7.26359 0.666687 6.66663 1.26364 6.66663 2.00002H9.33329C9.33329 1.26364 8.73633 0.666687 7.99996 0.666687Z" fill="#666666"/>
+<path id="Vector_4" d="M2.33337 2.16669L13.6667 14.8334" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

src/assets/img/chat/comment-orange.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Comment (&#232;&#175;&#132;&#232;&#174;&#186;)">
+<path id="Vector" d="M22 3H2V18H6.5V20.5L11.5 18H22V3Z" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M7 9.75V11.25" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M12 9.75V11.25" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_4" d="M17 9.75V11.25" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

src/assets/img/chat/comment.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Comment (&#232;&#175;&#132;&#232;&#174;&#186;)">
+<path id="Vector" d="M22 3H2V18H6.5V20.5L11.5 18H22V3Z" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M7 9.75V11.25" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M12 9.75V11.25" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_4" d="M17 9.75V11.25" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

src/assets/img/chat/comments-black.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Comments (&#232;&#175;&#132;&#232;&#174;&#186;)">
+<path id="Vector" d="M16.5 19H11V15H18V11H22V19H19.5L18 20.5L16.5 19Z" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M2 3H18V15H8.5L6.5 17L4.5 15H2V3Z" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M6 11H9" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
+<path id="Vector_4" d="M6 7H12" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+</svg>

src/assets/img/chat/comments-orange.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Comments (&#232;&#175;&#132;&#232;&#174;&#186;)">
+<path id="Vector" d="M16.5 19H11V15H18V11H22V19H19.5L18 20.5L16.5 19Z" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M2 3H18V15H8.5L6.5 17L4.5 15H2V3Z" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M6 11H9" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round"/>
+<path id="Vector_4" d="M6 7H12" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+</svg>

src/assets/img/chat/comments-white.svg

@@ -0,0 +1,8 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Comments (&#232;&#175;&#132;&#232;&#174;&#186;)">
+<path id="Vector" d="M12.375 14.25H8.25V11.25H13.5V8.25H16.5V14.25H14.625L13.5 15.375L12.375 14.25Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M1.5 2.25H13.5V11.25H6.375L4.875 12.75L3.375 11.25H1.5V2.25Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M4.5 8.25H6.75" stroke="white" stroke-linecap="round"/>
+<path id="Vector_4" d="M4.5 5.25H9" stroke="white" stroke-linecap="round"/>
+</g>
+</svg>

src/assets/img/chat/ellipsis.svg

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ellipsis">
+<g id="union">
+<path d="M4.5 13.5C5.32837 13.5 6 12.8284 6 12C6 11.1716 5.32837 10.5 4.5 10.5C3.67163 10.5 3 11.1716 3 12C3 12.8284 3.67163 13.5 4.5 13.5Z" fill="#333333"/>
+<path d="M10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12Z" fill="#333333"/>
+<path d="M18 12C18 12.8284 18.6716 13.5 19.5 13.5C20.3284 13.5 21 12.8284 21 12C21 11.1716 20.3284 10.5 19.5 10.5C18.6716 10.5 18 11.1716 18 12Z" fill="#333333"/>
+</g>
+</g>
+</svg>

src/assets/img/chat/like-orange.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Like (&#229;&#150;&#156;&#230;&#172;&#162;)">
+<path id="Vector" d="M7.5 4C4.46244 4 2 6.46245 2 9.5C2 15 8.5 20 12 21.1631C15.5 20 22 15 22 9.5C22 6.46245 19.5375 4 16.5 4C14.6399 4 12.9954 4.92345 12 6.3369C11.0046 4.92345 9.36015 4 7.5 4Z" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Line 4" d="M10 13H14" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round"/>
+<path id="Line 5" d="M12 11L12 15" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+</svg>

src/assets/img/chat/like.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Like (&#229;&#150;&#156;&#230;&#172;&#162;)">
+<path id="Vector" d="M7.5 4C4.46244 4 2 6.46245 2 9.5C2 15 8.5 20 12 21.1631C15.5 20 22 15 22 9.5C22 6.46245 19.5375 4 16.5 4C14.6399 4 12.9954 4.92345 12 6.3369C11.0046 4.92345 9.36015 4 7.5 4Z" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Line 4" d="M10 13H14" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
+<path id="Line 5" d="M12 11L12 15" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+</svg>

src/assets/img/chat/medical-files-orange.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Medical-files (&#229;&#140;&#187;&#231;&#150;&#151;&#230;&#161;&#163;&#230;&#161;&#136;)">
+<path id="Vector" d="M11.5 21H9.5H7.5H4.5C3.94771 21 3.5 20.5523 3.5 20V4C3.5 3.44771 3.94771 3 4.5 3H18.5C19.0523 3 19.5 3.44771 19.5 4V7.5V9.75" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M18.3182 13.5C19.5231 13.5 20.5 14.4402 20.5 15.6C20.5 17.1098 19.0454 18.4 18.3182 19.1C17.8333 19.5667 17.2272 20.0334 16.5 20.5C15.7728 20.0334 15.1666 19.5667 14.6818 19.1C13.9545 18.4 12.5 17.1098 12.5 15.6C12.5 14.4402 13.4768 13.5 14.6818 13.5C15.4407 13.5 16.1091 13.873 16.5 14.4388C16.8909 13.873 17.5593 13.5 18.3182 13.5Z" stroke="#FF9300" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_3" d="M7.5 7H15.5" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+</svg>

src/assets/img/chat/medical-files.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Medical-files (&#229;&#140;&#187;&#231;&#150;&#151;&#230;&#161;&#163;&#230;&#161;&#136;)">
+<path id="Vector" d="M11.5 21H9.5H7.5H4.5C3.94771 21 3.5 20.5523 3.5 20V4C3.5 3.44771 3.94771 3 4.5 3H18.5C19.0523 3 19.5 3.44771 19.5 4V7.5V9.75" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M18.3182 13.5C19.5231 13.5 20.5 14.4402 20.5 15.6C20.5 17.1098 19.0454 18.4 18.3182 19.1C17.8333 19.5667 17.2272 20.0334 16.5 20.5C15.7728 20.0334 15.1666 19.5667 14.6818 19.1C13.9545 18.4 12.5 17.1098 12.5 15.6C12.5 14.4402 13.4768 13.5 14.6818 13.5C15.4407 13.5 16.1091 13.873 16.5 14.4388C16.8909 13.873 17.5593 13.5 18.3182 13.5Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_3" d="M7.5 7H15.5" stroke="#666666" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+</svg>

src/assets/img/chat/polygon.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="8" viewBox="0 0 24 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 0L24 8H0L12 0Z" fill="#F7F8FA"/>
+</svg>

src/assets/img/chat/remind.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Remind (&#230;&#143;&#144;&#233;&#134;&#146;)">
+<path id="Vector" d="M5.5 9C5.5 5.41014 8.41014 2.5 12 2.5C15.5899 2.5 18.5 5.41014 18.5 9V18.5H5.5V9Z" stroke="white"/>
+<path id="Vector_2" d="M5 19V9C5 5.134 8.134 2 12 2C15.866 2 19 5.134 19 9V19M2 19H22" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M12 22C13.3807 22 14.5 20.8807 14.5 19.5V19H9.5V19.5C9.5 20.8807 10.6193 22 12 22Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

src/assets/img/chat/search.svg

@@ -0,0 +1,149 @@
+<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="&#230;&#154;&#130;&#230;&#151;&#160;&#230;&#148;&#175;&#228;&#187;&#152;&#232;&#174;&#176;&#229;&#189;&#149;">
+<g id="img">
+<path id="&#232;&#183;&#175;&#229;&#190;&#132; 78" fill-rule="evenodd" clip-rule="evenodd" d="M118.351 66.3036C106.1 45.404 113.603 32.9447 109.106 25.3218C104.608 17.699 59.0238 14.5916 24.5136 51.7276C-8.63666 87.4002 21.1998 129.401 57.0475 141.295C89.8562 152.18 143.031 141.434 147.067 102.46C148.646 87.2033 130.601 87.2033 118.351 66.3036Z" fill="url(#paint0_linear_2611_11727)"/>
+<g id="&#230;&#184;&#144;&#229;&#143;&#152;&#229;&#157;&#151;">
+<mask id="mask0_2611_11727" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="10" y="20" width="138" height="126">
+<path id="&#232;&#146;&#153;&#231;&#137;&#136;" fill-rule="evenodd" clip-rule="evenodd" d="M118.351 66.3036C106.1 45.404 113.603 32.9447 109.106 25.3218C104.608 17.699 59.0238 14.5916 24.5136 51.7276C-8.63666 87.4002 21.1998 129.401 57.0475 141.295C89.8562 152.18 143.031 141.434 147.067 102.46C148.646 87.2033 130.601 87.2033 118.351 66.3036Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_2611_11727)">
+<path id="&#232;&#183;&#175;&#229;&#190;&#132; 86" fill-rule="evenodd" clip-rule="evenodd" d="M40.4753 35.3262C40.4753 35.3262 61.8925 90.562 51.1839 147.781C40.4753 205 -30.1666 70.884 29.8378 40.0093C30.3504 40.0093 40.4753 35.3262 40.4753 35.3262Z" fill="url(#paint1_linear_2611_11727)"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132; 85" fill-rule="evenodd" clip-rule="evenodd" d="M18.2404 58.8809C18.2404 58.8809 38.5956 66.8519 51.1839 140.091C45.1415 152.027 -7.99268 104.258 13.6429 65.1106L18.2404 58.8809Z" fill="#FDA423"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132; 87" fill-rule="evenodd" clip-rule="evenodd" d="M131.147 78.4185C131.147 78.4185 118.927 95.7468 123 144C123 144 176.403 106.784 135.084 81.4221L131.147 78.4185Z" fill="#FDA423"/>
+<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;" cx="137.5" cy="109.5" r="3.5" fill="#FDB247"/>
+<g id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;&#229;&#164;&#135;&#228;&#187;&#189;" filter="url(#filter0_i_2611_11727)">
+<circle cx="92.0001" cy="36" r="5" fill="url(#paint2_linear_2611_11727)"/>
+</g>
+<g id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;&#229;&#164;&#135;&#228;&#187;&#189; 2" filter="url(#filter1_i_2611_11727)">
+<circle cx="41.0001" cy="54" r="6" fill="url(#paint3_linear_2611_11727)"/>
+</g>
+</g>
+</g>
+<g id="&#230;&#156;&#172;&#229;&#173;&#144;">
+<path id="&#232;&#183;&#175;&#229;&#190;&#132; 90" fill-rule="evenodd" clip-rule="evenodd" d="M115.814 86.166C115.814 86.166 125.83 92.621 116.895 102.272C107.961 111.924 99.2351 127.314 96.1153 132.783C92.9956 138.251 87.9847 130.439 87.9847 130.439L107.788 88.135L115.814 86.166Z" fill="url(#paint4_linear_2611_11727)"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132; 89" fill-rule="evenodd" clip-rule="evenodd" d="M100.005 81.8022C100.005 81.8022 113.399 84.9054 115.814 86.1661C115.814 86.1661 107.458 88.4815 104.185 102.316C100.912 116.15 94.8815 134.167 86.1066 132.698C77.3317 131.23 74.5784 117.901 86.7914 98.8257C93.3554 88.5736 100.005 81.8022 100.005 81.8022Z" fill="url(#paint5_linear_2611_11727)"/>
+<g id="&#232;&#183;&#175;&#229;&#190;&#132; 88" filter="url(#filter2_i_2611_11727)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M70.593 48C70.593 48 104.137 64.4542 113.809 61.9568C117.53 60.9959 108.269 72.1828 93.129 89.9597C77.9894 107.737 75.2264 128.688 84.4509 132.225C84.4509 132.225 64.5847 126.719 56.619 124.725C48.6534 122.732 34.6349 120.598 37.2492 106C39.8636 91.4021 50.5713 71.8698 58.1913 64.0172C65.8113 56.1645 69.5427 52.3189 70.593 48Z" fill="url(#paint6_linear_2611_11727)"/>
+</g>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;" d="M68.021 60.4937L100.048 71.2217L99.413 73.1181L67.3858 62.3901L68.021 60.4937Z" fill="url(#paint7_linear_2611_11727)"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;_2" d="M61.6232 75.2881L89.2983 85.0163L88.635 86.9031L60.96 77.1749L61.6232 75.2881Z" fill="url(#paint8_linear_2611_11727)"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;_3" d="M58.0854 85.0093L83.4573 93.2897L82.8368 95.191L57.4649 86.9106L58.0854 85.0093Z" fill="url(#paint9_linear_2611_11727)"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;_4" d="M53.3838 95.228L78.1333 102.53L77.5673 104.448L52.8178 97.1463L53.3838 95.228Z" fill="url(#paint10_linear_2611_11727)"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;_5" d="M48.5482 107.489L75.4149 115.503L74.8433 117.419L47.9766 109.406L48.5482 107.489Z" fill="url(#paint11_linear_2611_11727)"/>
+</g>
+<g id="&#230;&#148;&#190;&#229;&#164;&#167;&#233;&#149;&#156;">
+<ellipse id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;_2" opacity="0.202962" cx="68.1958" cy="96.0901" rx="18" ry="22.5" transform="rotate(53 68.1958 96.0901)" fill="url(#paint12_linear_2611_11727)"/>
+<ellipse id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;_3" cx="56.7999" cy="87.8956" rx="18" ry="25.5" transform="rotate(53 56.7999 87.8956)" fill="#FDA521"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;_6" d="M42.3879 102.202C43.0984 101.018 44.6341 100.635 45.8179 101.345C46.9525 102.026 47.3521 103.465 46.7581 104.625L46.6749 104.775L41.8204 112.864C41.1098 114.047 39.5741 114.431 38.3903 113.721C37.2558 113.04 36.8561 111.601 37.4501 110.44L37.5333 110.29L42.3879 102.202Z" fill="url(#paint13_linear_2611_11727)"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;_7" d="M34.4241 110.743C35.8588 108.383 38.9346 107.634 41.294 109.068C43.5879 110.463 44.3603 113.409 43.083 115.74L42.9684 115.938L32.3701 133.368C30.9354 135.727 27.8597 136.477 25.5002 135.042C23.2063 133.648 22.4339 130.701 23.7112 128.371L23.8258 128.172L34.4241 110.743Z" fill="url(#paint14_linear_2611_11727)"/>
+<ellipse id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;_4" cx="53.7999" cy="84.8956" rx="18" ry="25.5" transform="rotate(53 53.7999 84.8956)" fill="url(#paint15_linear_2611_11727)"/>
+<ellipse id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;_5" cx="53.3931" cy="84.62" rx="13.5" ry="21.5" transform="rotate(53 53.3931 84.62)" fill="url(#paint16_linear_2611_11727)"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;_8" fill-rule="evenodd" clip-rule="evenodd" d="M45.2686 73.8384C54.7517 66.6924 66.0767 65.7265 70.5638 71.681C71.3525 72.7277 71.8775 73.9186 72.1555 75.2094C67.0048 70.957 56.8777 72.351 48.2686 78.8384C40.4534 84.7276 36.3281 92.9763 37.6303 99.0285C37.1075 98.5977 36.636 98.1078 36.2225 97.559C31.7354 91.6045 35.7855 80.9844 45.2686 73.8384Z" fill="#FECD86"/>
+<path id="&#232;&#183;&#175;&#229;&#190;&#132;_9" fill-rule="evenodd" clip-rule="evenodd" d="M70.5638 71.681L70.6826 71.8455C65.4032 68.0445 55.6214 69.5442 47.2686 75.8384C38.3345 82.5708 34.2225 92.3866 37.5285 98.4796C37.5574 98.6651 37.5914 98.8478 37.6303 99.0285C37.1075 98.5977 36.636 98.1078 36.2225 97.559C31.7354 91.6045 35.7855 80.9844 45.2686 73.8384C54.7517 66.6924 66.0767 65.7265 70.5638 71.681Z" fill="#FDA423"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_i_2611_11727" x="87.0001" y="31" width="10" height="10" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2611_11727"/>
+</filter>
+<filter id="filter1_i_2611_11727" x="35.0001" y="48" width="12" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2611_11727"/>
+</filter>
+<filter id="filter2_i_2611_11727" x="35.929" y="48" width="78.7021" height="84.2246" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_2611_11727"/>
+</filter>
+<linearGradient id="paint0_linear_2611_11727" x1="10.1426" y1="20.5088" x2="10.1426" y2="145.304" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEA82E"/>
+<stop offset="1" stop-color="#FEB243"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2611_11727" x1="10.1053" y1="66.9505" x2="75.0676" y2="108.538" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEB244"/>
+<stop offset="1" stop-color="#FEBB5A"/>
+</linearGradient>
+<linearGradient id="paint2_linear_2611_11727" x1="97.0001" y1="31" x2="87.0001" y2="31" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDC065"/>
+<stop stop-color="#FFBC59"/>
+<stop offset="1" stop-color="#FFCD80"/>
+</linearGradient>
+<linearGradient id="paint3_linear_2611_11727" x1="47.0001" y1="48" x2="35.0001" y2="48" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDC065"/>
+<stop stop-color="#FFBC59"/>
+<stop offset="1" stop-color="#FFCD80"/>
+</linearGradient>
+<linearGradient id="paint4_linear_2611_11727" x1="102.047" y1="74.3547" x2="68.5465" y2="106.71" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAA323"/>
+<stop offset="1" stop-color="#FEB140"/>
+</linearGradient>
+<linearGradient id="paint5_linear_2611_11727" x1="87.2061" y1="69.7539" x2="56.7756" y2="103.548" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAD59D"/>
+<stop offset="0.134591" stop-color="#FDCE88"/>
+<stop offset="1" stop-color="#FAC984"/>
+</linearGradient>
+<linearGradient id="paint6_linear_2611_11727" x1="62.0811" y1="54.1805" x2="31.9871" y2="109.344" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#FEE4C0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_2611_11727" x1="108.214" y1="60.4937" x2="92.9422" y2="40.7379" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCDAB5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint8_linear_2611_11727" x1="96.3828" y1="75.2881" x2="82.1463" y2="57.9209" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCDAB5"/>
+<stop offset="1" stop-color="#FFF4E6"/>
+</linearGradient>
+<linearGradient id="paint9_linear_2611_11727" x1="89.9554" y1="85.0093" x2="77.5982" y2="69.2361" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCDAB5"/>
+<stop offset="1" stop-color="#FFF4E6"/>
+</linearGradient>
+<linearGradient id="paint10_linear_2611_11727" x1="84.4622" y1="95.228" x2="73.4921" y2="80.1682" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCDAB5"/>
+<stop offset="1" stop-color="#FFF4E6"/>
+</linearGradient>
+<linearGradient id="paint11_linear_2611_11727" x1="82.2745" y1="107.489" x2="70.4835" y2="91.1988" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCDAB5"/>
+<stop offset="1" stop-color="#FEE6C5"/>
+</linearGradient>
+<linearGradient id="paint12_linear_2611_11727" x1="84.4147" y1="73.6633" x2="55.4988" y2="76.5286" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDA521" stop-opacity="0.01"/>
+<stop offset="1" stop-color="#FDA521"/>
+</linearGradient>
+<linearGradient id="paint13_linear_2611_11727" x1="40.3873" y1="109.74" x2="43.4897" y2="110.847" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE5C0"/>
+<stop offset="1" stop-color="#FDA521"/>
+</linearGradient>
+<linearGradient id="paint14_linear_2611_11727" x1="29.6021" y1="126.029" x2="35.0038" y2="127.949" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDE5C0"/>
+<stop offset="1" stop-color="#F7990C"/>
+</linearGradient>
+<linearGradient id="paint15_linear_2611_11727" x1="35.7999" y1="59.3956" x2="35.7999" y2="110.396" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FDF1DB"/>
+<stop offset="1" stop-color="#FDE4BD"/>
+</linearGradient>
+<linearGradient id="paint16_linear_2611_11727" x1="39.8931" y1="63.12" x2="39.8931" y2="106.12" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FEEED4"/>
+<stop offset="1" stop-color="#FFCE87"/>
+</linearGradient>
+</defs>
+</svg>

src/assets/img/chat/send-orange.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Send (&#229;&#143;&#145;&#233;&#128;&#129;)">
+<path id="Vector" d="M21.5 2.5L14.85 21.5L11.05 12.95L2.5 9.15L21.5 2.5Z" stroke="#FF9300" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_2" d="M21.5 2.5L11.05 12.95" stroke="#FF9300" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

src/assets/img/chat/send.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Send (&#229;&#143;&#145;&#233;&#128;&#129;)">
+<path id="Vector" d="M21.5 2.5L14.85 21.5L11.05 12.95L2.5 9.15L21.5 2.5Z" stroke="#666666" stroke-width="1.5" stroke-linejoin="round"/>
+<path id="Vector_2" d="M21.5 2.5L11.05 12.95" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

src/assets/img/chat/tiji-orange.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="tiji.svg">
+<path id="Vector" d="M15.096 17.2522H16.2012C18.9648 16.3618 20.562 14.2558 20.9916 10.933C21.0528 9.15345 20.7756 7.81905 20.1624 6.92865C18.5664 4.37745 15.9864 3.07305 12.4248 3.01305C11.1348 2.95425 9.59161 3.06345 8.00281 3.81465C4.75681 5.34825 3.27481 8.11545 3.02881 11.2006C2.89784 12.8755 3.18225 14.5568 3.85681 16.0954C5.39281 19.1794 7.84921 20.8114 11.2272 20.9902C14.2356 21.1078 16.908 20.1886 19.2408 18.2302L18.228 17.1622C15.4644 19.3582 12.456 19.9822 9.20041 19.0318C6.37561 17.845 4.83961 15.5902 4.59481 12.2686C4.64178 10.8373 5.01965 9.43628 5.69881 8.17545C7.05121 5.80185 9.22561 4.31625 12.24 4.34745C16.6764 4.39545 19.0872 6.48345 19.518 9.68745C19.578 12.6538 18.474 14.6422 16.2012 15.6502H15.6492C15.2184 15.3538 15.0648 14.9386 15.1884 14.4046L17.4912 7.01865H15.648L15.372 7.99665L14.8188 7.28505C13.2828 6.27705 11.6868 6.24705 10.0284 7.19625C8.55481 8.26425 7.60201 9.61305 7.17241 11.245C6.74281 12.877 6.77281 14.2114 7.26481 15.2494C7.75681 16.2874 8.61601 16.8958 9.84481 17.0734C11.256 17.1934 12.5148 16.6894 13.6212 15.5614V15.6502C13.6212 16.4218 14.1132 16.9558 15.0948 17.2522H15.096ZM10.95 15.4726L9.75241 15.3826C8.83201 15.0862 8.43241 14.3146 8.55601 13.069C9.04681 10.1026 10.368 8.41305 12.516 7.99665C13.806 8.05665 14.544 8.53065 14.7276 9.42105C14.5428 12.505 13.284 14.5234 10.95 15.4726Z" fill="#FF9300"/>
+</g>
+</svg>

src/assets/img/chat/tiji.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="tiji.svg">
+<path id="Vector" d="M15.096 17.2522H16.2012C18.9648 16.3618 20.562 14.2558 20.9916 10.933C21.0528 9.15345 20.7756 7.81905 20.1624 6.92865C18.5664 4.37745 15.9864 3.07305 12.4248 3.01305C11.1348 2.95425 9.59161 3.06345 8.00281 3.81465C4.75681 5.34825 3.27481 8.11545 3.02881 11.2006C2.89784 12.8755 3.18225 14.5568 3.85681 16.0954C5.39281 19.1794 7.84921 20.8114 11.2272 20.9902C14.2356 21.1078 16.908 20.1886 19.2408 18.2302L18.228 17.1622C15.4644 19.3582 12.456 19.9822 9.20041 19.0318C6.37561 17.845 4.83961 15.5902 4.59481 12.2686C4.64178 10.8373 5.01965 9.43628 5.69881 8.17545C7.05121 5.80185 9.22561 4.31625 12.24 4.34745C16.6764 4.39545 19.0872 6.48345 19.518 9.68745C19.578 12.6538 18.474 14.6422 16.2012 15.6502H15.6492C15.2184 15.3538 15.0648 14.9386 15.1884 14.4046L17.4912 7.01865H15.648L15.372 7.99665L14.8188 7.28505C13.2828 6.27705 11.6868 6.24705 10.0284 7.19625C8.55481 8.26425 7.60201 9.61305 7.17241 11.245C6.74281 12.877 6.77281 14.2114 7.26481 15.2494C7.75681 16.2874 8.61601 16.8958 9.84481 17.0734C11.256 17.1934 12.5148 16.6894 13.6212 15.5614V15.6502C13.6212 16.4218 14.1132 16.9558 15.0948 17.2522H15.096ZM10.95 15.4726L9.75241 15.3826C8.83201 15.0862 8.43241 14.3146 8.55601 13.069C9.04681 10.1026 10.368 8.41305 12.516 7.99665C13.806 8.05665 14.544 8.53065 14.7276 9.42105C14.5428 12.505 13.284 14.5234 10.95 15.4726Z" fill="#666666"/>
+</g>
+</svg>

src/assets/img/chat/user-grey.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="user">
+<g id="union">
+<path d="M17.25 7.5C17.25 10.3995 14.8995 12.75 12 12.75C9.1005 12.75 6.75 10.3995 6.75 7.5C6.75 4.6005 9.1005 2.25 12 2.25C14.8995 2.25 17.25 4.6005 17.25 7.5ZM15.75 7.5C15.75 5.42893 14.0711 3.75 12 3.75C9.92893 3.75 8.25 5.42893 8.25 7.5C8.25 9.57107 9.92893 11.25 12 11.25C14.0711 11.25 15.75 9.57107 15.75 7.5Z" fill="#999999"/>
+<path d="M20.9447 16.2792C21.4455 16.5183 21.75 17.032 21.75 17.5869V21C21.75 21.4142 21.4142 21.75 21 21.75H3C2.58579 21.75 2.25 21.4142 2.25 21V17.5869C2.25 17.032 2.55452 16.5183 3.0553 16.2792C5.7741 14.9806 8.79976 14.25 12 14.25C15.2002 14.25 18.2259 14.9806 20.9447 16.2792ZM12 15.75C9.05011 15.75 6.26152 16.4186 3.75 17.6097V20.25H20.25V17.6097C17.7385 16.4186 14.9499 15.75 12 15.75Z" fill="#999999"/>
+</g>
+</g>
+</svg>

src/assets/img/chat/user.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="user">
+<g id="union">
+<path d="M17.25 7.5C17.25 10.3995 14.8995 12.75 12 12.75C9.1005 12.75 6.75 10.3995 6.75 7.5C6.75 4.6005 9.1005 2.25 12 2.25C14.8995 2.25 17.25 4.6005 17.25 7.5ZM15.75 7.5C15.75 5.42893 14.0711 3.75 12 3.75C9.92893 3.75 8.25 5.42893 8.25 7.5C8.25 9.57107 9.92893 11.25 12 11.25C14.0711 11.25 15.75 9.57107 15.75 7.5Z" fill="white"/>
+<path d="M20.9447 16.2792C21.4455 16.5183 21.75 17.032 21.75 17.5869V21C21.75 21.4142 21.4142 21.75 21 21.75H3C2.58579 21.75 2.25 21.4142 2.25 21V17.5869C2.25 17.032 2.55452 16.5183 3.0553 16.2792C5.7741 14.9806 8.79976 14.25 12 14.25C15.2002 14.25 18.2259 14.9806 20.9447 16.2792ZM12 15.75C9.05011 15.75 6.26152 16.4186 3.75 17.6097V20.25H20.25V17.6097C17.7385 16.4186 14.9499 15.75 12 15.75Z" fill="white"/>
+</g>
+</g>
+</svg>

src/pages/profile/index.vue

@@ -146,6 +146,11 @@ const menuData = [
     label: "我的评论",
     to: "/profile/my-comment",
   },
+  {
+    icon: profile_my_comment,
+    label: '我的消息',
+    to: '/profile/my-news'
+  }
 ];
 
 onMounted(() => {