no message

修改列表样式前
no message
2023-12-18 11:08:27 +08:00 · 2023-12-15 17:45:53 +08:00 · 2023-12-15 11:28:35 +08:00
30 changed files with 3491 additions and 281 deletions
--- a/.output.rar
+++ b/.output.rar
--- a/.output/nitro.json
+++ b/.output/nitro.json
@ -1,5 +1,5 @@
 {
-  "date": "2023-12-14T03:41:26.926Z",
+  "date": "2023-12-15T09:06:26.981Z",
  "preset": "node-server",
  "framework": {
    "name": "nuxt",
--- a/.output/public/static/builds/latest.json
+++ b/.output/public/static/builds/latest.json
@ -1 +1 @@
-{"id":"fe912969-50cc-4e3e-a8b0-cad7a623a9ff","timestamp":1702525275560}
+{"id":"1e6a2d4e-548a-428c-ad50-9848287242f5","timestamp":1702631176566}
--- a/.output/public/static/builds/meta/1e6a2d4e-548a-428c-ad50-9848287242f5.json
+++ b/.output/public/static/builds/meta/1e6a2d4e-548a-428c-ad50-9848287242f5.json
@ -0,0 +1 @@
+{"id":"1e6a2d4e-548a-428c-ad50-9848287242f5","timestamp":1702631176566,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
--- a/.output/public/static/builds/meta/dev.json
+++ b/.output/public/static/builds/meta/dev.json
@ -1 +0,0 @@
-{"id":"dev","timestamp":1702525276033,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
--- a/.output/public/static/builds/meta/fe912969-50cc-4e3e-a8b0-cad7a623a9ff.json
+++ b/.output/public/static/builds/meta/fe912969-50cc-4e3e-a8b0-cad7a623a9ff.json
@ -1 +0,0 @@
-{"id":"fe912969-50cc-4e3e-a8b0-cad7a623a9ff","timestamp":1702525275560,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
--- a/.output/public/static/entry.3e75fe87.css
+++ b/.output/public/static/entry.3e75fe87.css
--- a/.output/public/static/entry.44d69ba8.js
+++ b/.output/public/static/entry.44d69ba8.js
--- a/.output/public/static/entry.7cbcb895.js
+++ b/.output/public/static/entry.7cbcb895.js
--- a/.output/public/static/entry.d0051705.css
+++ b/.output/public/static/entry.d0051705.css
--- a/.output/public/static/error-404.eb99afb2.js
+++ b/.output/public/static/error-404.eb99afb2.js
--- a/.output/public/static/error-500.a72ffb41.js
+++ b/.output/public/static/error-500.a72ffb41.js
@ -1 +1 @@
-import{_ as i,t as a,v as r,x as n,y as e,z as s,D as l,E as d}from"./entry.44d69ba8.js";const c=t=>(l("data-v-df79c84d"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},f=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),h={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],x={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(u,b)=>(r(),n("div",p,[f,e("div",h,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},w=i(x,[["__scopeId","data-v-df79c84d"]]);export{w as default};
+import{_ as i,t as a,v as r,x as n,y as e,z as s,D as l,E as d}from"./entry.7cbcb895.js";const c=t=>(l("data-v-df79c84d"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},f=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),h={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],x={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(u,b)=>(r(),n("div",p,[f,e("div",h,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},w=i(x,[["__scopeId","data-v-df79c84d"]]);export{w as default};
--- a/.output/public/static/view-icon.da7fef35.svg
+++ b/.output/public/static/view-icon.da7fef35.svg
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1296 -538 )">
+    <path d="M 9.65206473214286 6.26736111111111  C 10.6217447916667 5.70486111111111  11.4281994047619 4.94907407407407  12.0714285714286 4  C 11.3363095238095 2.90740740740741  10.4149925595238 2.09027777777778  9.30747767857143 1.54861111111111  C 9.60249255952381 2.03009259259259  9.75 2.55092592592593  9.75 3.11111111111111  C 9.75 3.96759259259259  9.43201264880952 4.70023148148148  8.79603794642857 5.30902777777778  C 8.16006324404762 5.91782407407407  7.39471726190476 6.22222222222222  6.5 6.22222222222222  C 5.60528273809524 6.22222222222222  4.83993675595238 5.91782407407407  4.20396205357143 5.30902777777778  C 3.56798735119048 4.70023148148148  3.25 3.96759259259259  3.25 3.11111111111111  C 3.25 2.55092592592593  3.39750744047619 2.03009259259259  3.69252232142857 1.54861111111111  C 2.58500744047619 2.09027777777778  1.66369047619048 2.90740740740741  0.928571428571428 4  C 1.5718005952381 4.94907407407407  2.37825520833333 5.70486111111111  3.34793526785714 6.26736111111111  C 4.31761532738095 6.82986111111111  5.36830357142857 7.11111111111111  6.5 7.11111111111111  C 7.63169642857143 7.11111111111111  8.68238467261905 6.82986111111111  9.65206473214286 6.26736111111111  Z M 6.74665178571429 1.56944444444444  C 6.81436011904762 1.50462962962963  6.84821428571429 1.42592592592593  6.84821428571429 1.33333333333333  C 6.84821428571429 1.24074074074074  6.81436011904762 1.16203703703704  6.74665178571429 1.09722222222222  C 6.67894345238095 1.03240740740741  6.59672619047619 0.999999999999999  6.5 1  C 5.89546130952381 0.999999999999999  5.37676711309524 1.20717592592593  4.94391741071429 1.62152777777778  C 4.51106770833333 2.03587962962963  4.29464285714286 2.53240740740741  4.29464285714286 3.11111111111111  C 4.29464285714286 3.2037037037037  4.32849702380952 3.28240740740741  4.39620535714286 3.34722222222222  C 4.46391369047619 3.41203703703704  4.54613095238095 3.44444444444444  4.64285714285714 3.44444444444444  C 4.73958333333333 3.44444444444444  4.8218005952381 3.41203703703704  4.88950892857143 3.34722222222222  C 4.95721726190476 3.28240740740741  4.99107142857143 3.2037037037037  4.99107142857143 3.11111111111111  C 4.99107142857143 2.71296296296296  5.13857886904762 2.37268518518519  5.43359375 2.09027777777778  C 5.72860863095238 1.80787037037037  6.08407738095238 1.66666666666667  6.5 1.66666666666667  C 6.59672619047619 1.66666666666667  6.67894345238095 1.63425925925926  6.74665178571429 1.56944444444444  Z M 12.8549107142857 3.52083333333333  C 12.9516369047619 3.68287037037037  13 3.84259259259259  13 4  C 13 4.15740740740741  12.9516369047619 4.31712962962963  12.8549107142857 4.47916666666667  C 12.1778273809524 5.54398148148148  11.2673921130952 6.39699074074074  10.1236049107143 7.03819444444444  C 8.97981770833333 7.67939814814815  7.77194940476191 8  6.5 8  C 5.2280505952381 8  4.02018229166667 7.67824074074074  2.87639508928571 7.03472222222222  C 1.73260788690476 6.3912037037037  0.822172619047619 5.53935185185185  0.145089285714286 4.47916666666667  C 0.0483630952380952 4.31712962962963  0 4.15740740740741  0 4  C 0 3.84259259259259  0.0483630952380952 3.68287037037037  0.145089285714286 3.52083333333333  C 0.822172619047619 2.46064814814815  1.73260788690476 1.6087962962963  2.87639508928571 0.965277777777778  C 4.02018229166667 0.321759259259259  5.2280505952381 0  6.5 0  C 7.77194940476191 0  8.97981770833333 0.321759259259259  10.1236049107143 0.965277777777778  C 11.2673921130952 1.6087962962963  12.1778273809524 2.46064814814815  12.8549107142857 3.52083333333333  Z " fill-rule="nonzero" fill="#333333" stroke="none" transform="matrix(1 0 0 1 1296 538 )" />
+  </g>
+</svg>
--- a/.output/server/chunks/app/client.manifest.mjs
+++ b/.output/server/chunks/app/client.manifest.mjs
@ -139,6 +139,13 @@ const client_manifest = {
    "file": "triangle-icon.c39ff2e7.svg",
    "src": "img/triangle-icon.svg"
  },
+  "img/view-icon.svg": {
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/svg+xml",
+    "file": "view-icon.da7fef35.svg",
+    "src": "img/view-icon.svg"
+  },
  "node_modules/@nuxt/ui-templates/dist/templates/error-404.css": {
    "resourceType": "style",
    "prefetch": true,
@ -152,7 +159,7 @@ const client_manifest = {
    "prefetch": true,
    "preload": true,
    "css": [],
-    "file": "error-404.6e06f203.js",
+    "file": "error-404.eb99afb2.js",
    "imports": [
      "node_modules/nuxt/dist/app/entry.js"
    ],
@ -178,7 +185,7 @@ const client_manifest = {
    "prefetch": true,
    "preload": true,
    "css": [],
-    "file": "error-500.dc11507e.js",
+    "file": "error-500.a72ffb41.js",
    "imports": [
      "node_modules/nuxt/dist/app/entry.js"
    ],
@ -195,7 +202,7 @@ const client_manifest = {
    "resourceType": "style",
    "prefetch": true,
    "preload": true,
-    "file": "entry.3e75fe87.css",
+    "file": "entry.d0051705.css",
    "src": "node_modules/nuxt/dist/app/entry.css"
  },
  "node_modules/nuxt/dist/app/entry.js": {
@ -212,6 +219,7 @@ const client_manifest = {
      "empty-icon.24a01ae2.svg",
      "close-icon.86743366.svg",
      "edit-icon-white.29b27582.svg",
+      "view-icon.da7fef35.svg",
      "collect-icon-colours.6d2ade7f.svg",
      "title.98892974.png",
      "menu-icon-gray.d61f02b1.svg",
@ -226,19 +234,19 @@ const client_manifest = {
      "triangle-icon.c39ff2e7.svg"
    ],
    "css": [
-      "entry.3e75fe87.css"
+      "entry.d0051705.css"
    ],
    "dynamicImports": [
      "node_modules/@nuxt/ui-templates/dist/templates/error-404.vue",
      "node_modules/@nuxt/ui-templates/dist/templates/error-500.vue"
    ],
-    "file": "entry.44d69ba8.js",
+    "file": "entry.7cbcb895.js",
    "isEntry": true,
    "src": "node_modules/nuxt/dist/app/entry.js",
    "_globalCSS": true
  },
-  "entry.3e75fe87.css": {
-    "file": "entry.3e75fe87.css",
+  "entry.d0051705.css": {
+    "file": "entry.d0051705.css",
    "resourceType": "style",
    "prefetch": true,
    "preload": true
@ -291,6 +299,12 @@ const client_manifest = {
    "prefetch": true,
    "mimeType": "image/svg+xml"
  },
+  "view-icon.da7fef35.svg": {
+    "file": "view-icon.da7fef35.svg",
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/svg+xml"
+  },
  "collect-icon-colours.6d2ade7f.svg": {
    "file": "collect-icon-colours.6d2ade7f.svg",
    "resourceType": "image",
--- a/.output/server/chunks/app/client.manifest.mjs.map
+++ b/.output/server/chunks/app/client.manifest.mjs.map
--- a/.output/server/chunks/app/server.mjs
+++ b/.output/server/chunks/app/server.mjs
@ -1019,26 +1019,27 @@ const _imports_13 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAA
 const _imports_14 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAE40lEQVR4nO3ZjVHbSBiH8f9WEKeCiAoiKshSQZwKTq4gpgJMBZgKMBXEVwFSBSgVRK7gTAV7j27ZwQLklWTMx8Ez8xvPxF/xK61XgNE772MAeNd9DADvuqEDSPEdibyXrJL3N0r0yqBPVtIFEr3O6gEcI1fHDLqWyX/4t9AEC3XIoEuZ3s6HD02wUCSDWCP8QX0bWmEmf8rVXrL01hyfEFrjAPVtawaxpjhD6DesIi/8Ao2QS/qK0DHmaK3LAHJJ3xA6RInXWIprhApYbckglkNohUSvu0rSF4QMWtt6520OoQJWr7slviNk0NrWO2977gEk8ksu0V2V/HtXijfGL9SdY4rWDGI5hApY7acUJxijrVzSKXJtL721xBqtGcRyCBWwevpOMFP3FvL7/M4ZxHIIFbB62i6QqX8lDrFTBrEcQgWsfCnqtZaoe3McIzSTP/qbrVA/rkQl//oppviCzc5R//vgDGI5hApY+RaS/kLfDlEikb/C3OwSU6zxWDM9HNgRcg3MIJZDqICVb46f6NsBKj0c4CUyxZupOYRcfgiDMojlECpg5UvkhzBC15aYo+4fjFB3g0TtR/5+lZrL4QCVBmQQyyFUwGr3UlwjdI4pulY/9gyhCRYakEGsfQxgjF8I/cASXbOSrhA6xUwDMojlECpgtXuZ/PYXOkKu7qW4RugUMw3IIJZDqIDV7lk1j+AEC3XPqvn8U8w0IINYDqECVruXqLkFXiJT96Y4Q+gIuQZkEMshVMDKZ+XX8QhtVfL7/hr3qzTsm3yEP6hvQ5+xRu8MYjmEClj5Fmru421NsNDDZmru5yUOEesCme66RKaBGcRyCBWw8s3xE7F+YIn7jVCp+Xu8EvXjKz1shDNkanaASgMziNU2gPo/NEei9nL5I92WVfPLLLSQf24l/z7jWyNsdow5BmcQyyFUwOppy+RP675dItOOGcRyCBWwerqs/DIao2+5/PaXa4cMYu1jACOcYIpdW2KCNXpnEMshVMBqt1JcoL59rBUqNY+slZSouW1utsYRSvTKIJZDqIDV8FJcYYTNbrCQ/0Kr1F4iv+4zPT6MCRbqkUEsh1ABq2GluMIIm51jJn8UuzbCFCe43xFydcwglkOogFX/RrhCitANxsg1vBS5mtcSaxyiUocMYjmEClj1b46fCN3AasCafaREfghfEMrlz4RoBrEcQgWs+mXlj/5mR8j1dKXI1TwTJlgokkEsh1ABq35dwequU8z09GXyu0uokr9M3ppBLIdQAavuJfI/uYVWqI/WGvuoxFeEfmCJ1gxiOYQKWHVvijOEjjHHvsrUPAsukWlLBrEcQgWsupfL/6Ez9Blr7LP69T+hrlJkGRjEcggVsOperrsBlDjEvst19551Bq1tvfM2h1ABq+4t8R2hCRbaXymuEVoh0ZYMYu0ygEzNNfncnWKmLRnEcggVsOpXia947m6QyH8ntGYQa9cBjLDENzxXK4xRYmsGsRxCBayGlck/N9H+WmN5a41oBrGeagCvMoNYmwOoFNlX31oGsXI11+8hSvwv6jKAKc4QKnGENd58BrFGqHR3eVlXye+vv1HizdZlAHWZXvaCpksTLNQzg65lev1D6PN5/qvvE6z8lL/gtbVCop4ZDCnFGIm8l66S/z1DiV4ZvOs+BoB33ccA8K77F/DNI1Ad1eJHAAAAAElFTkSuQmCC";
 const _imports_15 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAECklEQVRoBe1YS2tTQRTOowmND1wYEl26Cc2jWVhXBUvEqlDqMq2KCzdaf4ArcSEIWlB3LkTpqq0IAQVRd2pUbFwY+kif2bRQKDTGhViTJsbE76QzdW7M497k5uaCGbg9Z+bOPef7zpyZnozB0G7tCPzfETC2mr7f73fk8/mbhUJhw+Px3AmFQr+VYGopAQb+DQD7GOiQ3W6/EA6Hc3JJmOVOVHteGfDkwptKpdxYiedra2t5OT5NciapPcfn8zmRNu9gl0c+I/gIJpPJ8WAwKCu4siYJxhtWKfLId0obLzP2E3LAaDTGIM+wMR9IyFoJTQmUSRsCPzg/Px9OJBIRp9P5QyAhK500I1ANPIu6gUg4HI4t9E+zsZokNCEgB3y9JJpOQAn4ekg0lQCdNtiwdNrwDbtlMpkGYrHYBw6WSyLa19e3vbi4WKAxlk5ZqCfZHEqnDMY/sn5RNO0YJfDw8BaPhzksgp+bm5MAoHder/c8jtX15eXlMTaXiwgUIsGbgytcdnBFTakUPI7Qcfg341nnOGAjAP0VHisbm83lcreYvitULyXK5HwKaTS4sLBAqSRpADmEgUk8FMgxHKdXIPOwcRwr8hr6PjzUZrPZbH88Hk/udP/+VZWA1uCJhmoEWgFeNQKtAq8KgVaCb5hAq8E3REAP4OsmoBfwdRHQE3jFBPQGXhEBPYInAlR/1GxdXV0HUa+8x0ReVf5EfwD/+mlM0iqVByjYTmAilQd72QczqG36V1ZWvkkMKOzIKubMZvNt2OVVJUqbwlmA/6ckrgYehF/Cxh6Grwge1WdD4MmWnHLaBOfDzDEJdI1XA4GAhDzA+/HuCZ4OvH8MgpehFwsz9F9A5+CpMDulBnjYrE0AwOjq4wBNFtoQbg0mRRJYlRSAbkI+wA+WEcwtYN/IrioF24rUmsVcd3f3CEA9ZFZXIY8IHibcbvelcteBlPMg1JS0EfzXXgGA7+UfANAN6Nd4H/Li0tKSZCXoHUUec8W0mVEzbQT/tQlgskgggty+jzGRxDDSaYKnU5m0KW7Ycj9GRCD16lVTyOVy2a1WawLGad4mwB/ijrA1iMRd3od8itV6xCLPf0mpdtoIfiRq1VPIYrFQ9DnJKfFLkLmH/nVh7BzA05WhZuDJt+QoFMBwdTd9MEA3BMXW09NjSafTRxHxNEBvYpBuIKhxsk2P/I47BQQAdj9OllF82JvJZI7hfsfGjZRIzcCTXx6xEgwGA0UZQL/jRSWgkm9AMI6BZ52dnaPRaJS+06RVTCGkiKtKlNMA/AXvI7j++ISNHpmenv6qCeISJxUJ2Gy21e3t7Thy3IVnA99NEVjURZ+xuRHk6K8SW/rrUhrhP+1h/SFrI2pHoB2BdgT0EoE/XD0Yrfi3Ps4AAAAASUVORK5CYII=";
 const _imports_16 = "" + __buildAssetsURL("edit-icon-white.29b27582.svg");
-const _imports_17 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAEk0lEQVRoBd2YW6hVVRSGzXtw8pJkYeU5aZqVIWKgYdDxAkUpYqGJgdhDEliKCYqYGfRi2YV6SBQUxKAbPYRXEMQEfSuULkIXFBMpE6zUvKX1/bLH4W+59t5rudfu7O2Af8855hxzjH/MOddcc+0uXZpcutWRf298TwTnwKk6xqmb6814/gecAG2gqWQSbEU+sL6p2EP2CyOvJC6Au0BTSDssY+a9XNsU7CG5q0wCWoU20NDyMOx81t9FP29taxqaPeR2GtnfqLeAddamZFpBQ8o4WPnsLymxFGFfhfcakj2ktoNIQGf/TUZ0g/WdpX679TVEdQwsLoNIYFmC1VD0i9b/TqK/09UtRu4k9b4pjDaajVZhUIpNpzSNJqrP/ooyLO6m3VfhzTJ2/3vz50SMrfM79X4VGHxgtmeoD6xgW9cuBR4PXgQ++6+iV5J76bwEIuGPqD8G9Ix0B7nlhgojbqZvWAnDS6W2gdrS9vgftOu+o2egkoj00ykG2l6HwA/g+1L5Y6k8QqmJukqUQE/wBBgJgqhIKoE88hrGr2QYcD82B0C3DLZhovfIT8AT08FxTAbbQCxp3vI0Y/eDt4EmIqvMxHA3+AXkjRn2fzL2Dq3AcXALKCfKPpZSyxtQ29Fyg3K098E2tmqU2gnargOq+Jms/hdAZBXlZ7Spsw10BZ0l2sZjwUvAH37x3AM6tuFiFD9NNOtPgkaQWyHxNYjJDfJ+VbnC83l+Pcu/0Z+50tN5P7cR+lvg5Hejt4BUeY7WZBJzUi3r3ziYEHrenPx29BurhZ6NwUUbqJV4ttqggvtb8adj08lvRe+dNc4sDD0JPR/zsw6u0U4n0c/AyW9G75XX7wwGXDBHSmJhXic57e/BXkezk/8YvUdOPx3mU6jpn7VwqCQWdfQWW9E9SW/WiKXyQ9Ad1CTJJOR4SU0erx48iiZ9Qzv59eiFvYMexdlfFkAroTtNUaLriJNfg65bQqEyDW8eZEKB3n3r6LaamXyeJTqVIHwwodeiui9dEDVRmSRPAg+YxxPUdZMsSvS2Dcm1NfMk4I6/iWgFlZ7ASHzWZQvJcUjRCbi/FoK0RqBqZdYV0IzcZ858xqz5mqtKwPe9T1ZFp1kTuBMvfc2Tz5g1/6f6ENpbYC6o9ibV97TewCGZE4gB1crHMfAjVB8a5UQr9QnQuyLGHKY+D3R8gFBPin/abkp21qrrzRtkdNFKk1Ya1wLdXsM2WWrrzQBpD+kbNu4r6oXKRrwFmR0Jz4PQ9eb0i1/YprWpbx9oBy5zUGLcWeo134Hc+ZfmfHWpQ9toFfArRhA4XerrTzkV6G+U6PNyJ+0PAskY4H26mRYi2rdOcj76UnASeEDV9S2tbaRPQRcdFto6yY+UGK9ExgLffk+hFyL6wIhAQdJ11RV4AxgMKkkvOheAX0Gaj0vWvpJ6ITIdL8lgoeuk+RSMyBlJL6uXgf4MDl/JUn4LkRV4STqXrodZ+7YW0XP0OjgDkjG+q8Wxj12ecL4X/RE3KKCuk+x94KdWlpdlptA6SfRduhVMyTTi2o2GMFSHwC7QDq5/+RffN6xPYNWQnAAAAABJRU5ErkJggg==";
-const _imports_18 = "" + __buildAssetsURL("collect-icon-colours.6d2ade7f.svg");
-const _imports_19 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAADpUlEQVRoBe2ZO2gVQRSGTXxEo4UJYuEjGkHBoCjaKqIWViKIKFgJVkpANGlErGORSkUURBAFGy3FwkZFfKOJDxBBBG0EwfiM78f3x2wye+7c3b25s5uL5MB/d845M3P+M7MzO7u3blyyNCW7U72fqfE9tVa8wlRUtRuRTKFVJ+gBCvynSqiPE6AOpMlsKjwGinkJNIOKpIXaj0C1pH3t12Zg0m1iP0EXp0SpH/Rq5C+CJYm1R+5UUmnSbyq0od8AS43dq3Zg9Y1ctbZv9HsMZLmFplOv18OjD9sakCgP8Lpkr6FrBLSIq8Ek2lciSuIKcLmo/AVsAV7R6NgFu8hbsxjjZMKcBzaJX9jaLQWRbwR225qI7aetnJOu3UaLfCVYDLQbzQCtwCddGA8AJTggSsBmO2HQl9dFe/0OoFtVA2Xjp+mnaDMkRSYwjaj7wRuQRjLNvz7KoKgENhLwZQDiUWKbi0qggUDHU4g/x38S7AYbgNbDMnAQRITd623sQztcnjOgBXqzDAltHEfBCuCT7Rj1HHGJq6xjhm7FIckrgZlE8B1NtB1qRuQvJ/tw/AaW/Gls2iFjkkcCGqG7wBLQGlgVix5XtK13A9tO+iEgf4nkkcAFolgSt7Bpfy8n9TjOAttOM7anXCPZQyewiz4tCe332vuTZCtO2+4rtm1JjeQLmcAs+vsAXCI6FuuMkybtVHDbvUdfl9ZI/pAJnKE/l8Qn9DYFySBK8iFQ+xdgOcgkoRJYSDR7LOjMxGC40niKC0DJTjNcpbQUKgGd+93Rf1YpkVJq2SwhEtDT9i1wE9iZLXxFteZSWw+/I2BO1DJEApvozCX/Dl2vqaHlHh1Gce5EnYdI4LDTsQLEjrtRoCqvmmX36axygx4eIWS16eSy0UOoWuDuk1hl2areRjUI/SCaWl3ngdDiu1MaQ8yAFpN7vyuZV6HZl+svRALNpvPX6Lo/C5EQCWhqXfnoKnmXQyTwFJI6MkRyPSoUdfUtjkq/SuiMfw50Ab0L5CE+ngOz73NUmkAehG2fPp5BdiEbqFA9xBoolLANNpaAHZGi9bEZKHrEbbyxGbAjUrT+X8yAPh79MCPXYvRaUOcbEvpbTP+dDUgPv+4Lid6o8ngp+Ret8t9WmlwFLsf7bjcdxulWrNXyXjcBvVH5PoXXKvle+OrfzJjovo8+7dUqcfESeX0f8oqy0tToj2/fvyOjlZi46J4Xt9jIu58p8JVIU4lldAx95cL+BRfIP0NGsZjIAAAAAElFTkSuQmCC";
-const _imports_20 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAACWUlEQVRoBe2Zyy4sURSGm7QBI2dESI4WyTFhxuQ8BPEQLhPEROI2FzPxHNIJOZwnOE9gSjsuESNDA9f/a7WS1a2LiC69S/ZK/uy1V7H3vy5VvatWofBaumSaE/4KF8Kd8JSCBdk/K6yRtj57w+FQmBU6hTdlSlcvhbQF6+1ZO1C/H85MeA/a3WRJ+q7Q52yhqf0iVBYWjVhbohB5yNscc0XYS8ZbDA3kn2xHDewfMY3oj3+n/AMlMyhMCiXB5FEKnOFXoOZ92TxoviIUhVCkQ0RWBbhZWZ1Lr94T3LBmZIR8qLImYp7rDER52pjxWHpIkYefFzJREYzvATcxNWiyL+XeJgGOPFardZ9wG8WBHkf0zOmhqv8dsV4c8CUTcvSNt+dYxIFcS3Sg1emLGWh1Bjj7VH/NEiLNONtk7dNbZ6es947rxwjECMQI1EWAx+i4sCx0110LfXojgls4wAtCScijVDhK8HaTV3kiA2MCJfQjZ15QQps54xzpxgjECHy7CPAYzf0LjX2mY2zG9/6ss1zTEIkv9VmH+731Ywbei1DW179FBmq+9mYdsSasX/M1nQxcu0V/Oj1UteSIXaHTRLbfghPptHFCFbidCsb3D0TpgJuBkW5gqLIhYp7rNERpVV64C7Qy6QaGlAm4rAu+zXqmeSdnIYT2fVnwT6VTzWn60blsZaN7SPvDb0AwodGNrVpCZlyU4j30qUrTOZd8Vlgjbf1GdjjO26Y+4tsy0r6nnEIVuvNEfscIegew0YP9JXBjHwiXgv+d0PRLhb3hQKlw7B9OdA0v8gypmLKP2lSLggAAAABJRU5ErkJggg==";
-const _imports_21 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAD+ElEQVRIiaWWz2sdVRTHP3NnJkkDmlaCeWlsAgF5LYI2vhjQJqAgFTdqEpVukoWFgii6849wJf5AKOgiXSnYBHfV7hJd1Px4uChm86BNayYakr7Nm5c3M+e6mHffm3mZSaJ+N8Pcc+75nu+5d84ZKwgCToBngUlgCngROAs0gC2gDCwDK8DvxwWyjiG8ClwDJk6SFXAHuA58828J+4GvgbdPSNSJH4D3gb87DSrDeQ7Y+B9kALPAejNWCp0K54CFTqdQoLxjUd5RVPahemBhW3DmlObc4zA2IDw3oHGy0od54EYW4QCwCjyV9N7wLG7+ofirZh0p6clezcx5YaygO00PgHFgp5PwJjBtXkTD0qbiViU77Ty8Niq8VRRUOr9F3/dnoH2GHyTJ4L+RAdyqKJY20/tEZBr4MEk4n3RY96wjycYK8GYRiv35pOteWqJlWXO+76OAEonvLBT4/q59pIr3xuCNIlx5Jt/nu7s2obTIsCxrAhhXxB2khTXPYr+eH2isAL0u7NZguA/6e7P9HtVhbTtWqbVGaw0wqYjbVQtl7+hzuzQcP78tx89XR/N9yzuHYk0p4IXkyr1q/vXvdWOFGx5s7sYqL53LJ+yMpbUeV0AhuVg9yA9ggm9sx8/blXYSWUjGapZ1UBF3/RZyugUQl68WwC9bTWKvmchw/p4EGVprHGAbeNoY+7o19fBwWc0FqQXwyUtpm7lItY450NfdJhMRtNbbio4ZNvRYvjqArWp6/X7zPessR/p0S6GIICKrDvHwnDVOFwvCupf+Ds057dbg0185ZPvi9Tihnytp28UBSZIhIsuKeFK3UCpozvSkN5qSmTNLwpxpf29cdoPTPVAabJczDENEZEUBa8STGogvzTsXokNBf9yMb2UWbldi+ym3vfbuhQjbignDMCSKot+AVadpXyDR3kqDmstV4admP93wstUZ3K+2zxLg8qhQGtSIaKIoMoQLSqlW8/4KWAJMC2K6KLwyIvksOXh5RJguSqqUYRguAV9Ceh4WgNUoioaUUlhW/GmsexaLJxzA0+eF55sDWEQIggDf9x/6vj8OeJ2EAHO+7y84joNt26bLE0rc1Mue4l4VHtVj8tM9mpG++GaXCu1fDKPs4OAA3/fnoyjK/MUAYG9vb8513c9c133CcRyMWqP4KJgyRlFEo9HYr9frH4vIjShqX8IsQoIgGHJd9/Ourq4Zo/Y4Yq3bFyQIgsVGo/ER8MAkYOBk7oaHwGytVrvqOM41x3EmbNtOESdhPuwwDO8EQXDdcZyT/wg3FeK6LmEY4jgOjUZjXCk1adv2lFKqZFnW2abaP7XWayKyHEXRSnd392oQBGZPK5mkwn8AJekF2afMgmEAAAAASUVORK5CYII=";
-const _imports_22 = "" + __buildAssetsURL("title.98892974.png");
-const _imports_23 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAD30lEQVR4AeVa7XXaMBSVDANkBDxB6QRxJmg6QVmANp2gZAOaDBCYoGwQugGZAGUD+F9Q7zPIxxAZy7ZkG0vn5Ejoy/fe954+7HDWgrRbf/8FGPeMySFyIRmf9MOneR3QeB0PufQMkJ+AOAlwlvgqYMEdD6ebswarPwOrs5WaTP7QD5PDPdu/6tvs1bZAAHaTTUcODx6S3aNqS6MhINcP0Z7tcq0csF6IUBBVyerGt8EDdLhO6iASFkg3qVEBEOORGS3+zaxf8V6NCmAOVw4RLhfWCvOZzns2KoBkMjoHdOH38EJb6abGBCCLYgW+NUW+Y7uBad8i/RoTACCjIkA544Mi/U37NiYALDoyBemyXyMCwP0HcP8vLomZzt2IANj+JqYAXferXQCyPi4/zvb1ooLVLgBi/6UoSOqPLVOUGZc3plYBYP17xH6UB0rX3mM9oauvWlebAOT6ONOXsv6R5KYqWd342gQ4un7p4yxugysdgap1/aoTmIzfrcdk+cikb0aft4z6ytXOPeDfejwCSvqrkLgT6xMgpwIQeSx6VeJeiSZUwXbuTACL5GGlYGmbuJoPBrKfbJIndL3w2QlOmtu6B9gmLxn7S0BdpRNl5Xp8a/ogHj5/AIa9/gZ7/RpzlN7uNM+fwUozTX3pqjT2WAA6oR0PKQWA81UvfPqcRnGc50+6rqVlgTfNX+lsEQA0PkDsCHQB8kQrfk8XUUkl3PKGqtzynE6lr+A+CHBCm7QcrCt4CNf9JEAMGMe9KyQNzvuJdoGCrt8gXOuPlpwEeLc+79VMiC/Q2GfF1eC1DlTiE7zHCVvhCosgF75qgHPAkjzASwEQ+vFJ1tsQgOcvyfOxCLp520qTtznhir0ifIGrt61tJn/EtqTcyxCg+McCuFECCCr4lFT8E+cASgifyMekWbBQnH0MgS2MHi+ABzEOUnh0H+CJ9RMBfLoPYPv7KICKBw/yLTgu0zzjNcCf+wBfqO1PiaAWQaEqupyfuz9xVQJ0mbfiRqv/SfwnAvhxH+AzpUQ6jz3Ah/sA3H+aJq7KvoTAW9aJVwkglCJdzHHO0VqfuMYCZKnTETG2/fB5lsVFeUBWewfqeab1iVxagE7eB7D4zS5ZMRGgm/cBPs8L70SASypda1vW1pfmkwjQtfvA8bXXKk1WV04EQKPQdbjWOhzuHkywJwJ06zjMHxH7udYngRIBoNgSv+m+fOWJz/GvOxNTEokAtFoibozcJjX5JlWGmoePDem6GstkvJ8gPyryzEQAGkQnJnwxvaMFJGeS+GHnbobfC8b475yxNpvfD1j5I3AP8P+E06KT/wdPOffX7me6UQAAAABJRU5ErkJggg==";
-const _imports_24 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAE8ElEQVR4Ae1a24tPURQexjAxuZVcm1FESqHc80CDkhIpCsULcnlQ3kSUFy9480L+BeWdPGBGQiPEw8wowjAz7nLn+6bZ0/7t+fb5/Y5z5sw+J6vWnHO+vfY+a3177cvZv6mqGjwZgVfvhV6BvoR+h76AXoJuhg6FFlZWILJW6J8IvYWyGdDCyVpE9AUaFbwpY2bMKhID0xBMZ4XBGxJaYF9TFBLOxQzekLCnCARw0vssCHgPbD90AZSBdkNN4ObaBCz3shQRmIDs61Ynso0euzGOXe4eN3gCq3Mi4Xi3CTL3ix27VB6zXGs5BFz5BYDDwpYfeODs78qArAZZEsAVwJVPANjDrrS5AJ5zT8B0EdRzgRHqEvhYgSWGsswA1YPPPBG8FXi1wBJDWRHAiW6l8PaJwAh9FfgwgSWGsiJgHTytFd7yQ0jJaAEOiK8D0qhwfqfA+PV3TeCEFAEdHttEcBYE8MtvvfCSn70fBU5ogsCfCix4aAg8vA41mxn7usrjPfcLZnm07Rs99kHDR+CdHYS5vwuc5ChhoMbOvjYo45CxNXDupyeY1RGOnxJ1nkbYB1nEAPmVZ/egub9cxuN7ot6FMnWCKt4JbzjDm4DtK2fySRHeLvTU2xJRJ1FRmpuLqfDkNNT9vDUO8sNnO/SVAcT1sMAI8ZD0XydBHr/x/PEa9AE0dalHiyegXNLs3rbvf6NsFzRKSKAvc+y2ktzzoHVJlBOVlE2GEcf4ISh3cuzZKKdYfhBaTvbAIKqdtMo4Me+2neE+nWd17dDuMvoO5XEcYVbwhKcSOQCjOG0nsWVGbjJOnR+gF99Bu3PNSyq4ToTNG2iSwOLU7cS7RnMz8hqqtp6A/0nY6yehZ6FMtzgyE8aHoTOgvo1SnPZoy3MEHrhW88ERvqvqGzQOcz5bEnkUOg4amsyHQ+xx1/erdDQpARxC3PWluaTSr7TlGBp0Ceik0yrVLgLnkmELWdxnA733B3EliaFLu3BwJDG19u4Qxpw1XQb5rE57RfVBhzg8Xf+7fOcBNHRFZQptlK1bN4TnZcKJFhLgC0zYSygPBDBG/jLlSlOcDHAr5+l5DpwdLxz2EiBscw0tF94zc5t9GSDsEw8V1WZWmBr/T/DyzjgE+JzNwxygMuAmA0pjEvQREwrOnels4UwTMV8G5KFXRUwSYu+rla4vA2StAoFq/L9DfI8Zoy8D4sQferao8c/055lALAJUGsUhajBs+a2zSLy4Z/wT902CofeqiElC84DWiZKe8U88jSEg2g8GUunPM8rbxsM0CAg5W9QEeB/Bf0iTANNWiFeVAX3jnw7HyYC8TYJTEF+D6JWKCAg5rUVMElK9T8O+CZAPvlWAZZVKqGSp8d+BoNrswOIMAbteHu5VBtxwHS8qASMQKH8LcKVk/LPQR4BK6zxNgtz9kQRXSsY/C30EuBWjnhVZUfZZlKnx/w0v5r/mlAgJyFPPljgf8aAIYPD9/gGTBITYgxGxlS2qgYWaAPuNf7aUxhAo61GGBsPxrjNQ/tLsiiSA6a8ygOvlZ6eFUXhWDZesq06dLB8ZB4+/1PE3U78eyp/f+wkrFl2ZFV7hyUiRCXiI+NSZQA8hnANae+6K+acZYTVC+a+3XtmGEh4SFCkL+K94x6G10EgxewAeHZEpLiF5FZ7/cbPzCHql9x6X//KfgSgG/gK9mIkzqc2oKwAAAABJRU5ErkJggg==";
-const _imports_25 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAABNGP5yAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAOAAAAACP8+m+AAADhUlEQVRoBe2aS4hPURzHZ7zfj4USmTGTkGcodiRRNh5JNsooO7NhgyJSyoayIDbySFlYkLLwyAaRR5Ty2DCTJPIYeYfx+U5z9O/M+f/N/zf3/q//vfdX3+4959zze3zP6557T01NxqU2EP8M8prAPDAaVLN8x/lWcBEcA+9AURlCyVHwG7SnEG3EtAEERcHfAmkM3I9pd4iBUxkJ3pGxwpGgOWAuUOv7cpuM60DjqFplOI4vA2O8AJ6TngB+Kf8QcMy46zbyQhOknq82GYbDV4GLzV0Xu0AeeoV3XUGKrg3E4k/uOxVfL+AvdWIrbfKMgF54QdUrLQL6ewXfvHRakp+8QHorLQIyLTkBmW5+gs98D+jTwx4wivpDe6jDr/6WDL23V0SsBDTi3XkwJSYvr6B3Ofgck/6/aq1DQG+KcQUv5xaB9bqJW6wEdLxExOzc+Jj1d6i3EvCkAs49qoAN8yqwB+cugx8xOPkFnSfBiRh0d1FpnQRfoUm7Kb1OarcVpbyPUtm/dFkJcHq1n66ow85wVFfrHBCV/cT15AQk3gQJO5D3gIQbIHHzme8B1mVQxK0DC8GABJuxFdsHgb75mcRKQDPWDpgsRl9pNSonAdO3TOsQWBJ9HGaNddQ070ytBMSxBzAzQEVT68uglYDj1NWPhv9BbuLEY6sj1jngHAZngwVgoNV4BPVa0HEWmBvDSoB8f9AJ3VetWIdA1QbsO54T4DOStXTeA7LW4n68eQ+AkXaPlb5eOi1Jv7E73h2U+caLcJqXTkNSh6UavEBeu/QZbtQLHPSld74rTMl1X0F8Ls41iq0WrAIioVC+ktgPLgH/aEnhc1Hda3OlP0E/y1SoHqweW2zY1lO2FqwEhfKRRB1oU6Z+buhMoGMmqatOq80E3ZURPHgfWPzd7huZTIbmAouyKOvoUOYO0J09yiajv/r1HtQ/nYKnRqVRkiBdd8BUUEo2Uliu3dPUKbl7HcQDm4G1a5XrUKnn9ZFjK9AQDclgMq+BUjpUJj0XwFLQRTQJFhMdfRkLZChOGYdyzdKNRYzoHHMTCH30kP9a3kaCkHwgswWUO7mGdMWap265t9PRUItqVdoCivUGitIhswjjHgiRoLwbQF+AUy39iG4X0IoQIuIl+XEPS0wkL3rB0QfPEAlzknevMh5ozGu913E5R4R6gFarTMlEoj0MjgC9tEUmfwCaJfF0KbQc/QAAAABJRU5ErkJggg==";
-const _imports_26 = "" + __buildAssetsURL("menu-icon-gray.d61f02b1.svg");
-const _imports_27 = "" + __buildAssetsURL("comment-icon-gray.2c8779f9.svg");
-const _imports_28 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAFFklEQVRoBdWZW2icRRTHdze7MVsviblYRVEbr4iihnjpmnuCxEARtQYFxZc+ircHfUygUkXQPlnQKuibBEEkNRISkxDazUNDQLBREW0pPtikmsqa2N1ks/5OzLecmb0k+/ml+zkw7DlnZs78/zNn5puZDQZ2KI2MjFwVjUZfxf1+8q3ki+STmUzm/a6uri+RPUlBT7xYTsbHx+8Kh8NfA/ZGq8hRP0U40NnZueYY3P6G3DYs1G5ycrKmoqLiqyLgpekL5DcL+SjF7jkBOn+ZfLMF4i90e7RfGxsbKzRDVvPC6k4QeFp3FwwGjywuLtYRUtcgx1VZBJtRV5VtW/ScACBv070TSgf7+/tTra2tS+vr6+/qMuT7LL1k1VMCs7OzEQBHFIo0C/U3R2dtfO/I8gvZ27XuRvaUwPLy8g2CSwFZUnIAAr9qHbI3ad2N7CkBQuQWDYIRPqv1lpaWBLaUslUq2ZXoKQEQ9GoUjLARMlKGLUsAMhW6vhvZMwKDg4Pi60kLxJjWh4aGBPDljg0yq47s9tczAu3t7c8CYo8CcjGdTh9TeqChoeFqdL1GzupyN7InBEZHR2VUD1oAPu/p6fld21gjTVonhE5r3Y3sCYHKysqP6FyPfprweNsGFAqFHrVs31l6yWq45BaqASCDU1NThzA9o8wiHuXEecqyiWoQIMS+yVOnJJNrAsPDw7sA/wG9PWf1+FMkEnndsgUmJiYewnaPsieqq6tnlO5KLJmA7DZtbW1PEA7vMQP2YewCo7qfr2/CRkO8v2LZrkwkEilOr3LQ285uJPeJefJn5E+co7jeEbDnT3RyLSV3k9vJz5PzfUETEHqM0DlBuZHkiAHYPzFGjQL3yixN98kxRWK4lY6PYLi+gD9Z6NUFyjbMjO4v+Hgch3kXZTwej6ZSqfPU2VXMTyll9Dm3sLCwN4TTj2kooyt7dL5cDHwGRx+urq42FQIvoGKx2N/08xJ1/xDdi4S/pvr6+gNBwkPir9S1kKbNF+zrb3V3d89tF5CsH+oXG5CCrpLJ5HXcHw4DXO9kM24IvMhClY/UuYK97VABd+3dnGizx3O6SeR8yIjV3TCtdTKVZLSzidvV0XKAFwCAT2aB/CtEJHSMnaiurm6pubk5u60RYkabxsbGjGG4hApr6H5CSPd4OmcG2O6MGjQwCNrl2ttOy2B5xOrjRA4Bq4KvVGZgrwYEoRnZRo0RJsaNGdANyilv4nxYY2BNzPxvZmB6evpOSNQqAkuszx+3JMC0+WKG+ObEFHgR43xX1rckYDUqp2rEP0A2TrI5BObn5325BgBszACBEZfRzCEgxmKpHASJ9Rri/w6FS258J0UP2zGuKvlGBGwMnNnBRv62o6ND7hGlz0A5WAHYiH8IbYRPXgIDAwO+WwMQMOIfAtmraHZaioyssY1eaoLyGAbgBzU+CBWeAV3RDzKHy3vBcYXCco7L0xlH384MOHXL8svjgRH/gDiugQgBI0SYnqJrYKty7dwj2SaQjX/x7/sZAKOxgHX8+56AXCEBuUeAbqbkysqKcQf37QzwR/llXGsPOcg3f+f6+vqS2pbzGsE70c+6AluYVgN2uVHooUK/teQa7RL9mNZFziFApUa7kta3Ktd1PZZ/qKqqOmz7lBA6bxt9qJ/hKecpeSCzscmV8g2M8nDqu8SOs0B+B2AP8JQjD7s5aeMbIE/lpAbI/Oc/3XJ6cGlYW1u70Nvb69lTpEsYO9/sHwHIu0q4cL20AAAAAElFTkSuQmCC";
-const _imports_29 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAIA0lEQVRoBc2aaWxVVRDHea9FEtomZXFBqlEj4DdDCsgXE+GDxqqIdGWTBAUUUInBxBijQYx8QAOBogIqhKVQyiYqrrEuiYIC+pGCSiLiVqlgW6SUtv7+l3tv553e9+hroXWS4ZyZc2bOf86Zs9xXYn0uAW3btu0a3IyPxWK3tbW13UL9JngQnA2LGuCT8E/0Odza2rqPsrqkpOR3NXaHYl013rlz56Dm5uapAJmOj1Fd9PMt9hszMjIqJk2apADTprQD2LFjR15LS8tCRpoF9097xGiDRlZuLcG8zKqciO4Sre10AKtXr+47YMCAubh5EQ5SI9pr17VnCGRpTk7OkoKCgqbOuOlUAOT4CJxVwrcmcdqC/hvlNeVBypqmpqZfGyD1z4b69et3LeDkJ59yPOUYOA5H0ffsk9KysrIjUY1Wd9EAKisrCwG0HqOoWT8OmFW0b0p36f1UnIbfeXAe7FI9ihn43eU2WDllAIB/BHDlGGRYI+q18LPwegY457SlJbK6VzAJMxlnMYaDHWOt7FzGWOPoQzFpAD7418Ke7ZUKqo/htK5d1f2af6qVE0hZhLc5yYKIDMBPG+W8nflmnM8tLi5+I2KAS6aqqqqaw4qsxGFf47QFXVFpaeluo/OqHQLwN+wBWm3OnwF8EeDfdx1cDpkJLGC8KnzbY7o+Ho/nFxUVHbVjJpwCykcaNfMWvGa+x8ALHDO9l6IEbpbsUw4nU6WO80ChMiEA5CfhhKPST5semXkBCoicf4+0eTyQ/XIkd9ECqwtTiNkfSkMNnBV0wMFmZkNHXa8RuLYyeKkB0MDTY3hhYeFv0tkVeAo5BE/9JE+GhGhl0Auk2/8vM262/5TxVF4AOsKQ9Lax9MyUKVOsoW3rsbqOa9L4eWfAOT7mCyugVyUd7I7/BXm9Y9RrIqmso/tnAyALzN594a0AEepJHBIG5UTerRs2dHYJKj6WhEsVzA/KdZw3yRDKfDNOa2Zm5mYj/1+qGwGip0VAoysqKq7OPH/+/B1EE55GtO5nhyuFQuIkuAdhNdwGP86MpHxghYZpVhjnAUx0C5MEbXP8+8DzwpgnaD+IoFesKMZE38HlFh97Qb7wL7HoSeySwOuYzYOrcDTF7dBd2fep29cbBxwa06VPrYIgx8b5R9+wISEfCIX2yvn2qvc+2sCACfvGtKdd9X1twNC+veyYgU+tQEgEOUKb+OZQQ4UVOWJl1en4KIXd1BpoHW+WGWrvDvk+1uHDgj/HmDr/XapxFMMUQK5V8t7wbjir0yMOhxPRnTX6DHTrmD0F1yUCvL4D3sLYBV8S9XBkv7rYchWAfbgJiPcZqIol36E2mQ1Cm38VT+Co2bLmHeoE/hDg19IgDAFplRmq+O1AYcvc3Nx6K1PPscZOW0eRk+AD9oi7EjF05czmvI4W0RoCfpiWNbAd/xx+ihhjT7RVtFYO3Bl3VyTBkqPtQ2bufpT/mgZUsZXM6nyji6wS6CyA6oSx4JuwL8T3O5FGvvLUqVM5Tnu9nPxtlWziIVaOqrPEH6G/G2407UqnFQB0n8BhFwKcDVAXvCbiPny+G3ZMUuHcd7GdUgA/2v5s4uFWTlZnqT9nJgtotyuolVgO0CdcO30qonsdtpemfgeagK+P3f5J5BGO/micAQ9bJQ5HWzlVnSX/AvsOQWCjIJ4ObAG/AL96yySAx3YCPj4J+l2spP8o2wefNZnMuH5oDZed+jjb6WJ1lv5LwCqd9Bloc3QJ6aQJOstArzh+ziArbRJuVqdPBxE/4x3l1zHvQZSZqfM1mJ1WPhhumDx58nGnc0qRWb6dARREykOA9gaCKlDgKR06jUzS9aiOwcHmb+NeGBLno+UPlAdM/zifbFON3KmqAAHsLjr/k8KgkT6a+bTAyx92whSAl2q/sHsKGjdKY2geEesXirQIYF/hS+l0OsLwNG130ueziLaUqr179/ZjdRPumQCzF4B+n8eDPRLzMJiZ0muSRgXhv3C300WpKdYr8za1UaZN/Easz92hxrARzJWSg7zvw4ZbRlT2I76OHBvR29/F+vYFh07KwUEATO4rnF4LJYc5BfiXke0qDCRKfVz0KgFex28Innq9j9XDFQbAZXKChhcsWuQy/wKy6h6rkxXK+2I7IJgWgTX821oYgDrV1dUto/jOGrBcK3Gky6pHiYm7F7DLnUEPgXGF1YV7IFBu3bp1OJtQx6q9lHTlF5N3OucvOwk842mT9jeD6XjOZ/Z/MLr2PRAo/T/r6EvL/gLQn9nYzUo8EvS7XKXSBvC78G/BC8t0F7wwdFgBKUXcA7Mp9HJ0qZKNNf9Sn06MdyUDrYITch6ZeLxfKNa6QCQnDUCNfhCvUs2QbOgkK/JcVlbWm539a6KxTajqkvLP+UU0DExoJAsA/yipGwlefVMGoA4s6UTAbqBq94SaRCfgct5Om9N9O23ZsuU63vfTAKiTxl5S8itSzitt9nhSkn8uGoDstm/fPkx/XKA6MomfVvTa+HpdHoRrYAXXAIuyORjy9K3BZIwC9Hh0+XDCKaiOPh2iLI3K+aBDUHYqAHWurq7OrK2t1WwthqNWQ926S94fugnyJcDbn3GS+u10AIEH/ZbKTD7FLGqTZwX6bpaN2OvAWArw8JLqjM+0Awic+m+UycjT4DFwur7asNnPRGxixrcAvA45bUp30MgBCOYqjtZxgBkLGP1UeSOsYzHbN9BeqIWP0ecwffaxgav5Hyp/+u1dLv4D4SL5jJQdUmEAAAAASUVORK5CYII=";
-const _imports_30 = "" + __buildAssetsURL("tick-no.179037b3.svg");
-const _imports_31 = "" + __buildAssetsURL("tick-option.e092d22f.svg");
-const _imports_32 = "" + __buildAssetsURL("QRCode-icon.a105d5fc.svg");
-const _imports_33 = "" + __buildAssetsURL("delete-icon.4d386dce.svg");
-const _imports_34 = "" + __buildAssetsURL("arrows-icon.271dd0d3.svg");
-const _imports_35 = "" + __buildAssetsURL("tick-orange.233abc69.svg");
-const _imports_36 = "" + __buildAssetsURL("issue-bj.44adad8c.svg");
+const _imports_17 = "" + __buildAssetsURL("view-icon.da7fef35.svg");
+const _imports_18 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAEk0lEQVRoBd2YW6hVVRSGzXtw8pJkYeU5aZqVIWKgYdDxAkUpYqGJgdhDEliKCYqYGfRi2YV6SBQUxKAbPYRXEMQEfSuULkIXFBMpE6zUvKX1/bLH4W+59t5rudfu7O2Af8855hxzjH/MOddcc+0uXZpcutWRf298TwTnwKk6xqmb6814/gecAG2gqWQSbEU+sL6p2EP2CyOvJC6Au0BTSDssY+a9XNsU7CG5q0wCWoU20NDyMOx81t9FP29taxqaPeR2GtnfqLeAddamZFpBQ8o4WPnsLymxFGFfhfcakj2ktoNIQGf/TUZ0g/WdpX679TVEdQwsLoNIYFmC1VD0i9b/TqK/09UtRu4k9b4pjDaajVZhUIpNpzSNJqrP/ooyLO6m3VfhzTJ2/3vz50SMrfM79X4VGHxgtmeoD6xgW9cuBR4PXgQ++6+iV5J76bwEIuGPqD8G9Ix0B7nlhgojbqZvWAnDS6W2gdrS9vgftOu+o2egkoj00ykG2l6HwA/g+1L5Y6k8QqmJukqUQE/wBBgJgqhIKoE88hrGr2QYcD82B0C3DLZhovfIT8AT08FxTAbbQCxp3vI0Y/eDt4EmIqvMxHA3+AXkjRn2fzL2Dq3AcXALKCfKPpZSyxtQ29Fyg3K098E2tmqU2gnargOq+Jms/hdAZBXlZ7Spsw10BZ0l2sZjwUvAH37x3AM6tuFiFD9NNOtPgkaQWyHxNYjJDfJ+VbnC83l+Pcu/0Z+50tN5P7cR+lvg5Hejt4BUeY7WZBJzUi3r3ziYEHrenPx29BurhZ6NwUUbqJV4ttqggvtb8adj08lvRe+dNc4sDD0JPR/zsw6u0U4n0c/AyW9G75XX7wwGXDBHSmJhXic57e/BXkezk/8YvUdOPx3mU6jpn7VwqCQWdfQWW9E9SW/WiKXyQ9Ad1CTJJOR4SU0erx48iiZ9Qzv59eiFvYMexdlfFkAroTtNUaLriJNfg65bQqEyDW8eZEKB3n3r6LaamXyeJTqVIHwwodeiui9dEDVRmSRPAg+YxxPUdZMsSvS2Dcm1NfMk4I6/iWgFlZ7ASHzWZQvJcUjRCbi/FoK0RqBqZdYV0IzcZ858xqz5mqtKwPe9T1ZFp1kTuBMvfc2Tz5g1/6f6ENpbYC6o9ibV97TewCGZE4gB1crHMfAjVB8a5UQr9QnQuyLGHKY+D3R8gFBPin/abkp21qrrzRtkdNFKk1Ya1wLdXsM2WWrrzQBpD+kbNu4r6oXKRrwFmR0Jz4PQ9eb0i1/YprWpbx9oBy5zUGLcWeo134Hc+ZfmfHWpQ9toFfArRhA4XerrTzkV6G+U6PNyJ+0PAskY4H26mRYi2rdOcj76UnASeEDV9S2tbaRPQRcdFto6yY+UGK9ExgLffk+hFyL6wIhAQdJ11RV4AxgMKkkvOheAX0Gaj0vWvpJ6ITIdL8lgoeuk+RSMyBlJL6uXgf4MDl/JUn4LkRV4STqXrodZ+7YW0XP0OjgDkjG+q8Wxj12ecL4X/RE3KKCuk+x94KdWlpdlptA6SfRduhVMyTTi2o2GMFSHwC7QDq5/+RffN6xPYNWQnAAAAABJRU5ErkJggg==";
+const _imports_19 = "" + __buildAssetsURL("collect-icon-colours.6d2ade7f.svg");
+const _imports_20 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAADpUlEQVRoBe2ZO2gVQRSGTXxEo4UJYuEjGkHBoCjaKqIWViKIKFgJVkpANGlErGORSkUURBAFGy3FwkZFfKOJDxBBBG0EwfiM78f3x2wye+7c3b25s5uL5MB/d845M3P+M7MzO7u3blyyNCW7U72fqfE9tVa8wlRUtRuRTKFVJ+gBCvynSqiPE6AOpMlsKjwGinkJNIOKpIXaj0C1pH3t12Zg0m1iP0EXp0SpH/Rq5C+CJYm1R+5UUmnSbyq0od8AS43dq3Zg9Y1ctbZv9HsMZLmFplOv18OjD9sakCgP8Lpkr6FrBLSIq8Ek2lciSuIKcLmo/AVsAV7R6NgFu8hbsxjjZMKcBzaJX9jaLQWRbwR225qI7aetnJOu3UaLfCVYDLQbzQCtwCddGA8AJTggSsBmO2HQl9dFe/0OoFtVA2Xjp+mnaDMkRSYwjaj7wRuQRjLNvz7KoKgENhLwZQDiUWKbi0qggUDHU4g/x38S7AYbgNbDMnAQRITd623sQztcnjOgBXqzDAltHEfBCuCT7Rj1HHGJq6xjhm7FIckrgZlE8B1NtB1qRuQvJ/tw/AaW/Gls2iFjkkcCGqG7wBLQGlgVix5XtK13A9tO+iEgf4nkkcAFolgSt7Bpfy8n9TjOAttOM7anXCPZQyewiz4tCe332vuTZCtO2+4rtm1JjeQLmcAs+vsAXCI6FuuMkybtVHDbvUdfl9ZI/pAJnKE/l8Qn9DYFySBK8iFQ+xdgOcgkoRJYSDR7LOjMxGC40niKC0DJTjNcpbQUKgGd+93Rf1YpkVJq2SwhEtDT9i1wE9iZLXxFteZSWw+/I2BO1DJEApvozCX/Dl2vqaHlHh1Gce5EnYdI4LDTsQLEjrtRoCqvmmX36axygx4eIWS16eSy0UOoWuDuk1hl2areRjUI/SCaWl3ngdDiu1MaQ8yAFpN7vyuZV6HZl+svRALNpvPX6Lo/C5EQCWhqXfnoKnmXQyTwFJI6MkRyPSoUdfUtjkq/SuiMfw50Ab0L5CE+ngOz73NUmkAehG2fPp5BdiEbqFA9xBoolLANNpaAHZGi9bEZKHrEbbyxGbAjUrT+X8yAPh79MCPXYvRaUOcbEvpbTP+dDUgPv+4Lid6o8ngp+Ret8t9WmlwFLsf7bjcdxulWrNXyXjcBvVH5PoXXKvle+OrfzJjovo8+7dUqcfESeX0f8oqy0tToj2/fvyOjlZi46J4Xt9jIu58p8JVIU4lldAx95cL+BRfIP0NGsZjIAAAAAElFTkSuQmCC";
+const _imports_21 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAACWUlEQVRoBe2Zyy4sURSGm7QBI2dESI4WyTFhxuQ8BPEQLhPEROI2FzPxHNIJOZwnOE9gSjsuESNDA9f/a7WS1a2LiC69S/ZK/uy1V7H3vy5VvatWofBaumSaE/4KF8Kd8JSCBdk/K6yRtj57w+FQmBU6hTdlSlcvhbQF6+1ZO1C/H85MeA/a3WRJ+q7Q52yhqf0iVBYWjVhbohB5yNscc0XYS8ZbDA3kn2xHDewfMY3oj3+n/AMlMyhMCiXB5FEKnOFXoOZ92TxoviIUhVCkQ0RWBbhZWZ1Lr94T3LBmZIR8qLImYp7rDER52pjxWHpIkYefFzJREYzvATcxNWiyL+XeJgGOPFardZ9wG8WBHkf0zOmhqv8dsV4c8CUTcvSNt+dYxIFcS3Sg1emLGWh1Bjj7VH/NEiLNONtk7dNbZ6es947rxwjECMQI1EWAx+i4sCx0110LfXojgls4wAtCScijVDhK8HaTV3kiA2MCJfQjZ15QQps54xzpxgjECHy7CPAYzf0LjX2mY2zG9/6ss1zTEIkv9VmH+731Ywbei1DW179FBmq+9mYdsSasX/M1nQxcu0V/Oj1UteSIXaHTRLbfghPptHFCFbidCsb3D0TpgJuBkW5gqLIhYp7rNERpVV64C7Qy6QaGlAm4rAu+zXqmeSdnIYT2fVnwT6VTzWn60blsZaN7SPvDb0AwodGNrVpCZlyU4j30qUrTOZd8Vlgjbf1GdjjO26Y+4tsy0r6nnEIVuvNEfscIegew0YP9JXBjHwiXgv+d0PRLhb3hQKlw7B9OdA0v8gypmLKP2lSLggAAAABJRU5ErkJggg==";
+const _imports_22 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAD+ElEQVRIiaWWz2sdVRTHP3NnJkkDmlaCeWlsAgF5LYI2vhjQJqAgFTdqEpVukoWFgii6849wJf5AKOgiXSnYBHfV7hJd1Px4uChm86BNayYakr7Nm5c3M+e6mHffm3mZSaJ+N8Pcc+75nu+5d84ZKwgCToBngUlgCngROAs0gC2gDCwDK8DvxwWyjiG8ClwDJk6SFXAHuA58828J+4GvgbdPSNSJH4D3gb87DSrDeQ7Y+B9kALPAejNWCp0K54CFTqdQoLxjUd5RVPahemBhW3DmlObc4zA2IDw3oHGy0od54EYW4QCwCjyV9N7wLG7+ofirZh0p6clezcx5YaygO00PgHFgp5PwJjBtXkTD0qbiViU77Ty8Niq8VRRUOr9F3/dnoH2GHyTJ4L+RAdyqKJY20/tEZBr4MEk4n3RY96wjycYK8GYRiv35pOteWqJlWXO+76OAEonvLBT4/q59pIr3xuCNIlx5Jt/nu7s2obTIsCxrAhhXxB2khTXPYr+eH2isAL0u7NZguA/6e7P9HtVhbTtWqbVGaw0wqYjbVQtl7+hzuzQcP78tx89XR/N9yzuHYk0p4IXkyr1q/vXvdWOFGx5s7sYqL53LJ+yMpbUeV0AhuVg9yA9ggm9sx8/blXYSWUjGapZ1UBF3/RZyugUQl68WwC9bTWKvmchw/p4EGVprHGAbeNoY+7o19fBwWc0FqQXwyUtpm7lItY450NfdJhMRtNbbio4ZNvRYvjqArWp6/X7zPessR/p0S6GIICKrDvHwnDVOFwvCupf+Ds057dbg0185ZPvi9Tihnytp28UBSZIhIsuKeFK3UCpozvSkN5qSmTNLwpxpf29cdoPTPVAabJczDENEZEUBa8STGogvzTsXokNBf9yMb2UWbldi+ym3vfbuhQjbignDMCSKot+AVadpXyDR3kqDmstV4admP93wstUZ3K+2zxLg8qhQGtSIaKIoMoQLSqlW8/4KWAJMC2K6KLwyIvksOXh5RJguSqqUYRguAV9Ceh4WgNUoioaUUlhW/GmsexaLJxzA0+eF55sDWEQIggDf9x/6vj8OeJ2EAHO+7y84joNt26bLE0rc1Mue4l4VHtVj8tM9mpG++GaXCu1fDKPs4OAA3/fnoyjK/MUAYG9vb8513c9c133CcRyMWqP4KJgyRlFEo9HYr9frH4vIjShqX8IsQoIgGHJd9/Ourq4Zo/Y4Yq3bFyQIgsVGo/ER8MAkYOBk7oaHwGytVrvqOM41x3EmbNtOESdhPuwwDO8EQXDdcZyT/wg3FeK6LmEY4jgOjUZjXCk1adv2lFKqZFnW2abaP7XWayKyHEXRSnd392oQBGZPK5mkwn8AJekF2afMgmEAAAAASUVORK5CYII=";
+const _imports_23 = "" + __buildAssetsURL("title.98892974.png");
+const _imports_24 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAD30lEQVR4AeVa7XXaMBSVDANkBDxB6QRxJmg6QVmANp2gZAOaDBCYoGwQugGZAGUD+F9Q7zPIxxAZy7ZkG0vn5Ejoy/fe954+7HDWgrRbf/8FGPeMySFyIRmf9MOneR3QeB0PufQMkJ+AOAlwlvgqYMEdD6ebswarPwOrs5WaTP7QD5PDPdu/6tvs1bZAAHaTTUcODx6S3aNqS6MhINcP0Z7tcq0csF6IUBBVyerGt8EDdLhO6iASFkg3qVEBEOORGS3+zaxf8V6NCmAOVw4RLhfWCvOZzns2KoBkMjoHdOH38EJb6abGBCCLYgW+NUW+Y7uBad8i/RoTACCjIkA544Mi/U37NiYALDoyBemyXyMCwP0HcP8vLomZzt2IANj+JqYAXferXQCyPi4/zvb1ooLVLgBi/6UoSOqPLVOUGZc3plYBYP17xH6UB0rX3mM9oauvWlebAOT6ONOXsv6R5KYqWd342gQ4un7p4yxugysdgap1/aoTmIzfrcdk+cikb0aft4z6ytXOPeDfejwCSvqrkLgT6xMgpwIQeSx6VeJeiSZUwXbuTACL5GGlYGmbuJoPBrKfbJIndL3w2QlOmtu6B9gmLxn7S0BdpRNl5Xp8a/ogHj5/AIa9/gZ7/RpzlN7uNM+fwUozTX3pqjT2WAA6oR0PKQWA81UvfPqcRnGc50+6rqVlgTfNX+lsEQA0PkDsCHQB8kQrfk8XUUkl3PKGqtzynE6lr+A+CHBCm7QcrCt4CNf9JEAMGMe9KyQNzvuJdoGCrt8gXOuPlpwEeLc+79VMiC/Q2GfF1eC1DlTiE7zHCVvhCosgF75qgHPAkjzASwEQ+vFJ1tsQgOcvyfOxCLp520qTtznhir0ifIGrt61tJn/EtqTcyxCg+McCuFECCCr4lFT8E+cASgifyMekWbBQnH0MgS2MHi+ABzEOUnh0H+CJ9RMBfLoPYPv7KICKBw/yLTgu0zzjNcCf+wBfqO1PiaAWQaEqupyfuz9xVQJ0mbfiRqv/SfwnAvhxH+AzpUQ6jz3Ah/sA3H+aJq7KvoTAW9aJVwkglCJdzHHO0VqfuMYCZKnTETG2/fB5lsVFeUBWewfqeab1iVxagE7eB7D4zS5ZMRGgm/cBPs8L70SASypda1vW1pfmkwjQtfvA8bXXKk1WV04EQKPQdbjWOhzuHkywJwJ06zjMHxH7udYngRIBoNgSv+m+fOWJz/GvOxNTEokAtFoibozcJjX5JlWGmoePDem6GstkvJ8gPyryzEQAGkQnJnwxvaMFJGeS+GHnbobfC8b475yxNpvfD1j5I3AP8P+E06KT/wdPOffX7me6UQAAAABJRU5ErkJggg==";
+const _imports_25 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAE8ElEQVR4Ae1a24tPURQexjAxuZVcm1FESqHc80CDkhIpCsULcnlQ3kSUFy9480L+BeWdPGBGQiPEw8wowjAz7nLn+6bZ0/7t+fb5/Y5z5sw+J6vWnHO+vfY+a3177cvZv6mqGjwZgVfvhV6BvoR+h76AXoJuhg6FFlZWILJW6J8IvYWyGdDCyVpE9AUaFbwpY2bMKhID0xBMZ4XBGxJaYF9TFBLOxQzekLCnCARw0vssCHgPbD90AZSBdkNN4ObaBCz3shQRmIDs61Ynso0euzGOXe4eN3gCq3Mi4Xi3CTL3ix27VB6zXGs5BFz5BYDDwpYfeODs78qArAZZEsAVwJVPANjDrrS5AJ5zT8B0EdRzgRHqEvhYgSWGsswA1YPPPBG8FXi1wBJDWRHAiW6l8PaJwAh9FfgwgSWGsiJgHTytFd7yQ0jJaAEOiK8D0qhwfqfA+PV3TeCEFAEdHttEcBYE8MtvvfCSn70fBU5ogsCfCix4aAg8vA41mxn7usrjPfcLZnm07Rs99kHDR+CdHYS5vwuc5ChhoMbOvjYo45CxNXDupyeY1RGOnxJ1nkbYB1nEAPmVZ/egub9cxuN7ot6FMnWCKt4JbzjDm4DtK2fySRHeLvTU2xJRJ1FRmpuLqfDkNNT9vDUO8sNnO/SVAcT1sMAI8ZD0XydBHr/x/PEa9AE0dalHiyegXNLs3rbvf6NsFzRKSKAvc+y2ktzzoHVJlBOVlE2GEcf4ISh3cuzZKKdYfhBaTvbAIKqdtMo4Me+2neE+nWd17dDuMvoO5XEcYVbwhKcSOQCjOG0nsWVGbjJOnR+gF99Bu3PNSyq4ToTNG2iSwOLU7cS7RnMz8hqqtp6A/0nY6yehZ6FMtzgyE8aHoTOgvo1SnPZoy3MEHrhW88ERvqvqGzQOcz5bEnkUOg4amsyHQ+xx1/erdDQpARxC3PWluaTSr7TlGBp0Ceik0yrVLgLnkmELWdxnA733B3EliaFLu3BwJDG19u4Qxpw1XQb5rE57RfVBhzg8Xf+7fOcBNHRFZQptlK1bN4TnZcKJFhLgC0zYSygPBDBG/jLlSlOcDHAr5+l5DpwdLxz2EiBscw0tF94zc5t9GSDsEw8V1WZWmBr/T/DyzjgE+JzNwxygMuAmA0pjEvQREwrOnels4UwTMV8G5KFXRUwSYu+rla4vA2StAoFq/L9DfI8Zoy8D4sQferao8c/055lALAJUGsUhajBs+a2zSLy4Z/wT902CofeqiElC84DWiZKe8U88jSEg2g8GUunPM8rbxsM0CAg5W9QEeB/Bf0iTANNWiFeVAX3jnw7HyYC8TYJTEF+D6JWKCAg5rUVMElK9T8O+CZAPvlWAZZVKqGSp8d+BoNrswOIMAbteHu5VBtxwHS8qASMQKH8LcKVk/LPQR4BK6zxNgtz9kQRXSsY/C30EuBWjnhVZUfZZlKnx/w0v5r/mlAgJyFPPljgf8aAIYPD9/gGTBITYgxGxlS2qgYWaAPuNf7aUxhAo61GGBsPxrjNQ/tLsiiSA6a8ygOvlZ6eFUXhWDZesq06dLB8ZB4+/1PE3U78eyp/f+wkrFl2ZFV7hyUiRCXiI+NSZQA8hnANae+6K+acZYTVC+a+3XtmGEh4SFCkL+K94x6G10EgxewAeHZEpLiF5FZ7/cbPzCHql9x6X//KfgSgG/gK9mIkzqc2oKwAAAABJRU5ErkJggg==";
+const _imports_26 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAABNGP5yAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAOAAAAACP8+m+AAADhUlEQVRoBe2aS4hPURzHZ7zfj4USmTGTkGcodiRRNh5JNsooO7NhgyJSyoayIDbySFlYkLLwyAaRR5Ty2DCTJPIYeYfx+U5z9O/M+f/N/zf3/q//vfdX3+4959zze3zP6557T01NxqU2EP8M8prAPDAaVLN8x/lWcBEcA+9AURlCyVHwG7SnEG3EtAEERcHfAmkM3I9pd4iBUxkJ3pGxwpGgOWAuUOv7cpuM60DjqFplOI4vA2O8AJ6TngB+Kf8QcMy46zbyQhOknq82GYbDV4GLzV0Xu0AeeoV3XUGKrg3E4k/uOxVfL+AvdWIrbfKMgF54QdUrLQL6ewXfvHRakp+8QHorLQIyLTkBmW5+gs98D+jTwx4wivpDe6jDr/6WDL23V0SsBDTi3XkwJSYvr6B3Ofgck/6/aq1DQG+KcQUv5xaB9bqJW6wEdLxExOzc+Jj1d6i3EvCkAs49qoAN8yqwB+cugx8xOPkFnSfBiRh0d1FpnQRfoUm7Kb1OarcVpbyPUtm/dFkJcHq1n66ow85wVFfrHBCV/cT15AQk3gQJO5D3gIQbIHHzme8B1mVQxK0DC8GABJuxFdsHgb75mcRKQDPWDpgsRl9pNSonAdO3TOsQWBJ9HGaNddQ070ytBMSxBzAzQEVT68uglYDj1NWPhv9BbuLEY6sj1jngHAZngwVgoNV4BPVa0HEWmBvDSoB8f9AJ3VetWIdA1QbsO54T4DOStXTeA7LW4n68eQ+AkXaPlb5eOi1Jv7E73h2U+caLcJqXTkNSh6UavEBeu/QZbtQLHPSld74rTMl1X0F8Ls41iq0WrAIioVC+ktgPLgH/aEnhc1Hda3OlP0E/y1SoHqweW2zY1lO2FqwEhfKRRB1oU6Z+buhMoGMmqatOq80E3ZURPHgfWPzd7huZTIbmAouyKOvoUOYO0J09yiajv/r1HtQ/nYKnRqVRkiBdd8BUUEo2Uliu3dPUKbl7HcQDm4G1a5XrUKnn9ZFjK9AQDclgMq+BUjpUJj0XwFLQRTQJFhMdfRkLZChOGYdyzdKNRYzoHHMTCH30kP9a3kaCkHwgswWUO7mGdMWap265t9PRUItqVdoCivUGitIhswjjHgiRoLwbQF+AUy39iG4X0IoQIuIl+XEPS0wkL3rB0QfPEAlzknevMh5ozGu913E5R4R6gFarTMlEoj0MjgC9tEUmfwCaJfF0KbQc/QAAAABJRU5ErkJggg==";
+const _imports_27 = "" + __buildAssetsURL("menu-icon-gray.d61f02b1.svg");
+const _imports_28 = "" + __buildAssetsURL("comment-icon-gray.2c8779f9.svg");
+const _imports_29 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAFFklEQVRoBdWZW2icRRTHdze7MVsviblYRVEbr4iihnjpmnuCxEARtQYFxZc+ircHfUygUkXQPlnQKuibBEEkNRISkxDazUNDQLBREW0pPtikmsqa2N1ks/5OzLecmb0k+/ml+zkw7DlnZs78/zNn5puZDQZ2KI2MjFwVjUZfxf1+8q3ki+STmUzm/a6uri+RPUlBT7xYTsbHx+8Kh8NfA/ZGq8hRP0U40NnZueYY3P6G3DYs1G5ycrKmoqLiqyLgpekL5DcL+SjF7jkBOn+ZfLMF4i90e7RfGxsbKzRDVvPC6k4QeFp3FwwGjywuLtYRUtcgx1VZBJtRV5VtW/ScACBv070TSgf7+/tTra2tS+vr6+/qMuT7LL1k1VMCs7OzEQBHFIo0C/U3R2dtfO/I8gvZ27XuRvaUwPLy8g2CSwFZUnIAAr9qHbI3ad2N7CkBQuQWDYIRPqv1lpaWBLaUslUq2ZXoKQEQ9GoUjLARMlKGLUsAMhW6vhvZMwKDg4Pi60kLxJjWh4aGBPDljg0yq47s9tczAu3t7c8CYo8CcjGdTh9TeqChoeFqdL1GzupyN7InBEZHR2VUD1oAPu/p6fld21gjTVonhE5r3Y3sCYHKysqP6FyPfprweNsGFAqFHrVs31l6yWq45BaqASCDU1NThzA9o8wiHuXEecqyiWoQIMS+yVOnJJNrAsPDw7sA/wG9PWf1+FMkEnndsgUmJiYewnaPsieqq6tnlO5KLJmA7DZtbW1PEA7vMQP2YewCo7qfr2/CRkO8v2LZrkwkEilOr3LQ285uJPeJefJn5E+co7jeEbDnT3RyLSV3k9vJz5PzfUETEHqM0DlBuZHkiAHYPzFGjQL3yixN98kxRWK4lY6PYLi+gD9Z6NUFyjbMjO4v+Hgch3kXZTwej6ZSqfPU2VXMTyll9Dm3sLCwN4TTj2kooyt7dL5cDHwGRx+urq42FQIvoGKx2N/08xJ1/xDdi4S/pvr6+gNBwkPir9S1kKbNF+zrb3V3d89tF5CsH+oXG5CCrpLJ5HXcHw4DXO9kM24IvMhClY/UuYK97VABd+3dnGizx3O6SeR8yIjV3TCtdTKVZLSzidvV0XKAFwCAT2aB/CtEJHSMnaiurm6pubk5u60RYkabxsbGjGG4hApr6H5CSPd4OmcG2O6MGjQwCNrl2ttOy2B5xOrjRA4Bq4KvVGZgrwYEoRnZRo0RJsaNGdANyilv4nxYY2BNzPxvZmB6evpOSNQqAkuszx+3JMC0+WKG+ObEFHgR43xX1rckYDUqp2rEP0A2TrI5BObn5325BgBszACBEZfRzCEgxmKpHASJ9Rri/w6FS258J0UP2zGuKvlGBGwMnNnBRv62o6ND7hGlz0A5WAHYiH8IbYRPXgIDAwO+WwMQMOIfAtmraHZaioyssY1eaoLyGAbgBzU+CBWeAV3RDzKHy3vBcYXCco7L0xlH384MOHXL8svjgRH/gDiugQgBI0SYnqJrYKty7dwj2SaQjX/x7/sZAKOxgHX8+56AXCEBuUeAbqbkysqKcQf37QzwR/llXGsPOcg3f+f6+vqS2pbzGsE70c+6AluYVgN2uVHooUK/teQa7RL9mNZFziFApUa7kta3Ktd1PZZ/qKqqOmz7lBA6bxt9qJ/hKecpeSCzscmV8g2M8nDqu8SOs0B+B2AP8JQjD7s5aeMbIE/lpAbI/Oc/3XJ6cGlYW1u70Nvb69lTpEsYO9/sHwHIu0q4cL20AAAAAElFTkSuQmCC";
+const _imports_30 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAIA0lEQVRoBc2aaWxVVRDHea9FEtomZXFBqlEj4DdDCsgXE+GDxqqIdGWTBAUUUInBxBijQYx8QAOBogIqhKVQyiYqrrEuiYIC+pGCSiLiVqlgW6SUtv7+l3tv553e9+hroXWS4ZyZc2bOf86Zs9xXYn0uAW3btu0a3IyPxWK3tbW13UL9JngQnA2LGuCT8E/0Odza2rqPsrqkpOR3NXaHYl013rlz56Dm5uapAJmOj1Fd9PMt9hszMjIqJk2apADTprQD2LFjR15LS8tCRpoF9097xGiDRlZuLcG8zKqciO4Sre10AKtXr+47YMCAubh5EQ5SI9pr17VnCGRpTk7OkoKCgqbOuOlUAOT4CJxVwrcmcdqC/hvlNeVBypqmpqZfGyD1z4b69et3LeDkJ59yPOUYOA5H0ffsk9KysrIjUY1Wd9EAKisrCwG0HqOoWT8OmFW0b0p36f1UnIbfeXAe7FI9ihn43eU2WDllAIB/BHDlGGRYI+q18LPwegY457SlJbK6VzAJMxlnMYaDHWOt7FzGWOPoQzFpAD7418Ke7ZUKqo/htK5d1f2af6qVE0hZhLc5yYKIDMBPG+W8nflmnM8tLi5+I2KAS6aqqqqaw4qsxGFf47QFXVFpaeluo/OqHQLwN+wBWm3OnwF8EeDfdx1cDpkJLGC8KnzbY7o+Ho/nFxUVHbVjJpwCykcaNfMWvGa+x8ALHDO9l6IEbpbsUw4nU6WO80ChMiEA5CfhhKPST5semXkBCoicf4+0eTyQ/XIkd9ECqwtTiNkfSkMNnBV0wMFmZkNHXa8RuLYyeKkB0MDTY3hhYeFv0tkVeAo5BE/9JE+GhGhl0Auk2/8vM262/5TxVF4AOsKQ9Lax9MyUKVOsoW3rsbqOa9L4eWfAOT7mCyugVyUd7I7/BXm9Y9RrIqmso/tnAyALzN594a0AEepJHBIG5UTerRs2dHYJKj6WhEsVzA/KdZw3yRDKfDNOa2Zm5mYj/1+qGwGip0VAoysqKq7OPH/+/B1EE55GtO5nhyuFQuIkuAdhNdwGP86MpHxghYZpVhjnAUx0C5MEbXP8+8DzwpgnaD+IoFesKMZE38HlFh97Qb7wL7HoSeySwOuYzYOrcDTF7dBd2fep29cbBxwa06VPrYIgx8b5R9+wISEfCIX2yvn2qvc+2sCACfvGtKdd9X1twNC+veyYgU+tQEgEOUKb+OZQQ4UVOWJl1en4KIXd1BpoHW+WGWrvDvk+1uHDgj/HmDr/XapxFMMUQK5V8t7wbjir0yMOhxPRnTX6DHTrmD0F1yUCvL4D3sLYBV8S9XBkv7rYchWAfbgJiPcZqIol36E2mQ1Cm38VT+Co2bLmHeoE/hDg19IgDAFplRmq+O1AYcvc3Nx6K1PPscZOW0eRk+AD9oi7EjF05czmvI4W0RoCfpiWNbAd/xx+ihhjT7RVtFYO3Bl3VyTBkqPtQ2bufpT/mgZUsZXM6nyji6wS6CyA6oSx4JuwL8T3O5FGvvLUqVM5Tnu9nPxtlWziIVaOqrPEH6G/G2407UqnFQB0n8BhFwKcDVAXvCbiPny+G3ZMUuHcd7GdUgA/2v5s4uFWTlZnqT9nJgtotyuolVgO0CdcO30qonsdtpemfgeagK+P3f5J5BGO/micAQ9bJQ5HWzlVnSX/AvsOQWCjIJ4ObAG/AL96yySAx3YCPj4J+l2spP8o2wefNZnMuH5oDZed+jjb6WJ1lv5LwCqd9Bloc3QJ6aQJOstArzh+ziArbRJuVqdPBxE/4x3l1zHvQZSZqfM1mJ1WPhhumDx58nGnc0qRWb6dARREykOA9gaCKlDgKR06jUzS9aiOwcHmb+NeGBLno+UPlAdM/zifbFON3KmqAAHsLjr/k8KgkT6a+bTAyx92whSAl2q/sHsKGjdKY2geEesXirQIYF/hS+l0OsLwNG130ueziLaUqr179/ZjdRPumQCzF4B+n8eDPRLzMJiZ0muSRgXhv3C300WpKdYr8za1UaZN/Easz92hxrARzJWSg7zvw4ZbRlT2I76OHBvR29/F+vYFh07KwUEATO4rnF4LJYc5BfiXke0qDCRKfVz0KgFex28Innq9j9XDFQbAZXKChhcsWuQy/wKy6h6rkxXK+2I7IJgWgTX821oYgDrV1dUto/jOGrBcK3Gky6pHiYm7F7DLnUEPgXGF1YV7IFBu3bp1OJtQx6q9lHTlF5N3OucvOwk842mT9jeD6XjOZ/Z/MLr2PRAo/T/r6EvL/gLQn9nYzUo8EvS7XKXSBvC78G/BC8t0F7wwdFgBKUXcA7Mp9HJ0qZKNNf9Sn06MdyUDrYITch6ZeLxfKNa6QCQnDUCNfhCvUs2QbOgkK/JcVlbWm539a6KxTajqkvLP+UU0DExoJAsA/yipGwlefVMGoA4s6UTAbqBq94SaRCfgct5Om9N9O23ZsuU63vfTAKiTxl5S8itSzitt9nhSkn8uGoDstm/fPkx/XKA6MomfVvTa+HpdHoRrYAXXAIuyORjy9K3BZIwC9Hh0+XDCKaiOPh2iLI3K+aBDUHYqAHWurq7OrK2t1WwthqNWQ926S94fugnyJcDbn3GS+u10AIEH/ZbKTD7FLGqTZwX6bpaN2OvAWArw8JLqjM+0Awic+m+UycjT4DFwur7asNnPRGxixrcAvA45bUp30MgBCOYqjtZxgBkLGP1UeSOsYzHbN9BeqIWP0ecwffaxgav5Hyp/+u1dLv4D4SL5jJQdUmEAAAAASUVORK5CYII=";
+const _imports_31 = "" + __buildAssetsURL("tick-no.179037b3.svg");
+const _imports_32 = "" + __buildAssetsURL("tick-option.e092d22f.svg");
+const _imports_33 = "" + __buildAssetsURL("QRCode-icon.a105d5fc.svg");
+const _imports_34 = "" + __buildAssetsURL("delete-icon.4d386dce.svg");
+const _imports_35 = "" + __buildAssetsURL("arrows-icon.271dd0d3.svg");
+const _imports_36 = "" + __buildAssetsURL("tick-orange.233abc69.svg");
+const _imports_37 = "" + __buildAssetsURL("issue-bj.44adad8c.svg");
 const _export_sfc = (sfc, props) => {
  const target = sfc.__vccOpts || sfc;
  for (const [key, val] of props) {
@ -1081,6 +1082,36 @@ const _sfc_main$2 = {
        });
      });
    };
+    const $ajaxGET = (url, data) => {
+      url = url.indexOf("//") > -1 ? url : baseURL2 + url;
+      return new Promise(function(resolve, reject) {
+        axios.get(url, data, {
+          emulateJSON: true,
+          withCredentials: true,
+          headers: {
+            authorization: "production" !== "production" 
+            // 头部标记
+            // "Cache-Control": "no-cache",
+            // Pragma: "no-cache",
+          }
+        }).then(function(res) {
+          var data2 = null;
+          try {
+            data2 = typeof res.data == "string" ? JSON.parse(res.data) : res.data;
+            if (data2["code"] == 401)
+              isNeedLogin.value = true;
+            if (data2["code"] != 200)
+              handleMsg("error", data2["message"] || "报错了，请重试！！！");
+          } catch (error) {
+          }
+          resolve(data2);
+        }).catch((err) => {
+          if (err.response.status == 401)
+            isNeedLogin.value = true;
+          resolve(err.response.data);
+        });
+      });
+    };
    let isNeedLogin = ref(true);
    const goLogin = () => ajax_login();
    const route = useRoute();
@ -1118,6 +1149,7 @@ const _sfc_main$2 = {
      page = 1;
      list.value = [];
      type.value = "list";
+      openBottom();
      pitchIndex.value = null;
      replaceState({
        keyword: keyword.value
@ -1142,6 +1174,7 @@ const _sfc_main$2 = {
      page = 1;
      list.value = [];
      type.value = "list";
+      openBottom();
      pitchIndex.value = null;
      getList();
    };
@ -1224,6 +1257,7 @@ const _sfc_main$2 = {
      $ajax("/api/details", { uniqid }).then((res) => {
        if (res.code != 200) {
          type.value = "list";
+          openBottom();
          pitchIndex.value = null;
          return;
        }
@ -1235,6 +1269,7 @@ const _sfc_main$2 = {
        detailsToken = data["token"] || "";
        detailShare.value = data["share"] || {};
        type.value = "details";
+        closeBottom();
        if (index !== null && index !== void 0)
          cut(index);
        else
@ -1247,13 +1282,22 @@ const _sfc_main$2 = {
          openIAnswer();
        seo.value = data.seo;
        yourAnswer.value = {
+          // 初始化 我来回答的框
          text: "",
          anonymous: 0
        };
+        detailsAreaScrollTop();
      }).finally(() => {
        detailLoading.value = false;
      });
    };
+    const detailsAreaScrollTop = () => {
+      let detailsArea = document.querySelector(".details-area-box");
+      detailsArea.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    };
    const calculateListIndex = (info, uniqid) => {
      let targetList = [...list.value];
      if (targetList.length == 0 && isSearchMode.value == false) {
@ -1441,31 +1485,29 @@ const _sfc_main$2 = {
      if (answerList.value[index]["commentList"].length == 0 && answerList.value[index]["commentnum"] != 0)
        getAnswerCommentList(index);
    };
-    let answerCommentLimit = 3;
    const getAnswerCommentList = (index) => {
-      getAnswerCommentPublic(index).then((res) => {
+      getAnswerCommentPublic(index, 3).then((res) => {
        let data = res.data;
        answerList.value[index]["commentList"] = answerList.value[index]["commentList"].concat(data.data);
        answerList.value[index]["commentCount"] = data["count"];
      });
    };
    const handleAllComment = (index) => {
-      answerCommentLimit = 1e3;
-      getAnswerCommentPublic(index).then((res) => {
+      getAnswerCommentPublic(index, 1e3).then((res) => {
        if (res.code != 200)
          return;
        let data = res.data;
        let slice3 = data.data.slice(3);
        let merged1 = [...answerList.value[index]["commentList"], ...slice3.filter((item2) => !answerList.value[index]["commentList"].find((item1) => item1.id == item2.id))];
        answerList.value[index]["commentList"] = merged1;
-        handleMsg("success", res["message"] || "操作成功");
      });
    };
-    const getAnswerCommentPublic = (index) => {
+    const getAnswerCommentPublic = (index, limit) => {
      return new Promise((resolve, reject) => {
        $ajax("/api/comment/lists", {
          token: answerList.value[index]["token"],
-          limit: answerCommentLimit,
+          // limit: answerCommentLimit,
+          limit,
          childlimit: 1
        }).then((res) => {
          if (res.code != 200)
@ -1511,6 +1553,7 @@ const _sfc_main$2 = {
            },
            ...data
          };
+          targetAnswerList[index]["commentList"][ind]["child"][i]["commentInput"] = "";
          targetAnswerList[index]["commentList"][ind]["child"].unshift(targetData);
          targetAnswerList[index]["commentList"][ind]["childnum"]++;
        } else if (ind != null) {
@ -1525,6 +1568,7 @@ const _sfc_main$2 = {
          };
          targetAnswerList[index]["commentList"][ind]["child"].unshift(targetData);
          targetAnswerList[index]["commentList"][ind]["childnum"]++;
+          targetAnswerList[index]["commentList"][ind]["commentInput"] = "";
        } else {
          let targetData = {
            id: data["commentid"],
@ -1537,6 +1581,7 @@ const _sfc_main$2 = {
          };
          targetAnswerList[index]["commentList"].unshift(targetData);
          targetAnswerList[index]["commentCount"]++;
+          targetAnswerList[index]["commentInput"] = "";
        }
        targetAnswerList[index]["commentnum"] = data["count"];
        closeAnswerCommentsChild();
@ -1652,6 +1697,12 @@ const _sfc_main$2 = {
          return;
        let data = res.data;
        myType.value = "collect";
+        data.data.forEach((element) => {
+          if (element["type"] == "askanswercollection") {
+            let content = element["data"]["content"];
+            element["data"]["content"] = processHtml(content);
+          }
+        });
        myCollectionList.value = myCollectionList.value.concat(data.data);
        myCollectionCount.value = data.count;
        if (myCollectionList.value.length != data["count"])
@ -1660,6 +1711,16 @@ const _sfc_main$2 = {
          myCollectionPage = 0;
      }).finally(() => myCollectionLading = false);
    };
+    const processHtml = (html) => {
+      var parser = new DOMParser();
+      var doc = parser.parseFromString(html, "text/html");
+      var img = doc.querySelector("img");
+      if (img) {
+        return `<img src="${img.src}">`;
+      } else {
+        return doc.body.textContent;
+      }
+    };
    const cancelCollection = (token, index) => {
      $ajax("/api/user/deleteCollect", {
        token
@ -1696,6 +1757,10 @@ const _sfc_main$2 = {
        data.data.forEach((element) => {
          element["popupState"] = false;
        });
+        data.data.forEach((element) => {
+          let content = element["content"];
+          element["content"] = processHtml(content);
+        });
        myAnswerList.value = myAnswerList.value.concat(data.data);
        myAnswerCount.value = data.count;
        if (myAnswerList.value.length != data["count"])
@ -1899,6 +1964,18 @@ const _sfc_main$2 = {
      }
      return obj;
    };
+    const bottomTpsStyle = (index, content) => {
+      const newtype = type.value;
+      let obj = {};
+      if (newtype == "list")
+        ;
+      else {
+        obj["width"] = "calc(50vw - 88px)";
+        obj["paddingLeft"] = "calc((100vw - 1200px) / 2)";
+        obj["borderRight"] = "1px solid #ebebeb";
+      }
+      return obj;
+    };
    const listBoxStyle = () => {
      const newtype = type.value;
      let obj = {};
@ -1961,12 +2038,11 @@ const _sfc_main$2 = {
      countForwardingTimes(answerList.value[Iindex]["token"]);
    };
    const countForwardingTimes = (token) => {
-      $ajax("/api/operate/share", {
-        token
-      });
+      $ajaxGET("/api/operate/share?token=" + token);
    };
    const closeDetailMode = () => {
      type.value = "list";
+      openBottom();
      pitchIndex.value = null;
      seo.value = {};
    };
@ -2109,6 +2185,7 @@ const _sfc_main$2 = {
      page = 1;
      list.value = [];
      type.value = "list";
+      openBottom();
      pitchIndex.value = null;
      getList();
    };
@ -2154,27 +2231,6 @@ const _sfc_main$2 = {
        keyword.value = params["keyword"];
      if (params["tid"])
        typePitch.value = params["tid"];
-      if (params["uniqid"]) {
-        await $ajax("/api/details", { uniqid: params["uniqid"] }).then((res) => {
-          if (res.code != 200)
-            return;
-          let data = res.data;
-          detailsInfo.value = data["info"] || {};
-          detailsIsanswered.value = data["isanswered"] || 0;
-          detailsIscollection.value = data["iscollection"] || 0;
-          detailsIsmyself.value = data["ismyself"] || 0;
-          detailsToken = data["token"] || "";
-          detailShare.value = data["share"] || {};
-          type.value = "details";
-          calculateListIndex(data.info, params["uniqid"]);
-          answerList.value = [];
-          answerPage.value = 1;
-          getAnswerList();
-          closeAllTransmitState();
-          replaceState({ uniqid: params["uniqid"] });
-          seo.value = data.seo;
-        });
-      }
      await $ajax("/api/lists", {
        page,
        limit: 20,
@ -2285,7 +2341,22 @@ const _sfc_main$2 = {
      link.target = "_blank";
      link.click();
    };
+    const closeBottom = () => {
+      const footer = document.querySelector("body .index-footer");
+      if (footer)
+        footer.style.display = "none";
+      else
+        setTimeout(() => closeBottom(), 1e3);
+    };
+    const openBottom = () => {
+      const footer = document.querySelector("body .index-footer");
+      if (footer)
+        footer.style.display = "block";
+      else
+        setTimeout(() => openBottom(), 1e3);
+    };
    return {
+      bottomTpsStyle,
      TAHomePage,
      sendMessage,
      avatarState,
@ -2513,7 +2584,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
  });
  _push(`<!--]--></div>`);
  if ($setup.inTheEndState) {
-    _push(`<div class="bottom-tps">- 到底了 -</div>`);
+    _push(`<div class="bottom-tps" style="${ssrRenderStyle($setup.bottomTpsStyle())}">- 到底了 -</div>`);
  } else {
    _push(`<!---->`);
  }
@ -2548,23 +2619,23 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
    } else {
      _push(`<!---->`);
    }
-    _push(`</div><div class="time">${ssrInterpolate($setup.handleDate($setup.detailsInfo["publicationdate"]))}</div></div><div class="operate-box flexacenter"><div class="${ssrRenderClass([{ white: $setup.detailsInfo["answers"] == 0 }, "answer-btn flexcenter"])}"><img class="answer-btn-icon answer-icon-edit"${ssrRenderAttr("src", _imports_15)}><img class="answer-btn-icon answer-icon-white"${ssrRenderAttr("src", _imports_16)}> 我来回答 </div><div class="operate-list flexacenter"><div class="operate-item flexacenter">`);
+    _push(`</div><div class="time">${ssrInterpolate($setup.handleDate($setup.detailsInfo["publicationdate"]))}</div></div><div class="operate-box flexacenter"><div class="${ssrRenderClass([{ white: $setup.detailsInfo["answers"] == 0 }, "answer-btn flexcenter"])}"><img class="answer-btn-icon answer-icon-edit"${ssrRenderAttr("src", _imports_15)}><img class="answer-btn-icon answer-icon-white"${ssrRenderAttr("src", _imports_16)}> 我来回答 </div><div class="operate-list flexacenter"><div class="operate-item flexacenter" style="${ssrRenderStyle({ "cursor": "auto" })}"><img class="operate-icon operate-collect-icon" style="${ssrRenderStyle({ "width": "13px", "height": "8px" })}"${ssrRenderAttr("src", _imports_17)}> ${ssrInterpolate($setup.detailsInfo["viewnum"] || 0)}</div><div class="operate-item flexacenter">`);
    if ($setup.detailsIscollection == 0) {
-      _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_17)}>`);
-    } else {
      _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_18)}>`);
+    } else {
+      _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_19)}>`);
    }
-    _push(` ${ssrInterpolate($setup.detailsInfo["collectionnum"] > 0 ? $setup.detailsInfo["collectionnum"] : "收藏")}</div><div class="operate-item flexacenter operate-transmit"><img class="operate-icon operate-transmit-icon"${ssrRenderAttr("src", _imports_19)}> 转发 `);
+    _push(` ${ssrInterpolate($setup.detailsInfo["collectionnum"] > 0 ? $setup.detailsInfo["collectionnum"] : "收藏")}</div><div class="operate-item flexacenter operate-transmit"><img class="operate-icon operate-transmit-icon"${ssrRenderAttr("src", _imports_20)}> 转发 `);
    if ($setup.questionsTransmitState) {
-      _push(`<div class="transmit-box flexflex" style="${ssrRenderStyle({ "z-index": "10" })}"><img class="cross-icon"${ssrRenderAttr("src", _imports_11)}><div class="transmit-left transmit-web"><div class="transmit-title">转发网页版</div><div class="transmit-content"><div class="transmit-headline">${ssrInterpolate($setup.detailsInfo["title"])}</div><div class="transmit-url">${ssrInterpolate($setup.getCurrentUrl())}</div></div><div class="transmit-web-btn flexcenter">复制链接</div></div><div class="transmit-right transmit-mini"><div class="transmit-title">转发小程序版</div><div class="transmit-content flexcenter"><img class="transmit-mini-img"${ssrRenderAttr("src", $setup.detailShare["qrcode"])}><div class="flexcenter"><img class="give-sweep"${ssrRenderAttr("src", _imports_20)}> 扫码转发该问答 </div></div></div></div>`);
+      _push(`<div class="transmit-box flexflex" style="${ssrRenderStyle({ "z-index": "10" })}"><img class="cross-icon"${ssrRenderAttr("src", _imports_11)}><div class="transmit-left transmit-web"><div class="transmit-title">转发网页版</div><div class="transmit-content"><div class="transmit-headline">${ssrInterpolate($setup.detailsInfo["title"])}</div><div class="transmit-url">${ssrInterpolate($setup.getCurrentUrl())}</div></div><div class="transmit-web-btn flexcenter">复制链接</div></div><div class="transmit-right transmit-mini"><div class="transmit-title">转发小程序版</div><div class="transmit-content flexcenter"><img class="transmit-mini-img"${ssrRenderAttr("src", $setup.detailShare["qrcode"])}><div class="flexcenter"><img class="give-sweep"${ssrRenderAttr("src", _imports_21)}> 扫码转发该问答 </div></div></div></div>`);
    } else {
      _push(`<!---->`);
    }
    _push(`</div></div></div></div><div class="answer-total-amount">共 ${ssrInterpolate($setup.detailsInfo["answers"])} 个回答</div><!--[-->`);
    ssrRenderList($setup.answerList, (item, index) => {
-      _push(`<div class="answer-box-item"><img class="aa"${ssrRenderAttr("src", _imports_21)}><div class="answer-text">${item["content"]}</div><div class="info-box flexacenter"><div class="user-info flexacenter"><img class="avatar"${ssrRenderAttr("src", item["avatar"])}><div class="user-name">${ssrInterpolate(item["nickname"])}</div>`);
+      _push(`<div class="answer-box-item"><img class="aa"${ssrRenderAttr("src", _imports_22)}><div class="answer-text">${item["content"]}</div><div class="info-box flexacenter"><div class="user-info flexacenter"><img class="avatar"${ssrRenderAttr("src", item["avatar"])}><div class="user-name">${ssrInterpolate(item["nickname"])}</div>`);
      if (item["groupid"] == 14) {
-        _push(`<img class="homeShare"${ssrRenderAttr("src", _imports_22)}>`);
+        _push(`<img class="homeShare"${ssrRenderAttr("src", _imports_23)}>`);
      } else {
        _push(`<!---->`);
      }
@ -2581,19 +2652,19 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
      }
      _push(`</div><div class="operate-list flexacenter"><div class="operate-item flexacenter">`);
      if (item["islike"] == 1) {
-        _push(`<img class="operate-icon operate-like-icon"${ssrRenderAttr("src", _imports_23)}>`);
-      } else {
        _push(`<img class="operate-icon operate-like-icon"${ssrRenderAttr("src", _imports_24)}>`);
-      }
-      _push(` ${ssrInterpolate(item["likenum"])}</div><div class="${ssrRenderClass([{ commentnum: item["commentState"] }, "operate-item flexacenter"])}"><img class="operate-icon operate-comment-icon"${ssrRenderAttr("src", _imports_25)}> ${ssrInterpolate(item["commentnum"])}</div><div class="operate-item flexacenter">`);
-      if (item["iscollection"] == 1) {
-        _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_18)}>`);
      } else {
-        _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_17)}>`);
+        _push(`<img class="operate-icon operate-like-icon"${ssrRenderAttr("src", _imports_25)}>`);
      }
-      _push(` ${ssrInterpolate(item["collectionnum"] == 0 ? "收藏" : item["collectionnum"])}</div><div class="operate-item operate-transmit flexacenter"><img class="operate-icon operate-transmit-icon"${ssrRenderAttr("src", _imports_19)}> 转发 `);
+      _push(` ${ssrInterpolate(item["likenum"])}</div><div class="${ssrRenderClass([{ commentnum: item["commentState"] }, "operate-item flexacenter"])}"><img class="operate-icon operate-comment-icon"${ssrRenderAttr("src", _imports_26)}>${ssrInterpolate(item["commentnum"])}</div><div class="operate-item flexacenter">`);
+      if (item["iscollection"] == 1) {
+        _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_19)}>`);
+      } else {
+        _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_18)}>`);
+      }
+      _push(` ${ssrInterpolate(item["collectionnum"] == 0 ? "收藏" : item["collectionnum"])}</div><div class="operate-item operate-transmit flexacenter"><img class="operate-icon operate-transmit-icon"${ssrRenderAttr("src", _imports_20)}> 转发 `);
      if (item["transmitState"]) {
-        _push(`<div class="transmit-box flexflex"><img class="cross-icon"${ssrRenderAttr("src", _imports_11)}><div class="transmit-left transmit-web"><div class="transmit-title">转发网页版</div><div class="transmit-content"><div class="transmit-headline">${ssrInterpolate($setup.detailsInfo["title"])}</div><div class="transmit-url">${ssrInterpolate($setup.getCurrentUrl())}</div></div><div class="transmit-web-btn flexcenter">复制链接</div></div><div class="transmit-right transmit-mini"><div class="transmit-title">转发小程序版</div><div class="transmit-content flexcenter"><img class="transmit-mini-img"${ssrRenderAttr("src", item["share"]["qrcode"])}><div class="flexcenter"><img class="give-sweep"${ssrRenderAttr("src", _imports_20)}> 扫码转发该问答 </div></div></div></div>`);
+        _push(`<div class="transmit-box flexflex"><img class="cross-icon"${ssrRenderAttr("src", _imports_11)}><div class="transmit-left transmit-web"><div class="transmit-title">转发网页版</div><div class="transmit-content"><div class="transmit-headline">${ssrInterpolate($setup.detailsInfo["title"])}</div><div class="transmit-url">${ssrInterpolate($setup.getCurrentUrl())}</div></div><div class="transmit-web-btn flexcenter">复制链接</div></div><div class="transmit-right transmit-mini"><div class="transmit-title">转发小程序版</div><div class="transmit-content flexcenter"><img class="transmit-mini-img"${ssrRenderAttr("src", item["share"]["qrcode"])}><div class="flexcenter"><img class="give-sweep"${ssrRenderAttr("src", _imports_21)}> 扫码转发该问答 </div></div></div></div>`);
      } else {
        _push(`<!---->`);
      }
@ -2616,11 +2687,11 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
            } else {
              _push(`<!---->`);
            }
-            _push(`</div><div class="comments-header-right flexacenter"><div class="menu-box flexacenter"><img class="menu-icon"${ssrRenderAttr("src", _imports_26)}><div class="report-box flexcenter">举报</div></div><img class="comment-icon"${ssrRenderAttr("src", _imports_27)}><div class="flexacenter like-box">`);
+            _push(`</div><div class="comments-header-right flexacenter"><div class="menu-box flexacenter"><img class="menu-icon"${ssrRenderAttr("src", _imports_27)}><div class="report-box flexcenter">举报</div></div><img class="comment-icon"${ssrRenderAttr("src", _imports_28)}><div class="flexacenter like-box">`);
            if (it["islike"] == 0) {
-              _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_28)}>`);
+              _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_29)}>`);
            } else {
-              _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_23)}>`);
+              _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_24)}>`);
            }
            _push(`<div class="like-quantity">${ssrInterpolate(it["likenum"] || 0)}</div></div></div></div><div class="comments-content"><div class="comments-text">${ssrInterpolate(it["content"])}</div>`);
            if (it["childState"]) {
@ -2645,11 +2716,11 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
                } else {
                  _push(`<!---->`);
                }
-                _push(`</div><div class="comments-header-right flexacenter"><div class="menu-box flexacenter"><img class="menu-icon"${ssrRenderAttr("src", _imports_26)}><div class="report-box flexcenter">举报</div></div><img class="comment-icon"${ssrRenderAttr("src", _imports_27)}><div class="flexacenter like-box">`);
+                _push(`</div><div class="comments-header-right flexacenter"><div class="menu-box flexacenter"><img class="menu-icon"${ssrRenderAttr("src", _imports_27)}><div class="report-box flexcenter">举报</div></div><img class="comment-icon"${ssrRenderAttr("src", _imports_28)}><div class="flexacenter like-box">`);
                if (ite["islike"] == 0) {
-                  _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_28)}>`);
+                  _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_29)}>`);
                } else {
-                  _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_23)}>`);
+                  _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_24)}>`);
                }
                _push(`<div class="like-quantity">${ssrInterpolate(ite["likenum"] || 0)}</div></div></div></div><div class="comments-content"><div class="comments-text">`);
                if (JSON.stringify(ite["reply"]) != "[]") {
@ -2666,8 +2737,8 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
                _push(`</div></div>`);
              });
              _push(`<!--]-->`);
-              if (it["childnum"] >= 3 && it["childnum"] > it["child"].length) {
-                _push(`<div class="comments-also flexacenter"><div class="">还有${ssrInterpolate(it["childnum"] - 1)}条回复</div><img class="also-icon"${ssrRenderAttr("src", _imports_29)}></div>`);
+              if (it["childnum"] > it["child"].length) {
+                _push(`<div class="comments-also flexacenter"><div class="">还有${ssrInterpolate(it["childnum"] - 1)}条回复</div><img class="also-icon"${ssrRenderAttr("src", _imports_30)}></div>`);
              } else {
                _push(`<!---->`);
              }
@ -2679,7 +2750,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
          });
          _push(`<!--]-->`);
          if (item["commentCount"] != item["commentList"].length) {
-            _push(`<div class="reverl-all flexcenter"> 显示全部 <img class="arrow-circular"${ssrRenderAttr("src", _imports_29)}></div>`);
+            _push(`<div class="reverl-all flexcenter"> 显示全部 <img class="arrow-circular"${ssrRenderAttr("src", _imports_30)}></div>`);
          } else {
            _push(`<!---->`);
          }
@ -2710,9 +2781,9 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
    if (!$setup.isNeedLogin) {
      _push(`<div class="your-answer-box"><div class="your-answer-header flexacenter">您的答案</div><div class="${ssrRenderClass([{ placeholder: $setup.yourAnswerPlaceholderState }, "your-answer-textarea"])}" contenteditable="true">${$setup.yourAnswer["text"]}</div><div class="flexacenter your-answer-bottom"><div class="option-box flexacenter">`);
      if ($setup.yourAnswer["anonymous"] == 0) {
-        _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_30)}>`);
-      } else {
        _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_31)}>`);
+      } else {
+        _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_32)}>`);
      }
      _push(` 匿名发表 </div><div class="your-answer-submit flexcenter">提交回答</div></div></div>`);
    } else {
@ -2731,7 +2802,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
    } else {
      _push(`<!---->`);
    }
-    _push(`<div class="mobile-phone-check flexcenter"><img class="QRCode-icon"${ssrRenderAttr("src", _imports_32)} alt=""> 手机查看该问答 <div class="QRCode-pop flexcenter"><img class="offer-mini-QRcode"${ssrRenderAttr("src", $setup.detailShare["qrcode"])}><div class="QRCode-hint flexacenter"><img class="QRCode-img"${ssrRenderAttr("src", _imports_20)}> 微信扫一扫 </div></div></div></div></div>`);
+    _push(`<div class="mobile-phone-check flexcenter"><img class="QRCode-icon"${ssrRenderAttr("src", _imports_33)} alt=""> 手机查看该问答 <div class="QRCode-pop flexcenter"><img class="offer-mini-QRcode"${ssrRenderAttr("src", $setup.detailShare["qrcode"])}><div class="QRCode-hint flexacenter"><img class="QRCode-img"${ssrRenderAttr("src", _imports_21)}> 微信扫一扫 </div></div></div></div></div>`);
  } else {
    _push(`<!---->`);
  }
@ -2748,9 +2819,9 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
      ssrRenderList($setup.myCollectionList, (item, index) => {
        _push(`<div class="item flexflex">`);
        if (item.type == "askanswercollection") {
-          _push(`<!--[--><div class="icon a flexcenter">A</div><div class="centre flexflex flex1"><div class="titletitle ellipsis">${item["data"]["content"]}</div><div class="text ellipsis">提问：${ssrInterpolate(item["data"]["title"])}</div></div><div class="delete-box flexacenter"><img class="delete-icon"${ssrRenderAttr("src", _imports_33)}></div><!--]-->`);
+          _push(`<!--[--><div class="icon a flexcenter">A</div><div class="centre flexflex flex1"><div class="titletitle ellipsis">${item["data"]["content"]}</div><div class="text ellipsis">提问：${ssrInterpolate(item["data"]["title"])}</div></div><div class="delete-box flexacenter"><img class="delete-icon"${ssrRenderAttr("src", _imports_34)}></div><!--]-->`);
        } else {
-          _push(`<!--[--><div class="icon q flexcenter">Q</div><div class="centre flexflex flex1"><div class="titletitle ellipsis">${ssrInterpolate(item["data"]["title"])}</div><div class="text ellipsis">${ssrInterpolate(item["data"]["answers"] > 0 ? "共" + item["data"]["answers"] + "个回答" : "暂无回答")}</div></div><div class="delete-box flexacenter"><img class="delete-icon"${ssrRenderAttr("src", _imports_33)}></div><!--]-->`);
+          _push(`<!--[--><div class="icon q flexcenter">Q</div><div class="centre flexflex flex1"><div class="titletitle ellipsis">${ssrInterpolate(item["data"]["title"])}</div><div class="text ellipsis">${ssrInterpolate(item["data"]["answers"] > 0 ? "共" + item["data"]["answers"] + "个回答" : "暂无回答")}</div></div><div class="delete-box flexacenter"><img class="delete-icon"${ssrRenderAttr("src", _imports_34)}></div><!--]-->`);
        }
        _push(`</div>`);
      });
@ -2761,9 +2832,9 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
    if ($setup.myType == "answers" && $setup.myAnswerList.length != 0) {
      _push(`<div class="content-box answers-list"><!--[-->`);
      ssrRenderList($setup.myAnswerList, (item, index) => {
-        _push(`<div class="item flexflex"><div class="icon a flexcenter">A</div><div class="centre flexflex flex1"><div class="info flexacenter"><div class="name">${ssrInterpolate(item["nickname"])}</div><div class="time">${ssrInterpolate($setup.handleDate(item["publicationdate"]))}</div></div><div class="titletitle ellipsis">${item["content"]}</div><div class="text ellipsis">提问：${ssrInterpolate(item["title"])}</div></div><div class="operate-box flexacenter"><div class="state-box flexacenter"><div class="text">${ssrInterpolate(item["anonymous"] == 0 ? "公开" : "匿名")}</div><img class="arrows"${ssrRenderAttr("src", _imports_34)}>`);
+        _push(`<div class="item flexflex"><div class="icon a flexcenter">A</div><div class="centre flexflex flex1"><div class="info flexacenter"><div class="name">${ssrInterpolate(item["nickname"])}</div><div class="time">${ssrInterpolate($setup.handleDate(item["publicationdate"]))}</div></div><div class="titletitle ellipsis">${item["content"]}</div><div class="text ellipsis">提问：${ssrInterpolate(item["title"])}</div></div><div class="operate-box flexacenter"><div class="state-box flexacenter"><div class="text">${ssrInterpolate(item["anonymous"] == 0 ? "公开" : "匿名")}</div><img class="arrows"${ssrRenderAttr("src", _imports_35)}>`);
        if (item["popupState"]) {
-          _push(`<div class="state-popup flexflex"><div class="state-popup-mask"></div><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 0 }, "state-popup-item flexacenter flex1"])}"><div class="">公开发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_35)}></div><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 1 }, "state-popup-item flexacenter flex1"])}"><div class="">匿名发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_35)}></div></div>`);
+          _push(`<div class="state-popup flexflex"><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 0 }, "state-popup-item flexacenter flex1"])}"><div class="">公开发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_36)}></div><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 1 }, "state-popup-item flexacenter flex1"])}"><div class="">匿名发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_36)}></div></div>`);
        } else {
          _push(`<!---->`);
        }
@ -2782,9 +2853,9 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
        } else {
          _push(`<!---->`);
        }
-        _push(` ${ssrInterpolate(item["answers"] == 0 ? "暂无回答" : "共" + item["answers"] + "个回答")}</div></div><div class="operate-box flexacenter"><div class="state-box flexacenter"><div class="text">${ssrInterpolate(item["anonymous"] == 0 ? "公开" : "匿名")}</div><img class="arrows"${ssrRenderAttr("src", _imports_34)}>`);
+        _push(` ${ssrInterpolate(item["answers"] == 0 ? "暂无回答" : "共" + item["answers"] + "个回答")}</div></div><div class="operate-box flexacenter"><div class="state-box flexacenter"><div class="text">${ssrInterpolate(item["anonymous"] == 0 ? "公开" : "匿名")}</div><img class="arrows"${ssrRenderAttr("src", _imports_35)}>`);
        if (item["popupState"]) {
-          _push(`<div class="state-popup flexflex"><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 0 }, "state-popup-item flexacenter flex1"])}"><div class="">公开发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_35)}></div><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 1 }, "state-popup-item flexacenter flex1"])}"><div class="">匿名发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_35)}></div></div>`);
+          _push(`<div class="state-popup flexflex"><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 0 }, "state-popup-item flexacenter flex1"])}"><div class="">公开发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_36)}></div><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 1 }, "state-popup-item flexacenter flex1"])}"><div class="">匿名发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_36)}></div></div>`);
        } else {
          _push(`<!---->`);
        }
@ -2811,11 +2882,11 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
      });
      _push(`<!--]--></div></div>`);
    } else {
-      _push(`<div class="issue-form"><img class="issue-bj"${ssrRenderAttr("src", _imports_36)}><div class="flexcenter q">Q</div><img class="cross-icon"${ssrRenderAttr("src", _imports_11)}><div class="issue-input"><textarea placeholder="一句话描述问题，以问号结尾">${ssrInterpolate($setup.questionsObj.title)}</textarea></div><textarea class="issue-replenish" placeholder="欢迎补充，清晰表达问题的关键点，可获得更有效的解答（非必填）">${ssrInterpolate($setup.questionsObj.content)}</textarea><div class="issue-bottom flexacenter"><div class="option-box flexacenter" style="${ssrRenderStyle({ "color": "#333" })}">`);
+      _push(`<div class="issue-form"><img class="issue-bj"${ssrRenderAttr("src", _imports_37)}><div class="flexcenter q">Q</div><img class="cross-icon"${ssrRenderAttr("src", _imports_11)}><div class="issue-input"><textarea placeholder="一句话描述问题，以问号结尾">${ssrInterpolate($setup.questionsObj.title)}</textarea></div><textarea class="issue-replenish" placeholder="欢迎补充，清晰表达问题的关键点，可获得更有效的解答（非必填）">${ssrInterpolate($setup.questionsObj.content)}</textarea><div class="issue-bottom flexacenter"><div class="option-box flexacenter" style="${ssrRenderStyle({ "color": "#333" })}">`);
      if ($setup.questionsObj.anonymous == 0) {
-        _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_30)}>`);
-      } else {
        _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_31)}>`);
+      } else {
+        _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_32)}>`);
      }
      _push(` 匿名发表 <div class="" style="${ssrRenderStyle({ "color": "#aaa" })}">（发布后只能修改是否匿名）</div></div><div class="issue-btn flexcenter">发布问题</div></div></div>`);
    }
@ -2826,9 +2897,9 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
  if ($setup.IAnswerEditState) {
    _push(`<div class="popover-mask flexcenter"><div class="edit-answers"><img class="close-icon"${ssrRenderAttr("src", _imports_11)}><div class="titletitle">编辑回答</div><div class="${ssrRenderClass([{ placeholder: $setup.questionPlaceholderState }, "question-textarea"])}" contenteditable="true">${$setup.IAnswerInfo["text"]}</div><div class="issue-bottom flexacenter"><div class="option-box flexacenter">`);
    if ($setup.IAnswerInfo["anonymous"] == 0) {
-      _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_30)}>`);
-    } else {
      _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_31)}>`);
+    } else {
+      _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_32)}>`);
    }
    _push(` 匿名发表 </div><div class="issue-btn flexcenter">提交回答</div></div></div></div>`);
  } else {
@ -2843,9 +2914,9 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
    }
    _push(`</div><div class="question-middle flexflex"><div class="question-icon flexcenter">A</div><div class="${ssrRenderClass([{ placeholder: $setup.questionPlaceholderState }, "question-textarea"])}" contenteditable="true">${$setup.IAnswerInfo["text"]}</div></div><div class="issue-bottom flexacenter"><div class="option-box flexacenter">`);
    if ($setup.IAnswerInfo["anonymous"] == 0) {
-      _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_30)}>`);
-    } else {
      _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_31)}>`);
+    } else {
+      _push(`<img class="option-icon"${ssrRenderAttr("src", _imports_32)}>`);
    }
    _push(` 匿名发表 </div><div class="issue-btn flexcenter">提交回答</div></div></div></div>`);
  } else {
--- a/.output/server/chunks/app/static/entry-styles.01300843.mjs
+++ b/.output/server/chunks/app/static/entry-styles.01300843.mjs
--- a/.output/server/chunks/app/static/entry-styles.01300843.mjs.map
+++ b/.output/server/chunks/app/static/entry-styles.01300843.mjs.map
@ -0,0 +1 @@
+{"version":3,"file":"entry-styles.01300843.mjs","sources":["../../../../../.nuxt/dist/server/static/entry-styles-1.mjs-0949f21b.js","../../../../../.nuxt/dist/server/static/entry-styles.01300843.mjs"],"sourcesContent":null,"names":["__buildAssetsURL","style_0"],"mappings":";;;;;;;;;;;;;;;;AAAA,MAAA,mCAAA,GAAA,2pMAAA,GAAAA,cAAA,CAAA,4BAAA,CAAA,GAAA,05rCAAA;;ACCA,6BAAe,CAACC,mCAAO;;;;"}
--- a/.output/server/chunks/app/static/entry-styles.ba61e981.mjs
+++ b/.output/server/chunks/app/static/entry-styles.ba61e981.mjs
--- a/.output/server/chunks/app/static/entry-styles.ba61e981.mjs.map
+++ b/.output/server/chunks/app/static/entry-styles.ba61e981.mjs.map
@ -1 +0,0 @@
-{"version":3,"file":"entry-styles.ba61e981.mjs","sources":["../../../../../.nuxt/dist/server/static/entry-styles-1.mjs-3e7fa6ce.js","../../../../../.nuxt/dist/server/static/entry-styles.ba61e981.mjs"],"sourcesContent":null,"names":["__buildAssetsURL","style_0"],"mappings":";;;;;;;;;;;;;;;;AAAA,MAAA,mCAAA,GAAA,smMAAA,GAAAA,cAAA,CAAA,4BAAA,CAAA,GAAA,6qqCAAA;;ACCA,6BAAe,CAACC,mCAAO;;;;"}
--- a/.output/server/chunks/app/styles.mjs
+++ b/.output/server/chunks/app/styles.mjs
@ -1,6 +1,6 @@
 const interopDefault = r => r.default || r || [];
 const styles = {
-  "node_modules/nuxt/dist/app/entry.js": () => import('./static/entry-styles.ba61e981.mjs').then(interopDefault),
+  "node_modules/nuxt/dist/app/entry.js": () => import('./static/entry-styles.01300843.mjs').then(interopDefault),
  "node_modules/@nuxt/ui-templates/dist/templates/error-404.vue": () => import('./static/error-404-styles.1e0dde27.mjs').then(interopDefault),
  "node_modules/@nuxt/ui-templates/dist/templates/error-500.vue": () => import('./static/error-500-styles.cf4b3e80.mjs').then(interopDefault)
 };
--- a/.output/server/chunks/nitro/node-server.mjs
+++ b/.output/server/chunks/nitro/node-server.mjs
@ -3059,7 +3059,7 @@ function klona(x) {

 const inlineAppConfig = {
  "nuxt": {
-    "buildId": "fe912969-50cc-4e3e-a8b0-cad7a623a9ff"
+    "buildId": "1e6a2d4e-548a-428c-ad50-9848287242f5"
  }
 };

@ -4949,205 +4949,205 @@ const assets = {
  "/static/add-icon.0b0b5313.svg": {
    "type": "image/svg+xml",
    "etag": "\"d67-gajxuGcy6aHIeWAbO0RazX03p90\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 3431,
    "path": "../public/static/add-icon.0b0b5313.svg"
  },
  "/static/arrows-icon.271dd0d3.svg": {
    "type": "image/svg+xml",
    "etag": "\"5a0-yAit7q5lcKJMd35iOMMifZv2uno\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.496Z",
    "size": 1440,
    "path": "../public/static/arrows-icon.271dd0d3.svg"
  },
  "/static/close-icon.86743366.svg": {
    "type": "image/svg+xml",
    "etag": "\"2d4-QYrulZl33jopLCT37UdJfnzXOVg\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 724,
    "path": "../public/static/close-icon.86743366.svg"
  },
  "/static/collect-icon-colours.6d2ade7f.svg": {
    "type": "image/svg+xml",
    "etag": "\"7ab-av9D1DgxgD5cvY5wd30haD7c1q0\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 1963,
    "path": "../public/static/collect-icon-colours.6d2ade7f.svg"
  },
  "/static/comment-icon-gray.2c8779f9.svg": {
    "type": "image/svg+xml",
    "etag": "\"816-HEGvNjvS0TeA/3uJweilvZfCqlk\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 2070,
    "path": "../public/static/comment-icon-gray.2c8779f9.svg"
  },
  "/static/delete-icon.4d386dce.svg": {
    "type": "image/svg+xml",
    "etag": "\"17fe-RGKa0+MaUqOqlbPlXlig67fGkaY\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.499Z",
    "size": 6142,
    "path": "../public/static/delete-icon.4d386dce.svg"
  },
  "/static/dot-gray.86cdd7b5.svg": {
    "type": "image/svg+xml",
    "etag": "\"2af-sBMsuPZbsh28jzlFWO9lVYMVDk8\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 687,
    "path": "../public/static/dot-gray.86cdd7b5.svg"
  },
  "/static/dot-yellow.4b5e135b.svg": {
    "type": "image/svg+xml",
    "etag": "\"2af-6L7YsWhGTHBB6NqQztB/l2OFRfE\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 687,
    "path": "../public/static/dot-yellow.4b5e135b.svg"
  },
  "/static/dot.1026a040.svg": {
    "type": "image/svg+xml",
    "etag": "\"217-dx6xqUT4D9pCoKc6nr20aXeJQXQ\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 535,
    "path": "../public/static/dot.1026a040.svg"
  },
  "/static/edit-icon-white.29b27582.svg": {
    "type": "image/svg+xml",
    "etag": "\"8be-EnEF3CQI46JkMNAXbPf3H6T7pzU\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 2238,
    "path": "../public/static/edit-icon-white.29b27582.svg"
  },
  "/static/empty-icon.24a01ae2.svg": {
    "type": "image/svg+xml",
    "etag": "\"d028-Our2UxxUiciRSduORd8JZCt5Prw\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 53288,
    "path": "../public/static/empty-icon.24a01ae2.svg"
  },
-  "/static/entry.3e75fe87.css": {
+  "/static/entry.7cbcb895.js": {
+    "type": "application/javascript",
+    "etag": "\"3ae6e-rdRTMu3GqcKv8DlFipBPR16yEuA\"",
+    "mtime": "2023-12-15T09:06:20.500Z",
+    "size": 241262,
+    "path": "../public/static/entry.7cbcb895.js"
+  },
+  "/static/entry.d0051705.css": {
    "type": "text/css; charset=utf-8",
-    "etag": "\"abff-V8jSxZKvzId/jjqjEmipdA8yzcg\"",
-    "mtime": "2023-12-14T03:41:20.059Z",
-    "size": 44031,
-    "path": "../public/static/entry.3e75fe87.css"
-  },
-  "/static/entry.44d69ba8.js": {
-    "type": "application/javascript",
-    "etag": "\"3ab3b-ysMUqcjfJz/6KbD3bySRHisXzD0\"",
-    "mtime": "2023-12-14T03:41:20.060Z",
-    "size": 240443,
-    "path": "../public/static/entry.44d69ba8.js"
-  },
-  "/static/error-404.6e06f203.js": {
-    "type": "application/javascript",
-    "etag": "\"18de-p2g17h+p4BHF4+Gj+GVWUFVkVtg\"",
-    "mtime": "2023-12-14T03:41:20.060Z",
-    "size": 6366,
-    "path": "../public/static/error-404.6e06f203.js"
+    "etag": "\"af21-CGiztCz4hW+9/5WvV+/bg9wGCGE\"",
+    "mtime": "2023-12-15T09:06:20.500Z",
+    "size": 44833,
+    "path": "../public/static/entry.d0051705.css"
  },
  "/static/error-404.7fc72018.css": {
    "type": "text/css; charset=utf-8",
    "etag": "\"e2e-iNt1cqPQ0WDudfCTZVQd31BeRGs\"",
-    "mtime": "2023-12-14T03:41:20.060Z",
+    "mtime": "2023-12-15T09:06:20.500Z",
    "size": 3630,
    "path": "../public/static/error-404.7fc72018.css"
  },
+  "/static/error-404.eb99afb2.js": {
+    "type": "application/javascript",
+    "etag": "\"18de-qcXEhgABD3i1NKdXbqS2fsR7wZY\"",
+    "mtime": "2023-12-15T09:06:20.500Z",
+    "size": 6366,
+    "path": "../public/static/error-404.eb99afb2.js"
+  },
+  "/static/error-500.a72ffb41.js": {
+    "type": "application/javascript",
+    "etag": "\"756-a7AXATacmK9r/Tkrpmzta0evGas\"",
+    "mtime": "2023-12-15T09:06:20.500Z",
+    "size": 1878,
+    "path": "../public/static/error-500.a72ffb41.js"
+  },
  "/static/error-500.c5df6088.css": {
    "type": "text/css; charset=utf-8",
    "etag": "\"79e-ByRo+49BgcevWdRjJy3CMx2IA5k\"",
-    "mtime": "2023-12-14T03:41:20.060Z",
+    "mtime": "2023-12-15T09:06:20.500Z",
    "size": 1950,
    "path": "../public/static/error-500.c5df6088.css"
  },
-  "/static/error-500.dc11507e.js": {
-    "type": "application/javascript",
-    "etag": "\"756-0qb7wlOpQlHWqi0PFNr8YaiW94c\"",
-    "mtime": "2023-12-14T03:41:20.060Z",
-    "size": 1878,
-    "path": "../public/static/error-500.dc11507e.js"
-  },
  "/static/issue-bj.44adad8c.svg": {
    "type": "image/svg+xml",
    "etag": "\"926-lK6rrraYIC+9Yxyy0subzOK8XpE\"",
-    "mtime": "2023-12-14T03:41:20.059Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 2342,
    "path": "../public/static/issue-bj.44adad8c.svg"
  },
  "/static/logo.6622f82d.png": {
    "type": "image/png",
    "etag": "\"843f-FSXGFGigIHmtzjdcQzuMz/a7E+o\"",
-    "mtime": "2023-12-14T03:41:20.057Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 33855,
    "path": "../public/static/logo.6622f82d.png"
  },
  "/static/menu-icon-gray.d61f02b1.svg": {
    "type": "image/svg+xml",
    "etag": "\"6de-kmXhltPHfF4W1gmV7wT4aZCZ6gg\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 1758,
    "path": "../public/static/menu-icon-gray.d61f02b1.svg"
  },
  "/static/QRCode-icon.a105d5fc.svg": {
    "type": "image/svg+xml",
    "etag": "\"9c1-qGg9jZ5wmHJGzh2A00nHIGWHMh4\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 2497,
    "path": "../public/static/QRCode-icon.a105d5fc.svg"
  },
  "/static/tick-no.179037b3.svg": {
    "type": "image/svg+xml",
    "etag": "\"1ea-YISAWqJD56jxoQT8N812fDJfkMw\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 490,
    "path": "../public/static/tick-no.179037b3.svg"
  },
  "/static/tick-option.e092d22f.svg": {
    "type": "image/svg+xml",
    "etag": "\"29a-UVjuq3WHs6mhu1KGQ7gQmJH2Bc4\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 666,
    "path": "../public/static/tick-option.e092d22f.svg"
  },
  "/static/tick-orange.233abc69.svg": {
    "type": "image/svg+xml",
    "etag": "\"60a-VrP9K+TQp6JbNcrU5k1Dor/Kq/E\"",
-    "mtime": "2023-12-14T03:41:20.059Z",
+    "mtime": "2023-12-15T09:06:20.499Z",
    "size": 1546,
    "path": "../public/static/tick-orange.233abc69.svg"
  },
  "/static/title.98892974.png": {
    "type": "image/png",
    "etag": "\"1723-0OwkVass/2nFB99dRT4w0sPUvI0\"",
-    "mtime": "2023-12-14T03:41:20.058Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
    "size": 5923,
    "path": "../public/static/title.98892974.png"
  },
  "/static/triangle-icon.c39ff2e7.svg": {
    "type": "image/svg+xml",
    "etag": "\"446-ylQ81DOJ3joSbsS9atyrW6pZsBY\"",
-    "mtime": "2023-12-14T03:41:20.059Z",
+    "mtime": "2023-12-15T09:06:20.499Z",
    "size": 1094,
    "path": "../public/static/triangle-icon.c39ff2e7.svg"
  },
+  "/static/view-icon.da7fef35.svg": {
+    "type": "image/svg+xml",
+    "etag": "\"f39-5Jwx14wB0jgB0Du25KRZbkEEXvI\"",
+    "mtime": "2023-12-15T09:06:20.498Z",
+    "size": 3897,
+    "path": "../public/static/view-icon.da7fef35.svg"
+  },
  "/static/builds/latest.json": {
    "type": "application/json",
-    "etag": "\"47-SgqULVwIbbvBdSRPYrbgtwApD/I\"",
-    "mtime": "2023-12-14T03:41:21.471Z",
+    "etag": "\"47-enxQSI3dmkBtXQL0IPk/zNDhlH0\"",
+    "mtime": "2023-12-15T09:06:21.765Z",
    "size": 71,
    "path": "../public/static/builds/latest.json"
  },
-  "/static/builds/meta/dev.json": {
+  "/static/builds/meta/1e6a2d4e-548a-428c-ad50-9848287242f5.json": {
    "type": "application/json",
-    "etag": "\"6a-OZhFmrqXtFhh1N+tVxuCtYv3g0c\"",
-    "mtime": "2023-12-14T03:41:18.680Z",
-    "size": 106,
-    "path": "../public/static/builds/meta/dev.json"
-  },
-  "/static/builds/meta/fe912969-50cc-4e3e-a8b0-cad7a623a9ff.json": {
-    "type": "application/json",
-    "etag": "\"8b-4f9f/qY6aiE6q7w+qDTOQxTQlr8\"",
-    "mtime": "2023-12-14T03:41:21.472Z",
+    "etag": "\"8b-uBiV7j+Wbkl8F6q68tYvD8raf2o\"",
+    "mtime": "2023-12-15T09:06:21.765Z",
    "size": 139,
-    "path": "../public/static/builds/meta/fe912969-50cc-4e3e-a8b0-cad7a623a9ff.json"
+    "path": "../public/static/builds/meta/1e6a2d4e-548a-428c-ad50-9848287242f5.json"
  }
 };

--- a/copy.vue
+++ b/copy.vue
--- a/app.vue
+++ b/app.vue
@ -71,7 +71,7 @@

                        <div v-else class="total grid-item" @click="cut">共 {{ total }} 条问答</div>
                    </div>
-                    <div class="list" id="list" :style="listStyle()">
+                    <div class="list" id="list" :style="[listStyle(), {height: listHeight + 'px'}]">
                        <a class="item grid-item flexflex" v-for="(item, index) in list" :key="index" :style="itemStyle(index, item['content'])" :class="{pitch: index === pitchIndex, upLevel: index === pitchIndex - 1}" :href="setItemUrl(item['uniqid'])" @click.stop.prevent="getDetails(item['uniqid'], index)">
                            <img class="dot" src="./img/dot.svg" />
                            <div class="content" :style="{width: type == 'list' ? '531px' : '430px'}">
@ -79,9 +79,9 @@
                                    <img class="hot-icon" v-if="item['ishot'] == 1" src="./img/hot-icon.png" />
                                    <div class="issue ellipsis flex1" v-html="item['title']"></div>
                                </div>
-                                <div class="answer ellipsis" v-html="item['content']"></div>
+                                <div class="answer ellipsis" v-if="item['content']" v-html="item['content']"></div>
                                <div class="bottom flexacenter">
-                                    <div class="typename" v-if="item['typename']">{{ item["typename"] }}</div>
+                                    <div class="typename flexcenter" v-if="item['typename']">{{ item["typename"] }}</div>
                                    <div v-else></div>
                                    <div class="flexacenter">
                                        <div class="quantity">{{ item["answers"] == 0 ? "暂无回答" : "共" + item["answers"] + "个回答" }}</div>
@ -96,7 +96,7 @@
                        </a>
                    </div>

-                    <div class="bottom-tps" v-if="inTheEndState">- 到底了 -</div>
+                    <div class="bottom-tps" :style="bottomTpsStyle()" v-if="inTheEndState">- 到底了 -</div>

                    <div class="empty-box flexcenter" v-if="isListEmptyState && list.length == 0">
                        <div class="dot-list flexacenter"><img class="item" src="./img/dot-yellow.svg" /><img class="item" src="./img/dot-yellow.svg" /><img class="item" src="./img/dot-yellow.svg" /><img class="item" src="./img/dot-gray.svg" /><img class="item" src="./img/dot-gray.svg" /><img class="item" src="./img/dot-gray.svg" /></div>
@ -154,6 +154,10 @@
                                    我来回答
                                </div>
                                <div class="operate-list flexacenter">
+                                    <div class="operate-item flexacenter" style="cursor: auto;">
+                                        <img class="operate-icon operate-collect-icon" style="width: 13px; height: 8px;" src="./img/view-icon.svg" />
+                                        {{ detailsInfo["viewnum"] || 0 }}
+                                    </div>
                                    <div class="operate-item flexacenter" @click="operateCollect()">
                                        <img class="operate-icon operate-collect-icon" v-if="detailsIscollection == 0" src="./img/collect-icon.png" />
                                        <img class="operate-icon operate-collect-icon" v-else src="./img/collect-icon-colours.svg" />
@ -234,6 +238,7 @@
                                    </div>
                                    <div class="operate-item flexacenter" :class="{commentnum: item['commentState']}" @click="openCommentState(index)">
                                        <img class="operate-icon operate-comment-icon" src="./img/comment-icon.png" />
+                                        <!-- {{ item["commentnum"] }} -->
                                        {{ item["commentnum"] }}
                                    </div>
                                    <div class="operate-item flexacenter" @click="operateCollect(item['token'], index)">
@ -369,13 +374,15 @@
                                                    </div>
                                                </div>
                                            </div>
-                                            <div class="comments-also flexacenter" v-if="it['childnum'] >= 3 && it['childnum'] > it['child'].length" @click="alsoCommentsData(index, ind)">
+
+                                            <div class="comments-also flexacenter" v-if="it['childnum'] > it['child'].length" @click="alsoCommentsData(index, ind)">
                                                <div class="">还有{{ it["childnum"] - 1 }}条回复</div>
                                                <img class="also-icon" src="./img/arrow-circular-gray.png" />
                                            </div>
                                        </div>
                                    </div>
-
+                                    <!-- {{ item["commentnum"] + '  ' + item["commentList"].length }} -->
+                                    <!-- <div class="reverl-all flexcenter" @click="handleAllComment(index)" v-if="item['commentnum'] != item['commentList'].length"> -->
                                    <div class="reverl-all flexcenter" @click="handleAllComment(index)" v-if="item['commentCount'] != item['commentList'].length">
                                        显示全部
                                        <img class="arrow-circular" src="./img/arrow-circular-gray.png" />
@ -514,7 +521,7 @@
                                    <div class="text">{{ item["anonymous"] == 0 ? "公开" : "匿名" }}</div>
                                    <img class="arrows" src="./img/arrows-icon.svg" />
                                    <div class="state-popup flexflex" v-if="item['popupState']">
-                                        <div class="state-popup-mask" @click.stop="cutAnswerPopupState(index)"></div>
+                                        <!-- <div class="state-popup-mask" @click.stop="cutAnswerPopupState(index)"></div> -->
                                        <div class="state-popup-item flexacenter flex1" :class="{pitch: item['anonymous'] == 0}" @click.stop="changeAnonymous(item['token'], 0, index)">
                                            <div class="">公开发表</div>
                                            <img class="state-popup-icon" src="./img/tick-orange.svg" />
@ -706,7 +713,7 @@ export default {
                        withCredentials: true,
                        headers: {
                            // authorization: process.env.NODE_ENV !== "production" && "9c92af854f552bbd2aab43230bcf8438", // 头部标记
-                            authorization: process.env.NODE_ENV !== "production" && "9c92af854f552bbd2aab43230bcf8438", // 头部标记 ada
+                            authorization: process.env.NODE_ENV !== "production" && "7a89997c2ccd8cb5ed8cb20d843dafdd", // 头部标记 ada
                            // authorization: "2e25ccc21d5f86b670e7476f3b58ea5d", // 头部标记
                            // "Cache-Control": "no-cache",
                            // Pragma: "no-cache",
@ -739,7 +746,7 @@ export default {
                        emulateJSON: true,
                        withCredentials: true,
                        headers: {
-                            authorization: process.env.NODE_ENV !== "production" && "9c92af854f552bbd2aab43230bcf8438", // 头部标记
+                            authorization: process.env.NODE_ENV !== "production" && "7a89997c2ccd8cb5ed8cb20d843dafdd", // 头部标记
                            // "Cache-Control": "no-cache",
                            // Pragma: "no-cache",
                        },
@ -787,6 +794,9 @@ export default {
            if (process.client) originUrl.value = window.location.origin

            listenPageBack()
+
+            const params = route.query
+            if (params["uniqid"]) getDetails(params["uniqid"])
        })

        // 是否是后退 状态
@ -802,6 +812,7 @@ export default {
                    getDetails(params["uniqid"])
                } else {
                    type.value = "list"
+                    openBottom()
                    pitchIndex.value = null
                    seo.value = {}
                }
@ -874,7 +885,10 @@ export default {
            page = 1
            list.value = []
            type.value = "list"
+            openBottom()
            pitchIndex.value = null
+
+            deleteState(["uniqid"])
            replaceState({
                keyword: keyword.value,
            })
@ -905,6 +919,7 @@ export default {
            page = 1
            list.value = []
            type.value = "list"
+            openBottom()
            pitchIndex.value = null

            getList()
@ -1015,7 +1030,7 @@ export default {
        const getDetails = (uniqid, index, isOpenAnswer) => {
            if (detailLoading.value) return
            detailLoading.value = true
-            // process.env.NODE_ENV !== "production" && (uniqid = "fubm5CnD05qj") // 标记1一下  8yr1m1fOH5CS
+            // process.env.NODE_ENV !== "production" && (uniqid = "fCSyLDDa0r1q") // 标记1一下  8yr1m1fOH5CS  fubm5CnD05qj  fCSyLDDa0r1q

            detailsInfo.value = {}
            answerList.value = []
@ -1025,6 +1040,8 @@ export default {
                .then(res => {
                    if (res.code != 200) {
                        type.value = "list"
+                        openBottom()
+
                        pitchIndex.value = null
                        return
                    }
@ -1038,6 +1055,7 @@ export default {
                    detailShare.value = data["share"] || {}

                    type.value = "details"
+                    closeBottom()

                    if (index !== null && index !== undefined) cut(index)
                    else calculateListIndex(data.info, uniqid)
@ -1056,14 +1074,29 @@ export default {

                    seo.value = data.seo
                    yourAnswer.value = {
+                        // 初始化 我来回答的框
                        text: "",
                        anonymous: 0,
                    }
+
+                    // 默认 详情 div 滚动到顶部
+                    detailsAreaScrollTop()
                })
                .finally(() => {
                    detailLoading.value = false
                })
        }
+
+        // 默认 详情 div 滚动到顶部  预防用户在 列表重复点击
+        const detailsAreaScrollTop = () => {
+            let detailsArea = document.querySelector(".details-area-box")
+
+            detailsArea.scrollTo({
+                top: 0,
+                behavior: "smooth",
+            })
+        }
+
        const calculateListIndex = (info, uniqid) => {
            let targetList = [...list.value]
            if (targetList.length == 0 && isSearchMode.value == false) {
@ -1284,7 +1317,7 @@ export default {
        let answerCommentLimit = 3
        // 获取回答评论的数据
        const getAnswerCommentList = index => {
-            getAnswerCommentPublic(index).then(res => {
+            getAnswerCommentPublic(index, 3).then(res => {
                let data = res.data
                answerList.value[index]["commentList"] = answerList.value[index]["commentList"].concat(data.data)
                answerList.value[index]["commentCount"] = data["count"]
@ -1294,7 +1327,7 @@ export default {
        // 获取全部评论
        const handleAllComment = index => {
            answerCommentLimit = 1000
-            getAnswerCommentPublic(index).then(res => {
+            getAnswerCommentPublic(index, 1000).then(res => {
                if (res.code != 200) return
                let data = res.data
                let slice3 = data.data.slice(3)
@ -1302,16 +1335,17 @@ export default {

                // answerList.value[index]['commentList'] = answerList.value[index]['commentList'].concat(data.data.slice(3))
                answerList.value[index]["commentList"] = merged1
-                handleMsg("success", res["message"] || "操作成功")
+                // handleMsg("success", res["message"] || "操作成功")
            })
        }

        // 获取评论数据的公共接口
-        const getAnswerCommentPublic = index => {
+        const getAnswerCommentPublic = (index, limit) => {
            return new Promise((resolve, reject) => {
                $ajax("/api/comment/lists", {
                    token: answerList.value[index]["token"],
-                    limit: answerCommentLimit,
+                    // limit: answerCommentLimit,
+                    limit,
                    childlimit: 1,
                }).then(res => {
                    if (res.code != 200) return
@ -1363,6 +1397,7 @@ export default {
                        ...data,
                    }

+                    targetAnswerList[index]["commentList"][ind]["child"][i]["commentInput"] = ""
                    targetAnswerList[index]["commentList"][ind]["child"].unshift(targetData)
                    targetAnswerList[index]["commentList"][ind]["childnum"]++
                } else if (ind != null) {
@ -1377,6 +1412,7 @@ export default {
                    }
                    targetAnswerList[index]["commentList"][ind]["child"].unshift(targetData)
                    targetAnswerList[index]["commentList"][ind]["childnum"]++
+                    targetAnswerList[index]["commentList"][ind]["commentInput"] = ""
                } else {
                    let targetData = {
                        id: data["commentid"],
@ -1389,10 +1425,13 @@ export default {
                    }
                    targetAnswerList[index]["commentList"].unshift(targetData)
                    targetAnswerList[index]["commentCount"]++
+                    targetAnswerList[index]["commentInput"] = ""
                }

                targetAnswerList[index]["commentnum"] = data["count"]

+                // targetAnswerList[index]["commentcomments"] = data['count']
+
                closeAnswerCommentsChild()

                handleMsg("success", res["message"] || "操作成功")
@ -1531,6 +1570,13 @@ export default {
                    myType.value = "collect"
                    isNeedNewColletData = false

+                    data.data.forEach(element => {
+                        if (element["type"] == "askanswercollection") {
+                            let content = element["data"]["content"]
+                            element["data"]["content"] = processHtml(content)
+                        }
+                    })
+
                    myCollectionList.value = myCollectionList.value.concat(data.data)
                    myCollectionCount.value = data.count

@ -1540,6 +1586,17 @@ export default {
                .finally(() => (myCollectionLading = false))
        }

+        const processHtml = html => {
+            var parser = new DOMParser()
+            var doc = parser.parseFromString(html, "text/html")
+            var img = doc.querySelector("img")
+            if (img) {
+                return `<img src="${img.src}">`
+            } else {
+                return doc.body.textContent
+            }
+        }
+
        // 取消收藏
        const cancelCollection = (token, index) => {
            $ajax("/api/user/deleteCollect", {
@ -1579,6 +1636,12 @@ export default {
                    data.data.forEach(element => {
                        element["popupState"] = false
                    })
+
+                    data.data.forEach(element => {
+                        let content = element["content"]
+                        element["content"] = processHtml(content)
+                    })
+
                    myAnswerList.value = myAnswerList.value.concat(data.data)
                    myAnswerCount.value = data.count

@ -1798,11 +1861,11 @@ export default {
            if (newtype == "list") {
                width = "1200px"
                margin = "0 auto"
-                height = Math.ceil(list.value.length / 2) * 128 + "px"
+                // height = Math.ceil(list.value.length / 2) * 128 + "px"
            } else {
                width = "calc((100vw - 1200px) / 2 + 512px)"
                margin = "initial"
-                height = list.value.length * 128 + "px"
+                // height = list.value.length * 128 + "px"
            }
            return {
                width,
@ -1811,15 +1874,47 @@ export default {
            }
        }

-        const itemStyle = (index, content) => {
+        let listHeight = ref(0)
+        let itemHeightLeft = 0
+        let itemHeightRight = 0
+
+        const itemStyle = computed((index, content) => {
+            if (index == 0) {
+                itemHeightLeft = 0
+                itemHeightRight = 0
+            }
            const newtype = type.value
-            // let itemHeight = content == "" ? 106 : 128
+            // let itemHeight = content == "" ? 107 : 128
            let obj = {}
            if (newtype == "list") {
-                let top = Math.floor(index / 2) * 128 + "px"
-                obj["top"] = top
-                if (index % 2 == 0) obj["left"] = 0
-                else obj["left"] = 649 + "px"
+                // let top = Math.floor(index / 2) * 128 + "px"
+                // obj["top"] = Math.floor(index / 2) * 128 + "px"
+                // obj["top"] = Math.floor(index / 2) * 128 + "px"
+
+                if (itemHeightLeft <= itemHeightRight) {
+                    obj["top"] = itemHeightLeft + "px"
+
+                    itemHeightLeft += content == "" ? 107 : 136
+
+                    obj["left"] = 0
+                } else {
+                    obj["top"] = itemHeightRight + "px"
+                    itemHeightRight += content == "" ? 107 : 136
+                    obj["left"] = 649 + "px"
+                }
+
+                // if (index % 2 == 0) obj["left"] = 0
+                // else obj["left"] = 649 + "px"
+
+                // if (index % 2 == 0) {
+                //     obj["top"] = itemHeightLeft + "px"
+
+                //     itemHeightLeft += content == "" ? 107 : 136
+                // } else {
+                //     obj["top"] = itemHeightRight + "px"
+
+                //     itemHeightRight += content == "" ? 107 : 136
+                // }
            } else {
                obj["top"] = index * 128 + "px"
                obj["left"] = 0
@ -1827,6 +1922,34 @@ export default {
                // obj['backgroundColor'] = '#fbfbfb'
                obj["paddingLeft"] = "calc((100vw - 1200px) / 2)"
            }
+            console.log(index + 1, list.value.length)
+            if (index + 1 == list.value.length) {
+                listHeight.value = Math.max(itemHeightLeft, itemHeightRight)
+            }
+
+            return obj
+        })
+
+        const bottomTpsStyle = (index, content) => {
+            const newtype = type.value
+            // let itemHeight = content == "" ? 106 : 128
+            let obj = {}
+            if (newtype == "list") {
+                // let top = Math.floor(index / 2) * 128 + "px"
+                // obj["top"] = top
+                // if (index % 2 == 0) obj["left"] = 0
+                // else obj["left"] = 649 + "px"
+            } else {
+                // obj["top"] = index * 128 + "px"
+                // obj["left"] = 0
+                obj["width"] = "calc(50vw - 88px)"
+                obj["height"] = `calc(100vh - ${list.value.length * 128}px - 268px)`
+                // obj['backgroundColor'] = '#fbfbfb'
+                obj["paddingLeft"] = "calc((100vw - 1200px) / 2)"
+                obj["borderRight"] = "1px solid #ebebeb"
+                obj["borderRight"] = "1px solid #ebebeb"
+                obj["background"] = "#fff"
+            }

            return obj
        }
@ -1901,14 +2024,13 @@ export default {

        // 统计转发次数
        const countForwardingTimes = token => {
-            $ajax("/api/operate/share", {
-                token,
-            })
+            process.env.NODE_ENV === "production" && $ajaxGET("/api/operate/share?token=" + token)
        }

        // 关闭详情模式
        const closeDetailMode = () => {
            type.value = "list"
+            openBottom()
            pitchIndex.value = null
            deleteState(["uniqid"])
            seo.value = {}
@ -2066,6 +2188,7 @@ export default {
                handleMsg("error", "没有找到相关提问")
                return
            }
+            deleteState(["keyword"])
            getDetails(uniqid)
            myType.value = ""
        }
@ -2102,6 +2225,7 @@ export default {
            page = 1
            list.value = []
            type.value = "list"
+            openBottom()
            pitchIndex.value = null
            if (id != null) {
                replaceState({
@ -2156,6 +2280,7 @@ export default {
            })
        })
        let seo = ref({})
+
        try {
            // 这是一个 等待的方法 如果复制后 会 多次等待
            // await new Promise(resolve => setTimeout(resolve, 2000))
@ -2163,33 +2288,41 @@ export default {
            const params = route.query
            if (params["keyword"]) keyword.value = params["keyword"]
            if (params["tid"]) typePitch.value = params["tid"]
-            if (params["uniqid"]) {
-                // getDetails(params["uniqid"])
-                await $ajax("/api/details", {uniqid: params["uniqid"]}).then(res => {
-                    if (res.code != 200) return
-                    let data = res.data
+            // if (params["uniqid"]) {
+            // getDetails(params["uniqid"])
+            // return

-                    detailsInfo.value = data["info"] || {}
-                    detailsIsanswered.value = data["isanswered"] || 0
-                    detailsIscollection.value = data["iscollection"] || 0
-                    detailsIsmyself.value = data["ismyself"] || 0
-                    detailsToken = data["token"] || ""
-                    detailShare.value = data["share"] || {}
+            // await $ajax("/api/details", {uniqid: params["uniqid"]})
+            //     .then(res => {
+            //         if (res.code != 200) return
+            //         let data = res.data

-                    type.value = "details"
+            //         console.log(new Date().getTime())

-                    calculateListIndex(data.info, params["uniqid"])
+            //         detailsInfo.value = data["info"] || {}
+            //         detailsIsanswered.value = data["isanswered"] || 0
+            //         detailsIscollection.value = data["iscollection"] || 0
+            //         detailsIsmyself.value = data["ismyself"] || 0
+            //         detailsToken = data["token"] || ""
+            //         detailShare.value = data["share"] || {}

-                    answerList.value = []
-                    answerPage.value = 1
-                    getAnswerList()
+            //         type.value = "details"

-                    closeAllTransmitState()
+            //         calculateListIndex(data.info, params["uniqid"])

-                    replaceState({uniqid: params["uniqid"]})
-                    seo.value = data.seo
-                })
-            }
+            //         answerList.value = []
+            //         answerPage.value = 1
+            //         getAnswerList()
+
+            //         closeAllTransmitState()
+
+            //         replaceState({uniqid: params["uniqid"]})
+            //         seo.value = data.seo
+            //     })
+            //     .finally(() => {
+            //         detailLoading.value = false
+            //     })
+            // }

            await $ajax("/api/lists", {
                page,
@ -2317,7 +2450,22 @@ export default {
            link.click()
        }

+        // 详情模式下关闭底部
+        const closeBottom = () => {
+            const footer = document.querySelector("body .index-footer")
+            if (footer) footer.style.display = "none"
+            else setTimeout(() => closeBottom(), 1000)
+        }
+
+        const openBottom = () => {
+            const footer = document.querySelector("body .index-footer")
+            if (footer) footer.style.display = "block"
+            else setTimeout(() => openBottom(), 1000)
+        }
+
        return {
+            listHeight,
+            bottomTpsStyle,
            TAHomePage,
            sendMessage,
            avatarState,
--- a/components/Header.vue
+++ b/components/Header.vue
@ -0,0 +1,49 @@
+<template>
+    <header class="flexacenter" id="pageHeader">
+        <div class="flexacenter top">
+            <a href="./index.html"><img class="logo" @click="handleLogo" alt="寄托问答" src="./img/logo.png" /></a>
+            <div class="right flexacenter flex1">
+                <div class="searchInput flexacenter">
+                    <input class="input flex1" placeholder="输入搜索关键词" v-model="keyword" @keydown.enter="searchClick()" @focus="searchFocus" @blur="searchBlur" />
+                    <div class="clear-search flexacenter" v-if="isSearchMode">
+                        <img class="cross-circle-black" @click="handleClickClear()" src="./img/cross-circle-black.png" />
+                        <div class="halving-line"></div>
+                    </div>
+                    <img class="input-icon" src="./img/input-icon.png" @click="searchClick()" />
+                    <div class="history-box" v-if="historicalSearchState" @click.stop="">
+                        <div class="history-title">
+                            历史搜索
+                        </div>
+                        <div class="history-list">
+                            <div class="history-item ellipsis" v-for="(item, index) in historicalSearchList" :key="index" @click.stop="handleClickHistoricalItem(item)">{{ item }}</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="btn-list flexacenter">
+                    <div class="item flex1" @click="handleMy('collect')">
+                        我的收藏
+                    </div>
+                    <div class="item flex1" @click="handleMy('questions')">
+                        我的提问
+                    </div>
+                    <div class="item flex1" @click="handleMy('answers')">
+                        我的回答
+                    </div>
+                </div>
+                <div class="add-btn flexcenter" @click="questionsInit()">
+                    <img class="add-icon" src="./img/add-icon.svg" />
+                    我要提问
+                </div>
+            </div>
+        </div>
+        <div class="tab-box flexcenter" :class="{'tab-list-fixed': tabListFixeState}">
+            <div class="tab-list flexacenter">
+                <div class="item flexcenter" :class="{pitch: typePitch == null}" @click="cutType(null)">All</div>
+                <template v-for="(item, index) in typeList" :key="index">
+                    <div class="halving-line">|</div>
+                    <div class="item flexcenter" :class="{pitch: typePitch == it['id']}" v-for="it in item" :key="it" @click="cutType(it.id)">{{ it["name"] }}</div>
+                </template>
+            </div>
+        </div>
+    </header>
+</template>
--- a/img/view-icon.svg
+++ b/img/view-icon.svg
@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="8px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1296 -538 )">
+    <path d="M 9.65206473214286 6.26736111111111  C 10.6217447916667 5.70486111111111  11.4281994047619 4.94907407407407  12.0714285714286 4  C 11.3363095238095 2.90740740740741  10.4149925595238 2.09027777777778  9.30747767857143 1.54861111111111  C 9.60249255952381 2.03009259259259  9.75 2.55092592592593  9.75 3.11111111111111  C 9.75 3.96759259259259  9.43201264880952 4.70023148148148  8.79603794642857 5.30902777777778  C 8.16006324404762 5.91782407407407  7.39471726190476 6.22222222222222  6.5 6.22222222222222  C 5.60528273809524 6.22222222222222  4.83993675595238 5.91782407407407  4.20396205357143 5.30902777777778  C 3.56798735119048 4.70023148148148  3.25 3.96759259259259  3.25 3.11111111111111  C 3.25 2.55092592592593  3.39750744047619 2.03009259259259  3.69252232142857 1.54861111111111  C 2.58500744047619 2.09027777777778  1.66369047619048 2.90740740740741  0.928571428571428 4  C 1.5718005952381 4.94907407407407  2.37825520833333 5.70486111111111  3.34793526785714 6.26736111111111  C 4.31761532738095 6.82986111111111  5.36830357142857 7.11111111111111  6.5 7.11111111111111  C 7.63169642857143 7.11111111111111  8.68238467261905 6.82986111111111  9.65206473214286 6.26736111111111  Z M 6.74665178571429 1.56944444444444  C 6.81436011904762 1.50462962962963  6.84821428571429 1.42592592592593  6.84821428571429 1.33333333333333  C 6.84821428571429 1.24074074074074  6.81436011904762 1.16203703703704  6.74665178571429 1.09722222222222  C 6.67894345238095 1.03240740740741  6.59672619047619 0.999999999999999  6.5 1  C 5.89546130952381 0.999999999999999  5.37676711309524 1.20717592592593  4.94391741071429 1.62152777777778  C 4.51106770833333 2.03587962962963  4.29464285714286 2.53240740740741  4.29464285714286 3.11111111111111  C 4.29464285714286 3.2037037037037  4.32849702380952 3.28240740740741  4.39620535714286 3.34722222222222  C 4.46391369047619 3.41203703703704  4.54613095238095 3.44444444444444  4.64285714285714 3.44444444444444  C 4.73958333333333 3.44444444444444  4.8218005952381 3.41203703703704  4.88950892857143 3.34722222222222  C 4.95721726190476 3.28240740740741  4.99107142857143 3.2037037037037  4.99107142857143 3.11111111111111  C 4.99107142857143 2.71296296296296  5.13857886904762 2.37268518518519  5.43359375 2.09027777777778  C 5.72860863095238 1.80787037037037  6.08407738095238 1.66666666666667  6.5 1.66666666666667  C 6.59672619047619 1.66666666666667  6.67894345238095 1.63425925925926  6.74665178571429 1.56944444444444  Z M 12.8549107142857 3.52083333333333  C 12.9516369047619 3.68287037037037  13 3.84259259259259  13 4  C 13 4.15740740740741  12.9516369047619 4.31712962962963  12.8549107142857 4.47916666666667  C 12.1778273809524 5.54398148148148  11.2673921130952 6.39699074074074  10.1236049107143 7.03819444444444  C 8.97981770833333 7.67939814814815  7.77194940476191 8  6.5 8  C 5.2280505952381 8  4.02018229166667 7.67824074074074  2.87639508928571 7.03472222222222  C 1.73260788690476 6.3912037037037  0.822172619047619 5.53935185185185  0.145089285714286 4.47916666666667  C 0.0483630952380952 4.31712962962963  0 4.15740740740741  0 4  C 0 3.84259259259259  0.0483630952380952 3.68287037037037  0.145089285714286 3.52083333333333  C 0.822172619047619 2.46064814814815  1.73260788690476 1.6087962962963  2.87639508928571 0.965277777777778  C 4.02018229166667 0.321759259259259  5.2280505952381 0  6.5 0  C 7.77194940476191 0  8.97981770833333 0.321759259259259  10.1236049107143 0.965277777777778  C 11.2673921130952 1.6087962962963  12.1778273809524 2.46064814814815  12.8549107142857 3.52083333333333  Z " fill-rule="nonzero" fill="#333333" stroke="none" transform="matrix(1 0 0 1 1296 538 )" />
+  </g>
+</svg>
--- a/index.css
+++ b/index.css
@ -22,6 +22,7 @@ body::-webkit-scrollbar {
  padding: 0;
  box-sizing: border-box;
  font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+  word-break: break-all;
 }
 a {
  text-decoration: none !important;
@ -81,6 +82,7 @@ a {
  min-width: 1200px;
  overflow-x: hidden;
  word-break: break-all;
+  min-height: calc(100vh - 253px);
 }
 #answer-app .answer-empty-box {
  height: 321px;
@ -159,7 +161,7 @@ a {
  border: 1px solid #ebebeb;
  border-radius: 10px;
  padding-top: 15px;
-  z-index: 2;
+  z-index: 10;
  padding-bottom: 14px;
 }
 #answer-app header .top .right .searchInput .history-box .history-title {
@ -332,7 +334,6 @@ a {
  transition-property: top, left, background;
  transition-duration: 0.5s;
  border-right: 1px solid #ebebeb;
-  height: 128px;
  background-color: #fff;
 }
 #answer-app .main .list-box .list .item:first-of-type {
@ -380,10 +381,7 @@ a {
 }
 #answer-app .main .list-box .list .item .content {
  border-bottom: 1px dotted #ebebeb;
-  padding-bottom: 20px;
-}
-#answer-app .main .list-box .list .item .content .issue-title {
-  margin-bottom: 8px;
+  padding-bottom: 24px;
 }
 #answer-app .main .list-box .list .item .content .issue-title .hot-icon {
  width: 16px;
@ -404,13 +402,14 @@ a {
  height: 22px;
  line-height: 22px;
  font-size: 13px;
-  margin-bottom: 18px;
  text-decoration: none;
+  margin-top: 8px;
 }
 #answer-app .main .list-box .list .item .content .answer em {
  color: #ff0000;
 }
 #answer-app .main .list-box .list .item .content .bottom {
+  margin-top: 18px;
  font-size: 12px;
  justify-content: space-between;
 }
@ -421,6 +420,7 @@ a {
  border: 1px solid #ebebeb;
  border-radius: 5px;
  padding: 0 3px;
+  height: 21px;
 }
 #answer-app .main .list-box .list .item .content .bottom .quantity {
  color: #aaa;
@ -494,7 +494,7 @@ a {
 }
 #answer-app .main .details-area-box .details-box {
  width: 688px;
-  padding-left: 60px;
+  padding-left: 53px;
  flex-direction: column;
  flex: 1;
  position: relative;
@ -702,7 +702,6 @@ a {
 #answer-app .main .details-area-box .details-box .answer-box-item .answer-text {
  font-size: 14px;
  color: #555555;
-  line-height: 26px;
  padding: 0 24px;
  margin-bottom: 20px;
  word-break: break-all;
@ -734,7 +733,7 @@ a {
  height: 50px;
  border: none;
  background-color: transparent;
-  outline-color: #62b1ff;
+  outline: none;
  padding: 0 23px;
  font-size: 14px;
 }
@ -760,6 +759,15 @@ a {
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item {
  padding: 13px 0 0;
 }
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item:not(:last-of-type) .child-comments {
+  border-bottom: 1px dotted #ebebeb;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item:not(:last-of-type) .comments-content {
+  border-bottom: 1px dotted #ebebeb;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item:last-of-type .child-comments {
+  border-top: 1px dotted #ebebeb;
+}
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header {
  justify-content: space-between;
  margin-bottom: 9px;
@ -848,7 +856,6 @@ a {
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content {
  margin-left: 30px;
  padding-bottom: 12px;
-  border-bottom: 1px dotted #ebebeb;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-text {
  font-size: 14px;
@ -889,6 +896,11 @@ a {
  resize: none;
  padding: 11px 16px;
  border-radius: 7px 0 0 7px;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-input-box .comments-input textarea::-webkit-scrollbar {
+  width: 0 !important;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-input-box .comments-input .comments-btn {
  width: 58px;
@ -906,9 +918,8 @@ a {
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments {
  margin-left: 24px;
-  border-bottom: 1px dotted #ebebeb;
 }
-#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments .comments-item:last-of-type .comments-text {
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments .comments-item:last-of-type .comments-content {
  border-bottom: none;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments .comments-also {
@ -1015,7 +1026,7 @@ a {
 #answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit {
  position: relative;
 }
-#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit::after {
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit:hover::after {
  content: "";
  width: 100%;
  height: 100%;
@ -1099,7 +1110,8 @@ a {
 #answer-app .main .details-area-box .details-box .copyright {
  font-size: 13px;
  color: #AAAAAA;
-  margin-bottom: 21px;
+  margin-top: 10px;
+  margin-bottom: 30px;
  text-align: center;
  height: 32px;
  background-color: #f2f2f2;
@ -1113,7 +1125,7 @@ a {
  font-size: 13px;
  border: 1px solid #ebebeb;
  border-radius: 20px;
-  margin: 0 auto 50px;
+  margin: 39px auto 50px;
  cursor: pointer;
  position: relative;
 }
@ -1294,9 +1306,13 @@ a {
 #answer-app .my-popover .popover-box .content-box .item .centre .titletitle {
  color: #333333;
  font-size: 14px;
+  min-height: 21px;
  margin-bottom: 10px;
  width: 532px;
 }
+#answer-app .my-popover .popover-box .content-box .item .centre .titletitle img {
+  height: 80px;
+}
 #answer-app .my-popover .popover-box .content-box .item .centre .text {
  font-size: 12px;
  color: #AAAAAA;
@ -1910,10 +1926,11 @@ a {
 }
 #answer-app .bottom-tps {
  font-weight: 400;
-  font-size: 14px;
+  font-size: 12px;
  color: #555;
  text-align: center;
  padding: 30px 0;
+  min-width: 508px;
 }
 #answer-app .avatar-box {
  flex-direction: column;
--- a/index.less
+++ b/index.less
@ -29,6 +29,7 @@ body {
    box-sizing: border-box;
    font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
    // font-style: normal;
+    word-break: break-all;
 }


@ -103,6 +104,7 @@ a {
    min-width: 1200px;
    overflow-x: hidden;
    word-break: break-all;
+    min-height: calc(100vh - 253px);

    .answer-empty-box {
        height: 321px;
@ -192,7 +194,7 @@ a {
                        border: 1px solid rgba(235, 235, 235, 1);
                        border-radius: 10px;
                        padding-top: 15px;
-                        z-index: 2;
+                        z-index: 10;
                        padding-bottom: 14px;

                        .history-title {
@ -416,7 +418,7 @@ a {
                    transition-duration: 0.5s;
                    border-right: 1px solid #ebebeb;

-                    height: 128px;
+                    // height: 128px;
                    background-color: #fff;

                    &:first-of-type {
@ -488,7 +490,7 @@ a {
                    .content {
                        // width: 531px;
                        border-bottom: 1px dotted #ebebeb;
-                        padding-bottom: 20px;
+                        padding-bottom: 24px;

                        // transition: all 0.3s;

@ -500,7 +502,6 @@ a {
                                margin-right: 8px;
                            }

-                            margin-bottom: 8px;

                            .issue {
                                font-weight: 650;
@ -519,8 +520,8 @@ a {
                            height: 22px;
                            line-height: 22px;
                            font-size: 13px;
-                            margin-bottom: 18px;
                            text-decoration: none;
+                            margin-top: 8px;

                            em {
                                color: #ff0000;
@ -528,6 +529,8 @@ a {
                        }

                        .bottom {
+                            margin-top: 18px;
+
                            font-size: 12px;
                            // justify-content: flex-end;
                            justify-content: space-between;
@ -539,6 +542,7 @@ a {
                                border: 1px solid rgba(235, 235, 235, 1);
                                border-radius: 5px;
                                padding: 0 3px;
+                                height: 21px;
                            }

                            .quantity {
@ -635,7 +639,7 @@ a {

            .details-box {
                width: 688px;
-                padding-left: 60px;
+                padding-left: 53px;
                flex-direction: column;
                flex: 1;
                position: relative;
@ -882,7 +886,7 @@ a {
                    .answer-text {
                        font-size: 14px;
                        color: #555555;
-                        line-height: 26px;
+                        // line-height: 26px;
                        padding: 0 24px;
                        margin-bottom: 20px;
                        word-break: break-all;
@ -923,7 +927,8 @@ a {
                            height: 50px;
                            border: none;
                            background-color: transparent;
-                            outline-color: rgba(98, 177, 255, 1);
+                            // outline-color: rgba(98, 177, 255, 1);
+                            outline: none;
                            padding: 0 23px;
                            font-size: 14px;

@ -954,6 +959,23 @@ a {
                        .comments-item {
                            padding: 13px 0 0;

+                            &:not(:last-of-type) {
+                                .child-comments {
+                                    border-bottom: 1px dotted #ebebeb;
+                                }
+
+                                .comments-content {
+                                    border-bottom: 1px dotted #ebebeb;
+                                }
+
+                            }
+
+                            &:last-of-type {
+                                .child-comments {
+                                    border-top: 1px dotted #ebebeb;
+                                }
+                            }
+
                            .comments-header {
                                justify-content: space-between;
                                margin-bottom: 9px;
@ -1063,7 +1085,7 @@ a {
                            .comments-content {
                                margin-left: 30px;
                                padding-bottom: 12px;
-                                border-bottom: 1px dotted #ebebeb;
+                                // border-bottom: 1px dotted #ebebeb;

                                .comments-text {
                                    font-size: 14px;
@ -1107,6 +1129,13 @@ a {
                                            resize: none;
                                            padding: 11px 16px;
                                            border-radius: 7px 0 0 7px;
+
+                                            &::-webkit-scrollbar {
+                                                width: 0 !important;
+                                            }
+
+                                            scrollbar-width: none;
+                                            -ms-overflow-style: none;
                                        }

                                        .comments-btn {
@ -1133,9 +1162,9 @@ a {

                        .child-comments {
                            margin-left: 24px;
-                            border-bottom: 1px dotted #ebebeb;
+                            // border-bottom: 1px dotted #ebebeb;

-                            .comments-item:last-of-type .comments-text {
+                            .comments-item:last-of-type .comments-content {
                                border-bottom: none;
                            }

@ -1272,7 +1301,7 @@ a {

                                // z-index: 1;
                                // &:hover {
-                                &::after {
+                                &:hover::after {
                                    content: "";
                                    width: 100%;
                                    height: 100%;
@ -1384,8 +1413,8 @@ a {
                .copyright {
                    font-size: 13px;
                    color: #AAAAAA;
-                    // margin-top: 29px;
-                    margin-bottom: 21px;
+                    margin-top: 10px;
+                    margin-bottom: 30px;
                    text-align: center;
                    height: 32px;
                    background-color: rgba(242, 242, 242, 1);
@ -1401,7 +1430,7 @@ a {
                    font-size: 13px;
                    border: 1px solid rgba(235, 235, 235, 1);
                    border-radius: 20px;
-                    margin: 0 auto 50px;
+                    margin: 39px auto 50px;
                    cursor: pointer;
                    position: relative;

@ -1624,8 +1653,13 @@ a {
                            color: #333333;
                            font-size: 14px;
                            // line-height: 22px;
+                            min-height: 21px;
                            margin-bottom: 10px;
                            width: 532px;
+
+                            img {
+                                height: 80px;
+                            }
                        }

                        .text {
@ -2405,10 +2439,11 @@ a {

    .bottom-tps {
        font-weight: 400;
-        font-size: 14px;
+        font-size: 12px;
        color: #555;
        text-align: center;
        padding: 30px 0;
+        min-width: 508px;
    }


--- a/pages/details/[id].vue
+++ b/pages/details/[id].vue
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@ -0,0 +1,268 @@
+<template>
+     <div>
+        <div class="" id="answer-app">
+
+            <div class="main flexflex" :class="{'mode-list': type == 'list'}">
+                <div class="list-box" @scroll="handleListScroll">
+                    <div class="main-header" :style="{paddingLeft: type == 'list' ? 0 : 'calc((100vw - 1200px) / 2)'}">
+                        <template v-if="isSearchMode">
+                            <div class="search-keyword flexacenter" @click="handleClickClear()">
+                                <div class="ellipsis">{{ keywordText }}</div>
+                                <img class="search-keyword-cross" src="./img/cross-circle-icon.png" />
+                            </div>
+                            <div class="total grid-item" @click="cut">共 {{ total }} 条搜索结果</div>
+                        </template>
+
+                        <div v-else class="total grid-item" @click="cut">共 {{ total }} 条问答</div>
+                    </div>
+                    <div class="list" id="list" :style="[listStyle(), {height: listHeight + 'px'}]">
+                        <a class="item grid-item flexflex" v-for="(item, index) in list" :key="index" :style="itemStyle(index, item['content'])" :class="{pitch: index === pitchIndex, upLevel: index === pitchIndex - 1}" :href="setItemUrl(item['uniqid'])" @click.stop.prevent="getDetails(item['uniqid'], index)">
+                            <img class="dot" src="./img/dot.svg" />
+                            <div class="content" :style="{width: type == 'list' ? '531px' : '430px'}">
+                                <div class="issue-title flexcenter">
+                                    <img class="hot-icon" v-if="item['ishot'] == 1" src="./img/hot-icon.png" />
+                                    <div class="issue ellipsis flex1" v-html="item['title']"></div>
+                                </div>
+                                <div class="answer ellipsis" v-if="item['content']" v-html="item['content']"></div>
+                                <div class="bottom flexacenter">
+                                    <div class="typename flexcenter" v-if="item['typename']">{{ item["typename"] }}</div>
+                                    <div v-else></div>
+                                    <div class="flexacenter">
+                                        <div class="quantity">{{ item["answers"] == 0 ? "暂无回答" : "共" + item["answers"] + "个回答" }}</div>
+                                        <template v-if="type == 'list'">
+                                            <div class="longString"></div>
+                                            <div class="answer-btn" @click.stop.prevent="openListIAnswer(index)">我来回答</div>
+                                            <!-- <div class="answer-btn" @click.stop="getDetails(item['uniqid'], index, true)">我来回答</div> -->
+                                        </template>
+                                    </div>
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+
+                    <div class="bottom-tps" :style="bottomTpsStyle()" v-if="inTheEndState">- 到底了 -</div>
+
+                    <div class="empty-box flexcenter" v-if="isListEmptyState && list.length == 0">
+                        <div class="dot-list flexacenter"><img class="item" src="./img/dot-yellow.svg" /><img class="item" src="./img/dot-yellow.svg" /><img class="item" src="./img/dot-yellow.svg" /><img class="item" src="./img/dot-gray.svg" /><img class="item" src="./img/dot-gray.svg" /><img class="item" src="./img/dot-gray.svg" /></div>
+                        <img class="empty-icon" src="./img/empty-icon.svg" />
+                        <div class="empty-hint" v-if="isSearchMode">没有找到相关结果，请更换搜索关键词</div>
+                        <div class="empty-hint" v-else>暂无数据</div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 我的弹窗 -->
+            <div class="popover-mask my-popover flexcenter" v-if="myType">
+                <div class="popover-box flexflex">
+                    <img class="cross-icon" src="./img/cross-icon.png" @click="myType = ''" />
+                    <div class="tab-list flexcenter">
+                        <div class="tab-item flexacenter" :class="{pitch: myType == 'collect'}" @click="handleMy('collect')">
+                            我的收藏
+                            <div class="quantity">{{ myCollectionCount || myCount["collect"] || 0 }}</div>
+                        </div>
+                        <div class="long-string"></div>
+                        <div class="tab-item flexacenter" :class="{pitch: myType == 'questions'}" @click="handleMy('questions')">
+                            我的提问
+                            <div class="quantity">{{ myQuestionsCount || myCount["questions"] || 0 }}</div>
+                        </div>
+                        <div class="long-string"></div>
+                        <div class="tab-item flexacenter" :class="{pitch: myType == 'answers'}" @click="handleMy('answers')">
+                            我的回答
+                            <div class="quantity">{{ myAnswerCount || myCount["answer"] || 0 }}</div>
+                        </div>
+                    </div>
+                    <div class="empty-box flexcenter" v-if="(myType == 'collect' && myCollectionList.length == 0) || (myType == 'answers' && myAnswerList.length == 0) || (myType == 'questions' && myQuestionsList.length == 0)">
+                        <div class="dot-list flexacenter">
+                            <img class="item" src="./img/dot-yellow.svg" />
+                            <img class="item" src="./img/dot-yellow.svg" />
+                            <img class="item" src="./img/dot-yellow.svg" />
+                            <img class="item" src="./img/dot-gray.svg" />
+                            <img class="item" src="./img/dot-gray.svg" />
+                            <img class="item" src="./img/dot-gray.svg" />
+                        </div>
+                        <img class="empty-icon" src="./img/empty-icon.svg" />
+                        <div class="empty-hint">暂无内容</div>
+                    </div>
+                    <div class="content-box collect-list" v-if="myType == 'collect' && myCollectionList.length != 0" @scroll="handleCollectionScroll">
+                        <div class="item flexflex" v-for="(item, index) in myCollectionList" :key="item" @click.stop="myOpenDetails(item.data['uniqid'])">
+                            <template v-if="item.type == 'askanswercollection'">
+                                <div class="icon a flexcenter">A</div>
+                                <div class="centre flexflex flex1">
+                                    <div class="titletitle ellipsis" v-html="item['data']['content']"></div>
+                                    <div class="text ellipsis">提问：{{ item["data"]["title"] }}</div>
+                                </div>
+                                <div class="delete-box flexacenter">
+                                    <img class="delete-icon" @click.stop="cancelCollection(item['token'], index)" src="./img/delete-icon.svg" />
+                                </div>
+                            </template>
+                            <template v-else>
+                                <div class="icon q flexcenter">Q</div>
+                                <div class="centre flexflex flex1">
+                                    <div class="titletitle ellipsis">{{ item["data"]["title"] }}</div>
+                                    <div class="text ellipsis">{{ item["data"]["answers"] > 0 ? "共" + item["data"]["answers"] + "个回答" : "暂无回答" }}</div>
+                                </div>
+                                <div class="delete-box flexacenter">
+                                    <img class="delete-icon" @click.stop="cancelCollection(item['token'], index)" src="./img/delete-icon.svg" />
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                    <div class="content-box answers-list" v-if="myType == 'answers' && myAnswerList.length != 0" @scroll="handleAnswersScroll">
+                        <div class="item flexflex" v-for="(item, index) in myAnswerList" :key="item" @click.stop="myOpenDetails(item['uniqid'])">
+                            <div class="icon a flexcenter">A</div>
+                            <div class="centre flexflex flex1">
+                                <div class="info flexacenter">
+                                    <div class="name">{{ item["nickname"] }}</div>
+                                    <div class="time">{{ handleDate(item["publicationdate"]) }}</div>
+                                </div>
+                                <div class="titletitle ellipsis" v-html="item['content']"></div>
+                                <div class="text ellipsis">提问：{{ item["title"] }}</div>
+                            </div>
+                            <div class="operate-box flexacenter">
+                                <div class="state-box flexacenter" @click.stop="cutAnswerPopupState(index)">
+                                    <div class="text">{{ item["anonymous"] == 0 ? "公开" : "匿名" }}</div>
+                                    <img class="arrows" src="./img/arrows-icon.svg" />
+                                    <div class="state-popup flexflex" v-if="item['popupState']">
+                                        <!-- <div class="state-popup-mask" @click.stop="cutAnswerPopupState(index)"></div> -->
+                                        <div class="state-popup-item flexacenter flex1" :class="{pitch: item['anonymous'] == 0}" @click.stop="changeAnonymous(item['token'], 0, index)">
+                                            <div class="">公开发表</div>
+                                            <img class="state-popup-icon" src="./img/tick-orange.svg" />
+                                        </div>
+                                        <div class="state-popup-item flexacenter flex1" :class="{pitch: item['anonymous'] == 1}" @click.stop="changeAnonymous(item['token'], 1, index)">
+                                            <div class="">匿名发表</div>
+                                            <img class="state-popup-icon" src="./img/tick-orange.svg" />
+                                        </div>
+                                    </div>
+                                </div>
+                                <img class="edit-icon" @click.stop="openIAnswer(index, 'my')" src="./img/edit-icon.png" />
+                            </div>
+                        </div>
+                    </div>
+                    <div class="content-box questions-list" v-if="myType == 'questions' && myQuestionsList.length != 0" @scroll="handleQuestionsScroll">
+                        <div class="item flexflex" v-for="(item, index) in myQuestionsList" :key="item" @click.stop="myOpenDetails(item['uniqid'])">
+                            <div class="icon q flexcenter">Q</div>
+                            <div class="centre flexflex flex1">
+                                <div class="info flexacenter">
+                                    <div class="name">{{ item["nickname"] }}</div>
+                                    <div class="time">{{ handleDate(item["publicationdate"]) }}</div>
+                                </div>
+                                <div class="titletitle ellipsis">{{ item["title"] }}</div>
+                                <div class="text flexacenter">
+                                    <div class="new-answer flexacenter" v-if="item['authornewnum'] > 0">
+                                        有{{ item["authornewnum"] }}个新回答
+                                        <div class="long-string"></div>
+                                    </div>
+                                    {{ item["answers"] == 0 ? "暂无回答" : "共" + item["answers"] + "个回答" }}
+                                </div>
+                            </div>
+                            <div class="operate-box flexacenter">
+                                <div class="state-box flexacenter" @click.stop="cutQuestionsPopupState(index)">
+                                    <div class="text">{{ item["anonymous"] == 0 ? "公开" : "匿名" }}</div>
+                                    <img class="arrows" src="./img/arrows-icon.svg" />
+                                    <div class="state-popup flexflex" v-if="item['popupState']">
+                                        <div class="state-popup-item flexacenter flex1" :class="{pitch: item['anonymous'] == 0}" @click.stop="changeAnonymousQuestions(item['token'], 0, index)">
+                                            <div class="">公开发表</div>
+                                            <img class="state-popup-icon" src="./img/tick-orange.svg" />
+                                        </div>
+                                        <div class="state-popup-item flexacenter flex1" :class="{pitch: item['anonymous'] == 1}" @click.stop="changeAnonymousQuestions(item['token'], 1, index)">
+                                            <div class="">匿名发表</div>
+                                            <img class="state-popup-icon" src="./img/tick-orange.svg" />
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 我要提问 -->
+            <div class="popover-mask flexcenter issue-box" v-if="questionsSetp" @click="cutQuestionsSetp(0)">
+                <!-- 第一步 -->
+                <div class="choosing-theme" v-if="questionsSetp == 1" @click.stop="">
+                    <div class="titletitle">
+                        选择提问所属主题
+                    </div>
+                    <div class="theme-list flexflex">
+                        <div class="theme-stair-box flexflex" v-for="(item, index) in questionsTypeList" :key="index">
+                            <div class="theme-item flexcenter" v-for="item in item" :key="item.id" @click="choosingTheme(item.id)">{{ item.name }}</div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 第二步 -->
+                <div class="issue-form" v-else @click.stop="">
+                    <img class="issue-bj" src="./img/issue-bj.svg" />
+                    <div class="flexcenter q">Q</div>
+                    <img class="cross-icon" @click="cutQuestionsSetp(0)" src="./img/cross-icon.png" />
+                    <div class="issue-input">
+                        <textarea v-model="questionsObj.title" placeholder="一句话描述问题，以问号结尾"></textarea>
+                    </div>
+                    <textarea class="issue-replenish" v-model="questionsObj.content" placeholder="欢迎补充，清晰表达问题的关键点，可获得更有效的解答（非必填）"></textarea>
+                    <div class="issue-bottom flexacenter">
+                        <div class="option-box flexacenter" @click="cutAnonymous" style="color: #333;">
+                            <img class="option-icon" v-if="questionsObj.anonymous == 0" src="./img/tick-no.svg" />
+                            <img class="option-icon" v-else src="./img/tick-option.svg" />
+                            匿名发表
+                            <div class="" style="color: #aaa;">（发布后只能修改是否匿名）</div>
+                        </div>
+
+                        <div class="issue-btn flexcenter" @click="postingIssue">发布问题</div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 编辑回答 -->
+            <div class="popover-mask flexcenter" v-if="IAnswerEditState">
+                <div class="edit-answers">
+                    <img class="close-icon" src="./img/cross-icon.png" @click="closeIAnswer" />
+                    <div class="titletitle">编辑回答</div>
+                    <div class="question-textarea" :class="{placeholder: questionPlaceholderState}" contenteditable="true" @paste="handlePaste($event)" v-html="IAnswerInfo['text']" @input="handleInput"></div>
+                    <div class="issue-bottom flexacenter">
+                        <div class="option-box flexacenter" @click="amendIAnswer">
+                            <img class="option-icon" v-if="IAnswerInfo['anonymous'] == 0" src="./img/tick-no.svg" />
+                            <img class="option-icon" v-else src="./img/tick-option.svg" />
+                            匿名发表
+                        </div>
+                        <div class="issue-btn flexcenter" @click="submitAnswer">提交回答</div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 我来回答 -->
+            <div class="popover-mask flexcenter" v-if="IAnswerState">
+                <div class="i-answer-box flexflex">
+                    <img class="close-icon" src="./img/cross-icon.png" @click="closeIAnswer" />
+                    <div class="question-header">
+                        <div class="question-title flexflex">
+                            <div class="question-icon flexcenter">Q</div>
+                            <div class="flex1" v-html="IAnswerInfo['title']"></div>
+                        </div>
+                        <div class="question-replenish" v-if="IAnswerInfo['content']" v-html="IAnswerInfo['content']"></div>
+                    </div>
+                    <div class="question-middle flexflex">
+                        <div class="question-icon flexcenter">A</div>
+                        <div class="question-textarea" :class="{placeholder: questionPlaceholderState}" contenteditable="true" @paste="handlePaste($event)" v-html="IAnswerInfo['text']" @input="handleInput"></div>
+                    </div>
+
+                    <div class="issue-bottom flexacenter">
+                        <div class="option-box flexacenter" @click="amendIAnswer">
+                            <img class="option-icon" v-if="IAnswerInfo['anonymous'] == 0" src="./img/tick-no.svg" />
+                            <img class="option-icon" v-else src="./img/tick-option.svg" />
+                            匿名发表
+                        </div>
+                        <div class="issue-btn flexcenter" @click="submitAnswer">提交回答</div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 提示框 -->
+            <transition name="msg" appear v-show="msg['state']">
+                <div class="box-item" :class="boxClass()" :style="{top: 20 + 'px'}">
+                    <div class="msg-container">{{ msg["text"] }}</div>
+                </div>
+            </transition>
+
+        </div>
+    </div>
+</template>
Author	SHA1	Message	Date
A1300399510	d731eb4796	no message	2023-12-18 11:08:27 +08:00
A1300399510	8fa746564b	修改列表样式前	2023-12-15 17:45:53 +08:00
A1300399510	9648d0792b	no message	2023-12-15 11:28:35 +08:00
				`@ -0,0 +1 @@`
				`{"id":"1e6a2d4e-548a-428c-ad50-9848287242f5","timestamp":1702631176566,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}`
				`@ -1 +0,0 @@`
				`{"id":"dev","timestamp":1702525276033,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}`
				`@ -1 +0,0 @@`
				`{"id":"fe912969-50cc-4e3e-a8b0-cad7a623a9ff","timestamp":1702525275560,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}`
				`@ -0,0 +1 @@`
				`{"version":3,"file":"entry-styles.01300843.mjs","sources":["../../../../../.nuxt/dist/server/static/entry-styles-1.mjs-0949f21b.js","../../../../../.nuxt/dist/server/static/entry-styles.01300843.mjs"],"sourcesContent":null,"names":["__buildAssetsURL","style_0"],"mappings":";;;;;;;;;;;;;;;;AAAA,MAAA,mCAAA,GAAA,2pMAAA,GAAAA,cAAA,CAAA,4BAAA,CAAA,GAAA,05rCAAA;;ACCA,6BAAe,CAACC,mCAAO;;;;"}`
				`@ -1 +0,0 @@`
				`{"version":3,"file":"entry-styles.ba61e981.mjs","sources":["../../../../../.nuxt/dist/server/static/entry-styles-1.mjs-3e7fa6ce.js","../../../../../.nuxt/dist/server/static/entry-styles.ba61e981.mjs"],"sourcesContent":null,"names":["__buildAssetsURL","style_0"],"mappings":";;;;;;;;;;;;;;;;AAAA,MAAA,mCAAA,GAAA,smMAAA,GAAAA,cAAA,CAAA,4BAAA,CAAA,GAAA,6qqCAAA;;ACCA,6BAAe,CAACC,mCAAO;;;;"}`