fix: bug

src/assets/other/open.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>收起</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="智能对话切图" transform="translate(-240.4973, -83.5001)" fill="#333333" fill-rule="nonzero">
+            <g id="编组备份" transform="translate(240.4973, 83.5001)">
+                <path d="M3.12765688,4.49985628 C2.78247891,4.49985628 2.50265688,4.77967831 2.50265688,5.12485628 C2.50265688,5.47003425 2.78247891,5.74985628 3.12765688,5.74985628 L16.4609902,5.74985628 C16.8061682,5.74985628 17.0859902,5.47003425 17.0859902,5.12485628 C17.0859902,4.77967831 16.8061682,4.49985628 16.4609902,4.49985628 L3.12765688,4.49985628 Z M13.6620524,7.74249397 C13.4179725,7.98656949 13.417969,8.3822976 13.6620446,8.62637744 L14.9529902,9.91585628 L3.12765688,9.91652295 C2.78247891,9.91652295 2.50265688,10.196345 2.50265688,10.5415229 C2.50265688,10.8867009 2.78247891,11.1665229 3.12765688,11.1665229 L14.9529902,11.1658563 L13.6620446,12.4565851 C13.4450885,12.673545 13.4209851,13.0103257 13.5897323,13.2539094 L13.6620524,13.3404686 C13.9061322,13.5845441 14.3018603,13.5845406 14.5459359,13.3404608 L16.9356594,10.9481288 L16.9823855,10.8863365 L17.0295899,10.8014002 L17.0697676,10.6833293 L17.0841062,10.5901915 L17.0841062,10.4921628 L17.081922,10.4698207 L17.0634682,10.3748043 L17.0528234,10.3401169 L17.0216231,10.264844 L17.0017917,10.2280071 L16.9625438,10.1684239 L16.9029359,10.0995434 L14.5459359,7.74250178 C14.3018603,7.49842194 13.9061322,7.49841844 13.6620524,7.74249397 Z M3.12765688,15.3331896 C2.78247891,15.3331896 2.50265688,15.6130116 2.50265688,15.9581896 C2.50265688,16.3033676 2.78247891,16.5831896 3.12765688,16.5831896 L16.4609902,16.5831896 C16.8061682,16.5831896 17.0859902,16.3033676 17.0859902,15.9581896 C17.0859902,15.6130116 16.8061682,15.3331896 16.4609902,15.3331896 L3.12765688,15.3331896 Z" id="形状"></path>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/slider/1-1.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>智能问答-选中</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="切图" transform="translate(-322, -204)">
+            <g id="智能问答备份" transform="translate(322, 204)">
+                <g id="编组" transform="translate(4, 3)">
+                    <path d="M12.6205229,0 C19.4575156,0 25,5.43541201 25,12.1402946 C25,16.8811885 22.2280126,20.9856538 18.18763,22.9842852 C15.7155859,24.2710117 12.8954263,25 9.90171562,25 C6.23353471,25 2.82588902,23.905595 0,22.0316064 C0,22.0316064 1.895039,21.8252373 3.39284228,20.2332132 C1.4334326,18.0849388 0.241117299,15.2493429 0.241117299,12.1402946 C0.241117299,5.43541201 5.78358979,0 12.6205229,0 Z" id="路径" fill="#00AEA3" fill-rule="nonzero"></path>
+                    <path d="M8.47360105,11.5174373 L8.47360105,12.5346399 L8.47360105,13.2121996 C8.47360105,13.8885093 9.02269244,14.4367237 9.70014363,14.4367237 C10.3775352,14.4367237 10.926567,13.8885093 10.926567,13.2121996 L10.926567,12.533628 L10.926567,11.5174373 C10.926567,10.8412466 10.3775352,10.2928536 9.70014363,10.2928536 C9.02269244,10.2928536 8.47360105,10.8412466 8.47360105,11.5174373 Z" id="路径" fill="#FFFFFF"></path>
+                    <path d="M14.5443698,11.5174373 L14.5443698,12.5346399 L14.5443698,13.2121996 C14.5443698,13.8885093 15.0935208,14.4367237 15.7708528,14.4367237 C16.4482444,14.4367237 16.9973954,13.8885093 16.9973954,13.2121996 L16.9973954,12.533628 L16.9973954,11.5174373 C16.9973954,10.8412466 16.4482444,10.2928536 15.7708528,10.2928536 C15.0935208,10.2928536 14.5443698,10.8412466 14.5443698,11.5174373 Z" id="路径" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/slider/2-1.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>智能文档-选中</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="切图" transform="translate(-226, -204)" fill-rule="nonzero">
+            <g id="智能文档备份-3" transform="translate(226, 204)">
+                <path d="M19.067212,3.10001233 C19.1055998,3.10021332 19.1439748,3.10285505 19.1820844,3.10793619 L19.2467327,3.11887309 C19.2617349,3.12199387 19.2766003,3.12548815 19.2913185,3.12934575 C19.303929,3.1327304 19.3164029,3.1362869 19.32881,3.14011762 C19.3517706,3.14716175 19.3740977,3.15506955 19.3960007,3.16381302 C19.4126255,3.17043903 19.4294008,3.17771197 19.4459862,3.18551912 C19.4632313,3.19370073 19.4797422,3.20213879 19.4959486,3.21106168 C19.5143248,3.22107493 19.5328551,3.23213477 19.5510519,3.24391753 C19.5638385,3.25230567 19.5760686,3.26066968 19.5880768,3.26932241 L19.6402945,3.30988268 C19.6519665,3.31971106 19.6635763,3.3299552 19.6749141,3.34048814 L19.7022193,3.36694449 L25.6397193,9.36694449 L25.6585462,9.38654811 L25.668,9.397 L25.6863635,9.4177778 C25.7011439,9.4351642 25.7151565,9.45297778 25.7284018,9.47117415 C25.7412571,9.48895323 25.7535582,9.50723138 25.7651903,9.52596829 C25.7741017,9.54017973 25.7825556,9.55470009 25.7905691,9.5693959 C25.8347916,9.65059987 25.8668773,9.73908107 25.8844745,9.83267429 C25.890868,9.86714322 25.8952697,9.90134326 25.8977131,9.93565469 L25.9,10 L25.9004267,18.0275817 C25.6852408,18.0034077 25.4665042,17.990991 25.244898,17.990991 L23.3673469,17.990991 C20.1959233,17.990991 17.6122449,20.5340115 17.6122449,23.6869947 C17.6122449,26.0197829 19.0265512,28.0186696 21.046808,28.9007689 L7.1875,28.9 C6.03247944,28.9 5.1,27.9577147 5.1,26.8 L5.1,5.2 C5.1,4.0422991 6.03248348,3.1 7.1875,3.1 L19.067212,3.10001233 Z M19.962,6.18899992 L19.962,9.1 L22.843,9.09999992 L19.962,6.18899992 Z" id="形状结合" fill="#00AEA3"></path>
+                <g id="编组备份" transform="translate(19.6122, 19.991)">
+                    <path d="M3.75510204,0 L5.63265306,0 C7.70654898,0 9.3877551,1.65475629 9.3877551,3.6960037 C9.3877551,5.73726034 7.70654898,7.39200739 5.63265306,7.39200739 L5.63265306,9.00900901 C3.28571429,8.08500809 0,6.6990067 0,3.6960037 C0,1.65475629 1.68121551,0 3.75510204,0 Z" id="路径" fill="#333333" transform="translate(4.6939, 4.5045) scale(-1, 1) translate(-4.6939, -4.5045)"></path>
+                    <path d="M5.63265306,0 L3.75510204,0 C1.68121551,0 1.99840144e-14,1.65475629 1.99840144e-14,3.6960037 C1.99840144e-14,6.6990067 3.28571429,8.08500809 5.63265306,9.00900901 L5.63265306,7.39200739 C7.70654898,7.39200739 9.3877551,5.73726034 9.3877551,3.6960037 C9.3877551,1.65475629 7.70654898,0 5.63265306,0 Z" id="路径" fill="#00AEA3" transform="translate(4.6939, 4.9729) scale(-1, 1) translate(-4.6939, -4.9729)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/slider/3-1.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>以文生图-选中</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="切图" transform="translate(-178, -204)" fill-rule="nonzero">
+            <g id="以文生图备份" transform="translate(178, 204)">
+                <g id="编组备份" transform="translate(16, 16) scale(-1, 1) translate(-16, -16)translate(3.1, 3.1)">
+                    <path d="M12.9,0 C20.0244733,0 25.8,5.77552673 25.8,12.9 C25.8,20.0244733 20.0244733,25.8 12.9,25.8 C5.77552673,25.8 0,20.0244733 0,12.9 C0,5.77552673 5.77552673,0 12.9,0 Z" id="椭圆形" fill="#00AEA3"></path>
+                    <path d="M18.2622255,11.5972181 L23.5990769,15.8668423 C23.4288899,16.481918 23.2070855,17.0755522 22.9386192,17.6427897 L17.84,13.564 L13.9603316,18.4139669 L18.7707433,22.3221851 C18.2154861,22.6688852 17.6273673,22.9678673 17.0121268,23.2133915 L8.8,16.541 L5.05562321,20.7533912 C4.62726301,20.3255196 4.23369524,19.8628232 3.87952932,19.3699115 L8.02733161,14.7020725 C8.3472544,14.3421594 8.89379756,14.2978371 9.26753336,14.6014974 L12.5633316,17.2789669 L16.9972181,11.7377745 C17.3077267,11.3496387 17.8740898,11.2867095 18.2622255,11.5972181 Z" id="形状结合" fill="#FFFFFF"></path>
+                    <path d="M9.3,5.4 C11.1225397,5.4 12.6,6.87746033 12.6,8.7 C12.6,10.5225397 11.1225397,12 9.3,12 C7.47746033,12 6,10.5225397 6,8.7 C6,6.87746033 7.47746033,5.4 9.3,5.4 Z" id="椭圆形" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/slider/5-1.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>文库问答-选中</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="切图" transform="translate(-274, -204)" fill-rule="nonzero">
+            <g id="文库问答备份" transform="translate(274, 204)">
+                <g id="编组备份" transform="translate(4.0999, 4.0999)">
+                    <path d="M10.6778599,23.8000976 C10.1808036,23.8000976 9.77785988,23.3971539 9.77785988,22.9000976 L9.77785988,0.900097618 C9.77785988,0.403041343 10.1808036,9.76181617e-05 10.6778599,9.76181617e-05 L22.9000821,9.76181617e-05 C23.3971384,9.76181617e-05 23.8000821,0.403041343 23.8000821,0.900097618 L23.8000821,22.9000976 C23.8000821,23.3971539 23.3971384,23.8000976 22.9000821,23.8000976 L10.6778599,23.8000976 Z M3.35049231,0 L3.45615781,0.00704752912 L8.3450467,0.61815864 C8.82967693,0.67873742 9.1775467,1.11478419 9.12894891,1.60076208 L6.99006002,22.989651 C6.93999004,23.4903508 6.48911994,23.8527273 5.98936943,23.7939332 L0.794924981,23.1828221 C0.302430599,23.1248815 -0.0504040267,22.6794784 0.00590269857,22.1867946 L2.45034714,0.797905686 C2.5072082,0.300371407 2.9592519,-0.0550657098 3.45615781,0.00704752912 L3.35049231,0 Z" id="形状结合" fill="#00AEA3"></path>
+                    <path d="M13.7334154,5.50009762 C14.2304717,5.50009762 14.6334154,5.90304134 14.6334154,6.40009762 L14.6334154,8.23343095 C14.6334154,8.73048723 14.2304717,9.13343095 13.7334154,9.13343095 C13.2363592,9.13343095 12.8334154,8.73048723 12.8334154,8.23343095 L12.8334154,6.40009762 C12.8334154,5.90304134 13.2363592,5.50009762 13.7334154,5.50009762 Z" id="路径" fill="#FFFFFF"></path>
+                    <path d="M19.8445265,5.50009762 C20.3415828,5.50009762 20.7445265,5.90304134 20.7445265,6.40009762 L20.7445265,8.23343095 C20.7445265,8.73048723 20.3415828,9.13343095 19.8445265,9.13343095 C19.3474703,9.13343095 18.9445265,8.73048723 18.9445265,8.23343095 L18.9445265,6.40009762 C18.9445265,5.90304134 19.3474703,5.50009762 19.8445265,5.50009762 Z" id="路径" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/slider/6-1.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>文档出题-选中</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="切图" transform="translate(-82, -204)">
+            <g id="智能文档备份" transform="translate(82, 204)">
+                <rect id="矩形" x="0" y="0" width="32" height="32"></rect>
+                <g id="编组" transform="translate(6, 3)" fill-rule="nonzero">
+                    <path d="M18.7125,0 C19.8675303,0 20.8,0.942294946 20.8,2.1 L20.8,23.7 C20.8,24.8577189 19.8675343,25.8 18.7125,25.8 L2.0875,25.8 C0.932479444,25.8 0,24.8577147 0,23.7 L0,2.1 C0,0.9422991 0.932483484,0 2.0875,0 L18.7125,0 Z" id="形状结合" fill="#00AEA3"></path>
+                    <path d="M14.55625,15.6 C15.0533063,15.6 15.45625,16.0029437 15.45625,16.5 C15.45625,16.9970563 15.0533063,17.4 14.55625,17.4 L6.24375,17.4 C5.74669373,17.4 5.34375,16.9970563 5.34375,16.5 C5.34375,16.0029437 5.74669373,15.6 6.24375,15.6 L14.55625,15.6 Z M10.4,19.2 C10.8970563,19.2 11.3,19.6029437 11.3,20.1 C11.3,20.5970563 10.8970563,21 10.4,21 L6.24375,21 C5.74669373,21 5.34375,20.5970563 5.34375,20.1 C5.34375,19.6029437 5.74669373,19.2 6.24375,19.2 L10.4,19.2 Z M13.3227807,5.66694449 C13.6724077,5.3136373 14.2422483,5.31065384 14.5955555,5.66028075 C14.9488627,6.00990765 14.9518462,6.57974832 14.6022193,6.93305551 L9.85221925,11.7330555 C9.50000083,12.0889815 8.92499917,12.0889815 8.57278075,11.7330555 L6.19778075,9.33305551 C5.84815384,8.97974832 5.8511373,8.40990765 6.20444449,8.06028075 C6.55775168,7.71065384 7.12759235,7.7136373 7.47721925,8.06694449 L9.2125,9.82 L13.3227807,5.66694449 Z" id="形状结合" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/slider/7-1.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>以图生文-选中</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="切图" transform="translate(-348, -204)">
+            <g id="智能问答备份-3" transform="translate(348, 204)">
+                <g id="智能问答备份"></g>
+                <g id="智能文档备份-2"></g>
+                <path d="M20.6272078,3.9 L26.1,9.37279221 L26.1,27 C26.1,27.3037566 25.9768783,27.5787566 25.7778175,27.7778175 C25.5787566,27.9768783 25.3037566,28.1 25,28.1 L8,28.1 C7.69624339,28.1 7.42124339,27.9768783 7.22218254,27.7778175 C7.02312169,27.5787566 6.9,27.3037566 6.9,27 L6.9,5 C6.9,4.69624339 7.02312169,4.42124339 7.22218254,4.22218254 C7.42124339,4.02312169 7.69624339,3.9 8,3.9 L20.6272078,3.9 Z" id="形状结合备份-2" stroke="#00AEA3" stroke-width="1.8" fill="#00AEA3"></path>
+                <path d="M24,4 C25.1045695,4 26,4.8954305 26,6 L26,10 L20,4 L24,4 Z" id="形状结合备份" fill="#FFFFFF" transform="translate(23, 7) scale(-1, -1) translate(-23, -7)"></path>
+                <polygon id="三角形备份" fill="#FFFFFF" points="17.8333333 14 22 22 12 22"></polygon>
+                <circle id="椭圆形备份" fill="#FFFFFF" cx="13" cy="13" r="2"></circle>
+            </g>
+        </g>
+    </g>
+</svg>

src/assets/slider/8-1.svg

@@ -0,0 +1 @@
+<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#07aea2" height="24" rx="6" width="24"/><path d="m19.9625 11.025v9.1h1.7875v1.625h-19.5v-1.625h1.625v-3.0875h1.625v3.0875h3.25v-7.6375h1.625v7.6375h3.25v-4.55h1.625v4.55h3.25v-9.1zm1.7875-8.775v6.825h-1.625v-4.225l-5.3625 5.3625-1.3 1.1375-2.7625-2.7625-6.9875 6.9875-1.1375-1.1375 8.125-8.125 2.925 2.7625 5.2-5.2h-3.575v-1.625z" fill="#fff" fill-rule="nonzero"/></g></svg>

src/components/DialogWrap.vue

@@ -58,9 +58,7 @@
                         </a-typography-paragraph>
                     </div>
                     <div class="dialog-header" v-if="item?.capacity">
-                        <a-avatar shape="circle" :size="28">
-                            <img alt="avatar" :src="agentInfo.avatar" />
-                        </a-avatar>
+                        <img alt="avatar" src="https://szwl.harix.iamidata.com/robot.svg" width="28" />
                         <a-typography-paragraph
                             :ellipsis="{ rows: 1, css: true }"
                             :style="{ flex: 1, margin: '0 0 0 12px' }"
@@ -142,25 +140,37 @@
                         </p>
                         <p v-else></p>
                         <div>
-                            <p @click="reQuestion(item.question)" :class="[readonly ? 'disabled' : '']">
-                                <img src="@/assets/icons/refresh.png" width="15" />
-                            </p>
-                            <p @click="copyAnswer(item.answer)" :class="[readonly ? 'disabled' : '']">
-                                <img src="@/assets/icons/copy.png" width="15" />
-                            </p>
-                            <p @click="saveAnswer(key)" :class="[readonly ? 'disabled' : '']" v-if="!isSetting">
-                                <img src="@/assets/icons/star-full.png" width="15" v-if="menuList[key].save" />
-                                <img src="@/assets/icons/star.png" width="15" v-else />
-                            </p>
-                            <p :class="[readonly ? 'disabled' : '']" v-if="!isSetting">
-                                <img src="@/assets/icons/thumb-up.png" width="15" />
-                            </p>
-                            <p @click="feedbackAnswer" :class="[readonly ? 'disabled' : '']" v-if="!isSetting">
-                                <img src="@/assets/icons/thumb-down.png" width="15" />
-                            </p>
-                            <p :class="[readonly ? 'disabled' : '']" v-if="!isSetting">
-                                <img src="@/assets/icons/share.png" width="15" />
-                            </p>
+                            <a-tooltip content="重新生成">
+                                <p @click="reQuestion(item.question)" :class="[readonly ? 'disabled' : '']">
+                                    <img src="@/assets/icons/refresh.png" width="15" />
+                                </p>
+                            </a-tooltip>
+                            <a-tooltip content="复制">
+                                <p @click="copyAnswer(item.answer)" :class="[readonly ? 'disabled' : '']">
+                                    <img src="@/assets/icons/copy.png" width="15" />
+                                </p>
+                            </a-tooltip>
+                            <a-tooltip content="收藏">
+                                <p @click="saveAnswer(key)" :class="[readonly ? 'disabled' : '']" v-if="!isSetting">
+                                    <img src="@/assets/icons/star-full.png" width="15" v-if="menuList[key].save" />
+                                    <img src="@/assets/icons/star.png" width="15" v-else />
+                                </p>
+                            </a-tooltip>
+                            <a-tooltip content="点赞">
+                                <p :class="[readonly ? 'disabled' : '']" v-if="!isSetting">
+                                    <img src="@/assets/icons/thumb-up.png" width="15" />
+                                </p>
+                            </a-tooltip>
+                            <a-tooltip content="反馈">
+                                <p @click="feedbackAnswer" :class="[readonly ? 'disabled' : '']" v-if="!isSetting">
+                                    <img src="@/assets/icons/thumb-down.png" width="15" />
+                                </p>
+                            </a-tooltip>
+                            <a-tooltip content="分享">
+                                <p :class="[readonly ? 'disabled' : '']" v-if="!isSetting">
+                                    <img src="@/assets/icons/share.png" width="15" />
+                                </p>
+                            </a-tooltip>
                         </div>
                     </div>
                 </div>
@@ -228,30 +238,6 @@ export default defineComponent({
                 ]
             }
         };
-        const text = ref(`
-      **粗体文本**
-
-_斜体文本_
-
-***粗体加斜体文本***
-
-~~删除线文本~~
-
-==标记文本==
-
-> 这是一个块引用。
-
-- 列表项一
-- 列表项二
-
-1. 有序列表项一
-2. 有序列表项二
-
-
-[链接文本](链接地址 "链接标题")
-
-![图片alt文本](图片链接 "图片title文本")
-    `);
         const { helper } = inject("$global");
         const dialogList = reactive([]);
         const randomKey = ref(0);

src/components/History.vue

@@ -51,6 +51,7 @@
                     v-for="(item, key) in list.filter((v) => v.isTop)"
                     :key="key"
                     :class="{ 'div-padding': openDeletes }"
+                    @click="handleClick(item.id)"
                 >
                     <em
                         v-if="openDeletes"
@@ -109,6 +110,7 @@
                     v-for="(item, key) in list.filter((v) => !v.isTop)"
                     :key="key"
                     :class="{ 'div-padding': openDeletes }"
+                    @click="handleClick(item.id)"
                 >
                     <em
                         v-if="openDeletes"
@@ -324,6 +326,9 @@ export default defineComponent({
         const setNewDialog = () => {
             emit("set-new");
         };
+        const handleClick = (id) => {
+            emit("handle-click", id);
+        };
         return {
             openSearch,
             handleDeleteButton,
@@ -339,7 +344,8 @@ export default defineComponent({
             showDeleteTooltip,
             deleteItems,
             deleteId,
-            setNewDialog
+            setNewDialog,
+            handleClick
         };
     }
 });

src/components/Slider.vue

@@ -6,7 +6,8 @@
         <section>
             <div v-for="(item, key) in slider" :key="key" @click="handleClick(key)" :class="{ active: key === index }">
                 <div>
-                    <img :src="getAssetURL(item.icon)" width="24" />
+                    <img :src="getAssetURL(`/src/assets/slider/${item.icon}.svg`)" width="24" class="img-normal" />
+                    <img :src="getAssetURL(`/src/assets/slider/${item.icon}-1.svg`)" width="24" class="img-hover" />
                     <p>{{ item.title }}</p>
                 </div>
             </div>
@@ -63,9 +64,21 @@ main {
             display: flex;
             align-items: center;
             justify-content: center;
+            .img-normal {
+                display: block;
+            }
+            .img-hover {
+                display: none;
+            }
             &:hover,
             &.active {
                 background: rgba(0, 0, 0, 0.05);
+                .img-normal {
+                    display: none;
+                }
+                .img-hover {
+                    display: block;
+                }
             }
             img {
                 display: block;

src/utils/config.js

@@ -4,56 +4,56 @@ export default {
     slider: [
         {
             title: "智能问答",
-            icon: "/src/assets/slider/1.svg",
+            icon: "1",
             img: "/src/assets/index/1.png",
             desc: "能够理解和学习人类的语言，具备多轮对话的能力",
             dialog: "我可以理解和学习人类的语言，具备多轮对话的能力，现在和我开始交流吧～"
         },
         {
             title: "文档智能",
-            icon: "/src/assets/slider/2.svg",
+            icon: "2",
             img: "/src/assets/index/2.png",
             desc: "个人知识库的问答助手，基于您上传的文档进行问答，支持多文档",
             dialog: "个人知识库的问答助手，基于您上传的文档进行问答，支持多文档，大小在30M以内。"
         },
         {
             title: "以文生图",
-            icon: "/src/assets/slider/3.svg",
+            icon: "3",
             img: "/src/assets/index/3.png",
             desc: "可以学习不同的绘画风格，并且通过文字描述智能绘制出图片",
             dialog: "我可以学习不同的绘画风格，并且通过文字描述智能绘制出图片，现在让我开始创作吧～"
         },
         {
             title: "文档创作",
-            icon: "/src/assets/slider/4.svg",
+            icon: "4",
             img: "/src/assets/index/4.png",
             desc: "您的公文写作助手，根据你的创作要求，按需生成各类型公文",
             dialog: "您的公文写作助手，输入你的创作要求，我们将按需生成各类型公文。"
         },
         {
             title: "文库问答",
-            icon: "/src/assets/slider/5.svg",
+            icon: "5",
             img: "/src/assets/index/5.png",
             desc: "遍历已创建的文档知识库，生成完整和准确的答案，同时显示来源文档供您参考",
             dialog: "垂域知识的问答助手，针对你的提问，我们将遍历已创建的文档知识库，生成完整和准确的答案，同时显示来源文档供您参考。"
         },
         {
             title: "文档出题",
-            icon: "/src/assets/slider/6.svg",
+            icon: "6",
             img: "/src/assets/index/6.png",
             desc: "针对单文档或多个文档内容自动出题，高效便捷的帮助你建立私人题库",
             dialog: "您可以上传文档，小数能针对单文档或多个文档内容自动出题，高效便捷的帮助你建立私人题库。"
         },
         {
             title: "以图生文",
-            icon: "/src/assets/slider/7.svg",
+            icon: "7",
             img: "/src/assets/index/7.png",
             desc: "基于您上传的图片，生成对应的文字描述并基于图片内容实现问答",
             dialog: "基于您上传的图片，生成对应的文字描述并基于图片内容实现问答。"
         },
         {
             title: "数据分析",
-            icon: "/src/assets/slider/8.svg",
+            icon: "8",
             img: "/src/assets/index/8.png",
             desc: "您可以上传文档或添加数据库地址，小数可针对你文档的数据进行分析，并生成指定的图表",
             dialog: "您可以上传文档或添加数据库地址，小数可针对你文档的数据进行分析，并生成指定的图表。"

src/views/Answer.vue

@@ -1,7 +1,7 @@
 <template>
     <main>
         <header>
-            <p>试一试这样问我</p>
+            <p>试一试这样问我：</p>
             <a-button size="small" type="outline" shape="round" @click="changeCards"
                 ><template #icon> <icon-swap /> </template>换一换</a-button
             >

src/views/Home.vue

@@ -1,18 +1,19 @@
 <template>
     <div id="app">
-        <Slider @select-nav="selectNav" :index="navIndex"></Slider>
+        <Slider @select-nav="selectNav" :index="navIndex" v-show="!closeOthers"></Slider>
         <div class="main">
-            <div :class="{ 'history-wrap': true, 'history-wrap-open': navIndex > -1 }">
+            <div :class="{ 'history-wrap': true, 'history-wrap-open': !closeOthers && navIndex > -1 }">
                 <History
                     @set-new="
                         () => {
                             showDialog = false;
                         }
                     "
+                    @handle-click="selectHistory"
                 />
             </div>
             <div class="wrap">
-                <Index :number="swiperNumber" v-if="navIndex === -1" />
+                <Index :number="swiperNumber" v-if="navIndex === -1" @select-nav="selectNav" />
                 <div class="border-wrap" v-else>
                     <div>
                         <header>
@@ -38,6 +39,12 @@
                         <footer>
                             <message-input :readonly="readonly" />
                         </footer>
+                        <a-tooltip :content="closeOthers ? '收起' : '展开'">
+                            <div @click="openAll">
+                                <img src="@/assets/other/open.svg" width="20" v-if="closeOthers" />
+                                <img src="@/assets/other/close.svg" width="20" v-else />
+                            </div>
+                        </a-tooltip>
                     </div>
                 </div>
             </div>
@@ -63,6 +70,7 @@ export default defineComponent({
     },
     setup() {
         const { config, helper } = inject("$global");
+        const closeOthers = ref(false);
         const swiperNumber = ref(5);
         const navIndex = ref(-1);
         const readonly = ref(false);
@@ -80,6 +88,9 @@ export default defineComponent({
             star: 34,
             id: "111"
         };
+        const openAll = () => {
+            closeOthers.value = !closeOthers.value;
+        };
         const selectNav = (index) => {
             navIndex.value = index;
             if (index === -1) {
@@ -91,6 +102,9 @@ export default defineComponent({
         const setReadonly = (status) => {
             readonly.value = status;
         };
+        const selectHistory = (id) => {
+            console.log(id);
+        };
         onMounted(() => {
             helper.$bus.on("send-message", () => {
                 showDialog.value = true;
@@ -108,7 +122,10 @@ export default defineComponent({
             userInfo,
             setReadonly,
             data,
-            showDialog
+            showDialog,
+            selectHistory,
+            closeOthers,
+            openAll
         };
     }
 });
@@ -146,6 +163,21 @@ export default defineComponent({
             display: flex;
             flex-direction: column;
             padding: 0 32px;
+            position: relative;
+            > div {
+                position: absolute;
+                bottom: -10px;
+                left: -10px;
+                z-index: 10;
+                width: 38px;
+                height: 38px;
+                border-radius: 20px;
+                background: #fff;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                cursor: pointer;
+            }
             > header {
                 > div {
                     display: inline-block;

src/views/Index.vue

@@ -23,7 +23,12 @@
                     @swiper="onSwiper"
                 >
                     <swiper-slide v-for="(item, key) in slider" :key="key" width="230">
-                        <div class="swiper-item" @mouseover="onMouseover(key)" @mouseleave="onMouseleave">
+                        <div
+                            class="swiper-item"
+                            @mouseover="onMouseover(key)"
+                            @mouseleave="onMouseleave"
+                            @click="handleClick(key)"
+                        >
                             <div>
                                 <img :src="getAssetURL(item.img)" width="48" />
                                 <p>{{ item.title }}</p>
@@ -48,7 +53,7 @@ export default defineComponent({
         Swiper,
         SwiperSlide
     },
-    setup(props) {
+    setup(props, { emit }) {
         const { helper, config } = inject("$global");
         let useSwiper = null;
         let page = ref(0);
@@ -76,6 +81,9 @@ export default defineComponent({
             title.value = config.defaultTitle;
             desc.value = config.defaultDesc;
         };
+        const handleClick = (index) => {
+            emit("select-nav", index);
+        };
         return {
             onSwiper,
             getAssetURL: helper.getAssetURL,
@@ -87,7 +95,8 @@ export default defineComponent({
             onMouseover,
             onMouseleave,
             title,
-            desc
+            desc,
+            handleClick
         };
     }
 });