投币和回应

.output/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2024-07-19T06:57:34.535Z",
+  "date": "2024-07-29T08:58:16.907Z",
   "preset": "node-server",
   "framework": {
     "name": "nuxt",

.output/public/static/arrows-black.688ffbe9.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="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1363 -14607 )">
+    <path d="M 13.1979166666667 8.46875  C 13.3229166666667 8.34375  13.3854166666667 8.1875  13.3854166666667 8  C 13.3854166666667 7.8125  13.3229166666667 7.65625  13.1979166666667 7.53125  L 12.25 6.58333333333333  L 8.47916666666667 2.8125  C 8.35416666666667 2.6875  8.19791666666667 2.625  8.01041666666667 2.625  C 7.82291666666667 2.625  7.66666666666667 2.6875  7.54166666666667 2.8125  L 6.59375 3.76041666666667  C 6.46875 3.88541666666667  6.40625 4.04166666666667  6.40625 4.22916666666667  C 6.40625 4.41666666666667  6.46875 4.57291666666667  6.59375 4.69791666666667  L 8.5625 6.66666666666667  L 3.33333333333333 6.66666666666667  C 3.15277777777778 6.66666666666667  2.99652777777778 6.73263888888889  2.86458333333333 6.86458333333333  C 2.73263888888889 6.99652777777778  2.66666666666667 7.15277777777778  2.66666666666667 7.33333333333333  L 2.66666666666667 8.66666666666667  C 2.66666666666667 8.84722222222222  2.73263888888889 9.00347222222222  2.86458333333333 9.13541666666667  C 2.99652777777778 9.26736111111111  3.15277777777778 9.33333333333333  3.33333333333333 9.33333333333333  L 8.5625 9.33333333333333  L 6.59375 11.3020833333333  C 6.46180555555556 11.4340277777778  6.39583333333333 11.5902777777778  6.39583333333333 11.7708333333333  C 6.39583333333333 11.9513888888889  6.46180555555556 12.1076388888889  6.59375 12.2395833333333  L 7.54166666666667 13.1875  C 7.66666666666667 13.3125  7.82291666666667 13.375  8.01041666666667 13.375  C 8.19791666666667 13.375  8.35416666666667 13.3125  8.47916666666667 13.1875  L 12.25 9.41666666666667  L 13.1979166666667 8.46875  Z M 14.9270833333333 3.984375  C 15.6423611111111 5.21006944444444  16 6.54861111111111  16 8  C 16 9.45138888888889  15.6423611111111 10.7899305555556  14.9270833333333 12.015625  C 14.2118055555556 13.2413194444444  13.2413194444444 14.2118055555556  12.015625 14.9270833333333  C 10.7899305555556 15.6423611111111  9.45138888888889 16  8 16  C 6.54861111111111 16  5.21006944444444 15.6423611111111  3.984375 14.9270833333333  C 2.75868055555556 14.2118055555556  1.78819444444444 13.2413194444444  1.07291666666667 12.015625  C 0.357638888888889 10.7899305555556  0 9.45138888888889  0 8  C 0 6.54861111111111  0.357638888888889 5.21006944444444  1.07291666666667 3.984375  C 1.78819444444444 2.75868055555556  2.75868055555556 1.78819444444444  3.984375 1.07291666666667  C 5.21006944444444 0.357638888888888  6.54861111111111 0  8 0  C 9.45138888888889 0  10.7899305555556 0.357638888888888  12.015625 1.07291666666667  C 13.2413194444444 1.78819444444444  14.2118055555556 2.75868055555556  14.9270833333333 3.984375  Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 1363 14607 )" />
+  </g>
+</svg>

.output/public/static/arrowsRight.59ee73d7.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="6px" height="10px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -341 -2901 )">
+    <path d="M 5.89690721649484 4.76953907815631  C 5.96563573883162 4.83633934535738  6 4.91315965263861  6 5  C 6 5.08684034736139  5.96563573883162 5.16366065464262  5.89690721649484 5.23046092184369  L 1.09278350515464 9.8997995991984  C 1.02405498281787 9.96659986639947  0.945017182130584 10  0.855670103092783 10  C 0.766323024054983 10  0.687285223367698 9.96659986639947  0.618556701030928 9.8997995991984  L 0.103092783505155 9.39879759519038  C 0.0343642611683849 9.33199732798931  0 9.25517702070808  0 9.16833667334669  C 0 9.0814963259853  0.0343642611683849 9.00467601870407  0.103092783505155 8.93787575150301  L 4.15463917525773 5  L 0.103092783505155 1.06212424849699  C 0.0343642611683849 0.995323981295925  0 0.918503674014696  0 0.831663326653307  C 0 0.744822979291916  0.0343642611683849 0.668002672010687  0.103092783505155 0.601202404809619  L 0.618556701030928 0.100200400801603  C 0.687285223367698 0.0334001336005341  0.766323024054983 0  0.855670103092783 0  C 0.945017182130584 0  1.02405498281787 0.0334001336005341  1.09278350515464 0.100200400801603  L 5.89690721649484 4.76953907815631  Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 341 2901 )" />
+  </g>
+</svg>

.output/public/static/builds/latest.json

@@ -1 +1 @@
-{"id":"47567d3f-35ed-4635-9e3c-11e3c8553d93","timestamp":1721372245568}
+{"id":"e99b1caf-dcc5-45f6-85f7-5c8a079e7d55","timestamp":1722243486859}

.output/public/static/builds/meta/47567d3f-35ed-4635-9e3c-11e3c8553d93.json

@@ -1 +0,0 @@
-{"id":"47567d3f-35ed-4635-9e3c-11e3c8553d93","timestamp":1721372245568,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.output/public/static/builds/meta/e99b1caf-dcc5-45f6-85f7-5c8a079e7d55.json

@@ -0,0 +1 @@
+{"id":"e99b1caf-dcc5-45f6-85f7-5c8a079e7d55","timestamp":1722243486859,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.output/public/static/cross-gray.2c215ff3.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="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -800 -2128 )">
+    <path d="M 15.6228956228956 11.959595959596  C 15.8742985409652 12.2109988776655  16 12.5162738496072  16 12.8754208754209  C 16 13.2345679012346  15.8742985409652 13.5398428731762  15.6228956228956 13.7912457912458  L 13.7912457912458 15.6228956228956  C 13.5398428731762 15.8742985409652  13.2345679012346 16  12.8754208754209 16  C 12.5162738496072 16  12.2109988776655 15.8742985409652  11.959595959596 15.6228956228956  L 8 11.6632996632997  L 4.04040404040404 15.6228956228956  C 3.78900112233446 15.8742985409652  3.48372615039282 16  3.12457912457912 16  C 2.76543209876543 16  2.46015712682379 15.8742985409652  2.20875420875421 15.6228956228956  L 0.377104377104377 13.7912457912458  C 0.125701459034792 13.5398428731762  0 13.2345679012346  0 12.8754208754209  C 0 12.5162738496072  0.125701459034792 12.2109988776655  0.377104377104377 11.959595959596  L 4.33670033670034 8  L 0.377104377104377 4.04040404040404  C 0.125701459034792 3.78900112233445  0 3.48372615039282  0 3.12457912457912  C 0 2.76543209876543  0.125701459034792 2.46015712682379  0.377104377104377 2.20875420875421  L 2.20875420875421 0.377104377104377  C 2.46015712682379 0.125701459034792  2.76543209876543 0  3.12457912457912 0  C 3.48372615039282 0  3.78900112233446 0.125701459034792  4.04040404040404 0.377104377104377  L 8 4.33670033670034  L 11.959595959596 0.377104377104377  C 12.2109988776655 0.125701459034792  12.5162738496072 0  12.8754208754209 0  C 13.2345679012346 0  13.5398428731762 0.125701459034792  13.7912457912458 0.377104377104377  L 15.6228956228956 2.20875420875421  C 15.8742985409652 2.46015712682379  16 2.76543209876543  16 3.12457912457912  C 16 3.48372615039282  15.8742985409652 3.78900112233445  15.6228956228956 4.04040404040404  L 11.6632996632997 8  L 15.6228956228956 11.959595959596  Z " fill-rule="nonzero" fill="#d7d7d7" stroke="none" transform="matrix(1 0 0 1 800 2128 )" />
+  </g>
+</svg>

.output/public/static/error-500.fefb5447.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.50a8ecce.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.745e49d6.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};

.output/public/static/plus-sign.4260c2a7.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="14px" height="14px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1279 -955 )">
+    <path d="M 13.7215909090909 5.36931818181818  C 13.907196969697 5.55492424242424  14 5.78030303030303  14 6.04545454545454  L 14 7.95454545454545  C 14 8.21969696969697  13.907196969697 8.44507575757576  13.7215909090909 8.63068181818182  C 13.5359848484848 8.81628787878788  13.3106060606061 8.90909090909091  13.0454545454545 8.90909090909091  L 8.90909090909091 8.90909090909091  L 8.90909090909091 13.0454545454545  C 8.90909090909091 13.3106060606061  8.81628787878788 13.5359848484848  8.63068181818182 13.7215909090909  C 8.44507575757576 13.907196969697  8.21969696969697 14  7.95454545454546 14  L 6.04545454545455 14  C 5.78030303030303 14  5.55492424242424 13.907196969697  5.36931818181818 13.7215909090909  C 5.18371212121212 13.5359848484848  5.09090909090909 13.3106060606061  5.09090909090909 13.0454545454545  L 5.09090909090909 8.90909090909091  L 0.954545454545454 8.90909090909091  C 0.689393939393939 8.90909090909091  0.464015151515152 8.81628787878788  0.278409090909091 8.63068181818182  C 0.0928030303030303 8.44507575757576  0 8.21969696969697  0 7.95454545454545  L 0 6.04545454545454  C 0 5.78030303030303  0.0928030303030303 5.55492424242424  0.278409090909091 5.36931818181818  C 0.464015151515152 5.18371212121212  0.689393939393939 5.09090909090909  0.954545454545454 5.09090909090909  L 5.09090909090909 5.09090909090909  L 5.09090909090909 0.954545454545455  C 5.09090909090909 0.689393939393939  5.18371212121212 0.464015151515151  5.36931818181818 0.278409090909091  C 5.55492424242424 0.0928030303030298  5.78030303030303 0  6.04545454545455 0  L 7.95454545454546 0  C 8.21969696969697 0  8.44507575757576 0.0928030303030298  8.63068181818182 0.278409090909091  C 8.81628787878788 0.464015151515151  8.90909090909091 0.689393939393939  8.90909090909091 0.954545454545455  L 8.90909090909091 5.09090909090909  L 13.0454545454545 5.09090909090909  C 13.3106060606061 5.09090909090909  13.5359848484848 5.18371212121212  13.7215909090909 5.36931818181818  Z " fill-rule="nonzero" fill="#ffffff" stroke="none" transform="matrix(1 0 0 1 1279 955 )" />
+  </g>
+</svg>

.output/server/chunks/app/client.manifest.mjs

@@ -13,6 +13,13 @@ const client_manifest = {
     "file": "add-icon.0b0b5313.svg",
     "src": "img/add-icon.svg"
   },
+  "img/arrows-black.svg": {
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/svg+xml",
+    "file": "arrows-black.688ffbe9.svg",
+    "src": "img/arrows-black.svg"
+  },
   "img/arrows-icon.svg": {
     "resourceType": "image",
     "prefetch": true,
@@ -20,6 +27,20 @@ const client_manifest = {
     "file": "arrows-icon.271dd0d3.svg",
     "src": "img/arrows-icon.svg"
   },
+  "img/arrowsRight.svg": {
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/svg+xml",
+    "file": "arrowsRight.59ee73d7.svg",
+    "src": "img/arrowsRight.svg"
+  },
+  "img/bi-icon.png": {
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/png",
+    "file": "bi-icon.c9939802.png",
+    "src": "img/bi-icon.png"
+  },
   "img/close-icon.svg": {
     "resourceType": "image",
     "prefetch": true,
@@ -41,6 +62,13 @@ const client_manifest = {
     "file": "comment-icon-gray.2c8779f9.svg",
     "src": "img/comment-icon-gray.svg"
   },
+  "img/cross-gray.svg": {
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/svg+xml",
+    "file": "cross-gray.2c215ff3.svg",
+    "src": "img/cross-gray.svg"
+  },
   "img/delete-icon.svg": {
     "resourceType": "image",
     "prefetch": true,
@@ -104,6 +132,13 @@ const client_manifest = {
     "file": "menu-icon-gray.d61f02b1.svg",
     "src": "img/menu-icon-gray.svg"
   },
+  "img/plus-sign.svg": {
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/svg+xml",
+    "file": "plus-sign.4260c2a7.svg",
+    "src": "img/plus-sign.svg"
+  },
   "img/tick-no.svg": {
     "resourceType": "image",
     "prefetch": true,
@@ -159,7 +194,7 @@ const client_manifest = {
     "prefetch": true,
     "preload": true,
     "css": [],
-    "file": "error-404.d78c135d.js",
+    "file": "error-404.3c11d8b8.js",
     "imports": [
       "node_modules/nuxt/dist/app/entry.js"
     ],
@@ -185,7 +220,7 @@ const client_manifest = {
     "prefetch": true,
     "preload": true,
     "css": [],
-    "file": "error-500.1c2f6aa9.js",
+    "file": "error-500.fefb5447.js",
     "imports": [
       "node_modules/nuxt/dist/app/entry.js"
     ],
@@ -202,7 +237,7 @@ const client_manifest = {
     "resourceType": "style",
     "prefetch": true,
     "preload": true,
-    "file": "entry.d1956760.css",
+    "file": "entry.45bee5ab.css",
     "src": "node_modules/nuxt/dist/app/entry.css"
   },
   "node_modules/nuxt/dist/app/entry.js": {
@@ -211,6 +246,7 @@ const client_manifest = {
     "prefetch": true,
     "preload": true,
     "assets": [
+      "plus-sign.4260c2a7.svg",
       "logo.6622f82d.png",
       "add-icon.0b0b5313.svg",
       "tick-no.179037b3.svg",
@@ -224,6 +260,8 @@ const client_manifest = {
       "view-icon.da7fef35.svg",
       "collect-icon-colours.6d2ade7f.svg",
       "title.98892974.png",
+      "bi-icon.c9939802.png",
+      "arrowsRight.59ee73d7.svg",
       "menu-icon-gray.d61f02b1.svg",
       "comment-icon-gray.2c8779f9.svg",
       "QRCode-icon.a105d5fc.svg",
@@ -231,26 +269,34 @@ const client_manifest = {
       "arrows-icon.271dd0d3.svg",
       "tick-orange.233abc69.svg",
       "issue-bj.44adad8c.svg",
+      "cross-gray.2c215ff3.svg",
+      "arrows-black.688ffbe9.svg",
       "triangle-icon.c39ff2e7.svg"
     ],
     "css": [
-      "entry.d1956760.css"
+      "entry.45bee5ab.css"
     ],
     "dynamicImports": [
       "node_modules/@nuxt/ui-templates/dist/templates/error-404.vue",
       "node_modules/@nuxt/ui-templates/dist/templates/error-500.vue"
     ],
-    "file": "entry.50a8ecce.js",
+    "file": "entry.745e49d6.js",
     "isEntry": true,
     "src": "node_modules/nuxt/dist/app/entry.js",
     "_globalCSS": true
   },
-  "entry.d1956760.css": {
+  "entry.45bee5ab.css": {
-    "file": "entry.d1956760.css",
+    "file": "entry.45bee5ab.css",
     "resourceType": "style",
     "prefetch": true,
     "preload": true
   },
+  "plus-sign.4260c2a7.svg": {
+    "file": "plus-sign.4260c2a7.svg",
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/svg+xml"
+  },
   "logo.6622f82d.png": {
     "file": "logo.6622f82d.png",
     "resourceType": "image",
@@ -329,6 +375,18 @@ const client_manifest = {
     "prefetch": true,
     "mimeType": "image/png"
   },
+  "bi-icon.c9939802.png": {
+    "file": "bi-icon.c9939802.png",
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/png"
+  },
+  "arrowsRight.59ee73d7.svg": {
+    "file": "arrowsRight.59ee73d7.svg",
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/svg+xml"
+  },
   "menu-icon-gray.d61f02b1.svg": {
     "file": "menu-icon-gray.d61f02b1.svg",
     "resourceType": "image",
@@ -371,6 +429,18 @@ const client_manifest = {
     "prefetch": true,
     "mimeType": "image/svg+xml"
   },
+  "cross-gray.2c215ff3.svg": {
+    "file": "cross-gray.2c215ff3.svg",
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/svg+xml"
+  },
+  "arrows-black.688ffbe9.svg": {
+    "file": "arrows-black.688ffbe9.svg",
+    "resourceType": "image",
+    "prefetch": true,
+    "mimeType": "image/svg+xml"
+  },
   "triangle-icon.c39ff2e7.svg": {
     "file": "triangle-icon.c39ff2e7.svg",
     "resourceType": "image",

.output/server/chunks/app/server.mjs

@@ -1,8 +1,8 @@
-import { version, ref, watchEffect, watch, getCurrentInstance, defineComponent, hasInjectionContext, unref, inject, useSSRContext, createApp, effectScope, reactive, onUnmounted, nextTick, toRef, isRef, defineAsyncComponent, provide, onErrorCaptured, onServerPrefetch, createVNode, resolveDynamicComponent, h, isReadonly, isShallow, isReactive, toRaw, withCtx, createTextVNode, toDisplayString, mergeProps } from 'vue';
+import { version, ref, watchEffect, watch, getCurrentInstance, defineComponent, createElementBlock, hasInjectionContext, unref, inject, useSSRContext, createApp, effectScope, reactive, onUnmounted, nextTick, toRef, isRef, defineAsyncComponent, provide, onErrorCaptured, onServerPrefetch, createVNode, resolveDynamicComponent, h, isReadonly, isShallow, isReactive, toRaw, withCtx, createTextVNode, toDisplayString, mergeProps } from 'vue';
 import { d as useRuntimeConfig$1, $ as $fetch, w as withQuery, l as hasProtocol, p as parseURL, m as isScriptProtocol, j as joinURL, h as createError$1, n as sanitizeStatusCode, o as createHooks, q as isEqual, r as stringifyParsedURL, t as stringifyQuery, v as parseQuery } from '../nitro/node-server.mjs';
 import { getActiveHead } from 'unhead';
 import { defineHeadPlugin, composableNames } from '@unhead/shared';
-import { ssrRenderSuspense, ssrRenderComponent, ssrRenderVNode, ssrInterpolate, ssrRenderAttr, ssrRenderList, ssrRenderClass, ssrRenderStyle, ssrIncludeBooleanAttr } from 'vue/server-renderer';
+import { ssrRenderSuspense, ssrRenderComponent, ssrRenderVNode, ssrInterpolate, ssrRenderAttr, ssrRenderList, ssrRenderClass, ssrRenderStyle, ssrIncludeBooleanAttr, ssrRenderAttrs } from 'vue/server-renderer';
 import axios from 'axios';
 import 'node:http';
 import 'node:https';
@@ -1002,6 +1002,107 @@ defineComponent({
   },
   setup: setupForUseMeta((bodyAttrs) => ({ bodyAttrs }), true)
 });
+const __nuxt_component_3 = defineComponent({
+  name: "ClientOnly",
+  inheritAttrs: false,
+  // eslint-disable-next-line vue/require-prop-types
+  props: ["fallback", "placeholder", "placeholderTag", "fallbackTag"],
+  setup(_, { slots, attrs }) {
+    const mounted = ref(false);
+    return (props) => {
+      var _a;
+      if (mounted.value) {
+        return (_a = slots.default) == null ? void 0 : _a.call(slots);
+      }
+      const slot = slots.fallback || slots.placeholder;
+      if (slot) {
+        return slot();
+      }
+      const fallbackStr = props.fallback || props.placeholder || "";
+      const fallbackTag = props.fallbackTag || props.placeholderTag || "span";
+      return createElementBlock(fallbackTag, attrs, fallbackStr);
+    };
+  }
+});
+const _imports_0$1 = "" + __buildAssetsURL("plus-sign.4260c2a7.svg");
+const _sfc_main$4 = {
+  __name: "RespondAdd",
+  __ssrInlineRender: true,
+  props: {
+    riposteoptions: Array,
+    index: Number
+  },
+  emits: ["selectEomji"],
+  setup(__props, { emit: __emit }) {
+    let selectEomjiPop = ref(false);
+    const jointriposte = (item) => {
+      return `&#x${item};`;
+    };
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "respond-add flexcenter" }, _attrs))}><img class="respond-add-icon"${ssrRenderAttr("src", _imports_0$1)}>`);
+      if (unref(selectEomjiPop)) {
+        _push(`<!--[--><div class="respond-list-mask"></div><div class="respond-list-box"><div class="respond-list-title">选择你的回应：</div><div class="respond-list"><!--[-->`);
+        ssrRenderList(__props.riposteoptions, (item) => {
+          _push(`<!--[--><!--[-->`);
+          ssrRenderList(item.data, (item2, key) => {
+            _push(`<div class="respond-item">${jointriposte(key)}</div>`);
+          });
+          _push(`<!--]--><!--]-->`);
+        });
+        _push(`<!--]--></div></div><!--]-->`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`</div>`);
+    };
+  }
+};
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/RespondAdd.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const __nuxt_component_4 = _sfc_main$4;
+const _sfc_main$3 = {
+  __name: "RespondPop",
+  __ssrInlineRender: true,
+  props: {
+    respondDetail: Array,
+    respondPopObj: Object
+  },
+  emits: ["closePopList", "selectEomji"],
+  setup(__props, { emit: __emit }) {
+    ref(false);
+    const jointriposte = (item) => {
+      return `&#x${item};`;
+    };
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "respond-pop-mask" }, _attrs))}><div class="respond-pop">`);
+      if (JSON.stringify(__props.respondDetail) == "{}") {
+        _push(`<div class="respond-pop-no flexcenter"><img class="respond-title-icon" src="//app.gter.net/image/gter/offer/imgdetails/cross-grey.png?v=5.1.78_206050707"><img src="//app.gter.net/image/gter/offer/imgdetails/no-discussion.png?v=5.1.78_206050707" class="respond-pop-no-icon"><div class="respond-pop-no-text">- 暂无数据 -</div></div>`);
+      } else {
+        _push(`<!--[--><div class="respond-pop-title"> 共<span class="respond-pop-amount">${ssrInterpolate(__props.respondPopObj.user)}</span>人回应 <img class="respond-title-icon" src="//app.gter.net/image/gter/offer/imgdetails/cross-grey.png?v=5.1.78_206050707"></div><div class="respond-list"><!--[-->`);
+        ssrRenderList(__props.respondDetail, (item, index) => {
+          _push(`<div class="respond-item"><div class="${ssrRenderClass([{ "pitch": item.selected }, "respond-code"])}">${jointriposte(item.item)}</div><div class="respond-content flex1"><div class="respond-total">${ssrInterpolate(item.user.length)} 人作此回应</div><!--[-->`);
+          ssrRenderList(item.user, (item2, index2) => {
+            _push(`<div class="user-item"><img class="user-avatar"${ssrRenderAttr("src", item2.avatar)}> ${ssrInterpolate(item2.nickname || item2.username)}</div>`);
+          });
+          _push(`<!--]--></div></div>`);
+        });
+        _push(`<!--]--></div><!--]-->`);
+      }
+      _push(`</div></div>`);
+    };
+  }
+};
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/RespondPop.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const __nuxt_component_5 = _sfc_main$3;
 const useStateKeyPrefix = "$s";
 function useState(...args) {
   const autoKey = typeof args[args.length - 1] === "string" ? args.pop() : void 0;
@@ -1054,18 +1155,20 @@ const _imports_22 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAA
 const _imports_23 = "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_24 = "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_25 = "" + __buildAssetsURL("title.98892974.png");
-const _imports_26 = "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_26 = "" + __buildAssetsURL("bi-icon.c9939802.png");
-const _imports_27 = "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_27 = "" + __buildAssetsURL("arrowsRight.59ee73d7.svg");
-const _imports_28 = "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_28 = "" + __buildAssetsURL("menu-icon-gray.d61f02b1.svg");
-const _imports_29 = "" + __buildAssetsURL("menu-icon-gray.d61f02b1.svg");
+const _imports_29 = "" + __buildAssetsURL("comment-icon-gray.2c8779f9.svg");
-const _imports_30 = "" + __buildAssetsURL("comment-icon-gray.2c8779f9.svg");
+const _imports_30 = "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_31 = "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_31 = "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_33 = "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_36 = "" + __buildAssetsURL("QRCode-icon.a105d5fc.svg");
 const _imports_37 = "" + __buildAssetsURL("delete-icon.4d386dce.svg");
 const _imports_38 = "" + __buildAssetsURL("arrows-icon.271dd0d3.svg");
 const _imports_39 = "" + __buildAssetsURL("tick-orange.233abc69.svg");
 const _imports_40 = "" + __buildAssetsURL("issue-bj.44adad8c.svg");
+const _imports_41 = "" + __buildAssetsURL("cross-gray.2c215ff3.svg");
+const _imports_42 = "" + __buildAssetsURL("arrows-black.688ffbe9.svg");
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -1084,8 +1187,7 @@ const _sfc_main$2 = {
           withCredentials: true,
           headers: {
             authorization: "production" !== "production" 
-            // 头部标记 ada
+            // 头部标记
-            // "7a89997c2ccd8cb5ed8cb20d843dafdd", // 头部标记 ada
           }
         }).then(function(res) {
           var data2 = null;
@@ -1115,7 +1217,6 @@ const _sfc_main$2 = {
           headers: {
             authorization: "production" !== "production" 
             // 头部标记
-            // "7a89997c2ccd8cb5ed8cb20d843dafdd", // 头部标记
           }
         }).then(function(res) {
           var data2 = null;
@@ -1391,14 +1492,12 @@ const _sfc_main$2 = {
           return;
         let data = res.data;
         data.data.forEach((element, index) => {
+          element.coinnum = element.reward;
           element["commentList"] = [];
-          if (element["commentnum"] > 0) {
+          element["tab"] = "riposte";
-            element["showOneCommentState"] = true;
+          nextTick(() => {
-            nextTick(() => {
+            getRiposte(index);
-              openCommentState(index);
+          });
-            });
-          } else
-            element["commentState"] = true;
         });
         answerList.value = answerList.value.concat(data.data);
         if (answerList.value.length == data["count"])
@@ -1536,7 +1635,7 @@ const _sfc_main$2 = {
         getAnswerCommentList(index);
     };
     const getAnswerCommentList = (index) => {
-      getAnswerCommentPublic(index, 1).then((res) => {
+      getAnswerCommentPublic(index, 2).then((res) => {
         let data = res.data;
         answerList.value[index]["commentList"] = answerList.value[index]["commentList"].concat(data.data);
         answerList.value[index]["commentCount"] = data["count"];
@@ -2561,7 +2660,6 @@ const _sfc_main$2 = {
       }
     };
     const sendMessage = (uin) => {
-      console.log("uin", uin);
       if (uin && typeof messagePrivateItem == "function") {
         messagePrivateItem({ uin });
         return;
@@ -2595,13 +2693,240 @@ const _sfc_main$2 = {
     const showComments = (index) => {
       answerList.value[index]["showOneCommentState"] = false;
     };
-    return { handleLookOnly, zeroreply, replaceNumberObj, closeMyModel, myModelList, myModelState, listHeight, bottomTpsStyle, TAHomePage, sendMessage, avatarState, openUserInfo, isNeedLogin, handleInputYou, openListIAnswer, isListEmptyState, cutYourAnswerAnonymous, handleYourAnswer, yourAnswer, handleLogo, inTheEndState, setItemUrl, seo, originUrl, handleMenuState, reasonList, checkList, alertShow, alertText, selectRadio, alertSubmit, cutType, dialogSrc, answerPage, handleDetailsScroll, replaceState, copyText, boxClass, questionPlaceholderState, yourAnswerPlaceholderState, handleInput, handlePaste, itemStyle, listStyle, listBoxStyle, myType, type, pitchIndex, cut, list, keyword, keywordText, getList, total, typeList, typePitch, getDetails, detailsInfo, detailsIsanswered, detailsIscollection, detailsIsmyself, detailShare, detailLoading, answerList, operateLike, operateCollect, IAnswerState, IAnswerEditState, IAnswerInfo, amendIAnswer, openIAnswer, closeIAnswer, submitAnswer, openCommentState, submitAnswerComments, operateAnswerCommentsLike, openAnswerCommentsChild, closeAnswerCommentsChild, alsoCommentsData, handleAllComment, myCollectionList, myCollectionCount, myQuestionsList, myQuestionsCount, myAnswerList, myAnswerCount, cutAnswerPopupState, handleDate, handleCollectionScroll, handleAnswersScroll, handleQuestionsScroll, cancelCollection, getMyCollection, questionsSetp, questionsObj, cutAnonymous, cutQuestionsSetp, cutQuestionsPopupState, questionsTypeList, postingIssue, choosingTheme, handleMy, changeAnonymous, changeAnonymousQuestions, pageHeaderHeight, pageListHeight, questionsTransmitState, questionsTransmitMaskState, closeAllTransmitState, closeTransmitState, handleAnswerTransmitList, closeDetailMode, tabListFixeState, handleListScroll, historicalSearchState, historicalSearchList, searchFocus, searchBlur, searchClick, handleClickHistoricalItem, handleClickClear, isSearchMode, questionsInit, myCount, msg, myOpenDetails, handleAnswerText, getCurrentUrl, loading, showComments };
+    const jointriposte = (item) => {
+      return `&#x${item};`;
+    };
+    const cutOperate = (index, key) => {
+      let target = answerList.value[index];
+      target["tab"] = key;
+      console.log(answerList.value[index]);
+      if (key == "coin" && !answerList.value[index].config) {
+        getCoinConfig(index);
+      }
+      if (key == "comment" && target["commentnum"] > 0) {
+        target["showOneCommentState"] = true;
+        target["commentList"] = [];
+        nextTick(() => {
+          openCommentState(index);
+        });
+      }
+    };
+    const getRiposte = (index) => {
+      let target = answerList.value[index];
+      $ajax("/api/riposte/riposteGet", { token: target.token }).then((res) => {
+        if (res.code != 200)
+          return;
+        let data = res.data;
+        target.ripostecount = data.count || {};
+        target.ripostelist = data.list || [];
+        target.riposteoptions = data.options || [];
+        answerList.value[index] = target;
+        if (target.ripostelist.length <= 3)
+          randomEmoji(index);
+      });
+    };
+    let randomEmojis = ref(["c150", "c167", "c002", "c162", "c157", "c133", "c011", "c004"]);
+    const randomEmoji = (index) => {
+      let emojiList = answerList.value[index].ripostelist;
+      let riposteoptions = answerList.value[index].riposteoptions || [];
+      let exclude = [];
+      emojiList.forEach((element) => {
+        exclude.push(element.item);
+      });
+      let selectedList = [];
+      for (const key in riposteoptions[0].data) {
+        if (key != "c150")
+          selectedList.push(key);
+      }
+      const random = [];
+      if (!exclude.includes("c150"))
+        random.push("c150");
+      selectedList = selectedList.filter((itemB) => !exclude.includes(itemB));
+      let indexes = [];
+      while (indexes.length < 7) {
+        let randomIndex = Math.floor(Math.random() * selectedList.length);
+        if (indexes.indexOf(randomIndex) === -1) {
+          indexes.push(randomIndex);
+          random.push(selectedList[randomIndex]);
+        }
+      }
+      answerList.value[index]["randomEmojis"] = random;
+    };
+    const selectEomji = (code, index, ispop = false, islist = false) => {
+      let target = answerList.value[index];
+      let ispitch = false;
+      let isindex = target.ripostelist.findIndex((element) => element.item === code);
+      if (isindex >= 0)
+        ispitch = target.ripostelist[isindex].selected;
+      if (ispitch && ispop)
+        return;
+      riposteSubmit(code, target.token).then((res) => {
+        const data = res.data;
+        target.ripostecount = data.count;
+        if (isindex >= 0) {
+          target.ripostelist[isindex].num += ispitch ? -1 : 1;
+          target.ripostelist[isindex].selected = !ispitch && target.ripostelist[isindex].num !== 0;
+          if (target.ripostelist[isindex].num === 0) {
+            target.ripostelist.splice(isindex, 1);
+          }
+        } else {
+          target.ripostelist.push({
+            item: code,
+            num: 1,
+            selected: true
+          });
+        }
+        if (target.ripostelist.length <= 3)
+          randomEmoji(index);
+        if (islist)
+          handleRiposteListData(code, data);
+      }).finally(() => {
+      });
+    };
+    const handleRiposteListData = (code, data) => {
+      let target = respondDetail.value;
+      if (target[code].selected) {
+        target[code].user = target[code].user.filter((item) => item.uin != data.uin);
+        if (target[code].user.length == 0)
+          delete target[code];
+      } else {
+        target[code].user.push({
+          avatar: data.avatar,
+          nickname: data.username,
+          uid: data.uid,
+          uin: data.uin
+        });
+      }
+      target[code].selected = !target[code].selected;
+    };
+    const riposteSubmit = (item, token) => {
+      return new Promise((resolve, reject) => {
+        $ajax("/api/riposte/riposteSubmit", { token, item }).then((res) => {
+          if (res.code != 200) {
+            handleMsg("error", res["message"] || "报错了，请重试！！！");
+            reject(res);
+          } else {
+            handleMsg("success", res["message"] || "回应成功");
+            resolve(res);
+          }
+        });
+      });
+    };
+    let respondDetail = ref({});
+    let respondPopState = ref(false);
+    let respondPopObj = ref({});
+    const openRespondDetails = (index) => {
+      var _a;
+      let target = answerList.value[index];
+      respondPopObj.value.index = index;
+      respondPopObj.value.user = (_a = target.ripostecount) == null ? void 0 : _a.user;
+      $ajax("/api/riposte/riposteDetail", { token: target.token }).then((res) => {
+        if (res.code != 200)
+          return;
+        respondDetail.value = res.data;
+        respondPopState.value = true;
+      });
+    };
+    const closePopList = () => {
+      respondPopState.value = false;
+    };
+    const getCoinConfig = (index) => {
+      let target = answerList.value[index];
+      $ajax("/api/operate/coin", {
+        token: target.token
+      }).then((res) => {
+        if (res.code != 200)
+          return;
+        if (res.data.coinnumpeople > 3) {
+          getCoinranking(answerList.value[index].token).then((data) => {
+            target["ranklist"] = data;
+          });
+        }
+        answerList.value[index] = Object.assign({}, target, res.data);
+      });
+    };
+    const openInsert = (index) => {
+      let target = answerList.value[index];
+      insert.value = {
+        index,
+        token: target.token,
+        coinConfig: target.config,
+        coinMybalance: target.mybalance,
+        ranklist: target.ranklist
+      };
+      if (target.mybalance == 0)
+        insertcoinsNoState.value = true;
+      else
+        insertcoinsState.value = true;
+    };
+    const closeInsert = () => {
+      coinAmount.value = "";
+      coinMessage.value = "";
+      insertcoinsState.value = false;
+      insertcoinsNoState.value = false;
+      insert.value = {};
+    };
+    let coinAmount = ref("");
+    let coinMessage = ref("");
+    let insertcoinsState = ref(false);
+    let insertcoinsNoState = ref(false);
+    let insert = ref({});
+    const coinSelectAmountDispose = (amount) => {
+      coinAmount.value = amount;
+    };
+    const postCoinSbmit = () => {
+      if (postCoinSbmit)
+        return;
+      postCoinSbmit = true;
+      let targetInsert = insert.value;
+      $ajax("/api/operate/coinsubmit", {
+        token: targetInsert.token,
+        coinnum: coinAmount.value,
+        message: coinMessage.value
+      }).then((res) => {
+        if (res.code != 200) {
+          handleMsg("error", (res == null ? void 0 : res.message) || "投币失败");
+          return;
+        }
+        const data = res.data;
+        answerList.value.forEach((element) => {
+          element.mybalance = data.mybalance;
+        });
+        let target = answerList.value[targetInsert.index || 0] || {};
+        target.coinnum += data.coinnum;
+        getCoinranking(targetInsert.token).then((data2) => {
+          target["ranklist"] = data2;
+        });
+        if (coinMessage.value)
+          target["commentnum"] += 1;
+        closeInsert();
+        handleMsg("success", (res == null ? void 0 : res.message) || "操作成功");
+      }).finally(() => {
+        postCoinSbmit = false;
+      });
+    };
+    const getCoinranking = (token) => {
+      return new Promise((resolve, reject) => {
+        $ajax("/api/operate/coinranking", { token }).then((res) => {
+          console.log(res);
+          if (res.code != 200) {
+            handleMsg("error", (res == null ? void 0 : res.message) || "请求失败");
+            return;
+          }
+          resolve(res.data);
+        });
+      });
+    };
+    return { handleLookOnly, zeroreply, replaceNumberObj, closeMyModel, myModelList, myModelState, listHeight, bottomTpsStyle, TAHomePage, sendMessage, avatarState, openUserInfo, isNeedLogin, handleInputYou, openListIAnswer, isListEmptyState, cutYourAnswerAnonymous, handleYourAnswer, yourAnswer, handleLogo, inTheEndState, setItemUrl, seo, originUrl, handleMenuState, reasonList, checkList, alertShow, alertText, selectRadio, alertSubmit, cutType, dialogSrc, answerPage, handleDetailsScroll, replaceState, copyText, boxClass, questionPlaceholderState, yourAnswerPlaceholderState, handleInput, handlePaste, itemStyle, listStyle, listBoxStyle, myType, type, pitchIndex, cut, list, keyword, keywordText, getList, total, typeList, typePitch, getDetails, detailsInfo, detailsIsanswered, detailsIscollection, detailsIsmyself, detailShare, detailLoading, answerList, operateLike, operateCollect, IAnswerState, IAnswerEditState, IAnswerInfo, amendIAnswer, openIAnswer, closeIAnswer, submitAnswer, openCommentState, submitAnswerComments, operateAnswerCommentsLike, openAnswerCommentsChild, closeAnswerCommentsChild, alsoCommentsData, handleAllComment, myCollectionList, myCollectionCount, myQuestionsList, myQuestionsCount, myAnswerList, myAnswerCount, cutAnswerPopupState, handleDate, handleCollectionScroll, handleAnswersScroll, handleQuestionsScroll, cancelCollection, getMyCollection, questionsSetp, questionsObj, cutAnonymous, cutQuestionsSetp, cutQuestionsPopupState, questionsTypeList, postingIssue, choosingTheme, handleMy, changeAnonymous, changeAnonymousQuestions, pageHeaderHeight, pageListHeight, questionsTransmitState, questionsTransmitMaskState, closeAllTransmitState, closeTransmitState, handleAnswerTransmitList, closeDetailMode, tabListFixeState, handleListScroll, historicalSearchState, historicalSearchList, searchFocus, searchBlur, searchClick, handleClickHistoricalItem, handleClickClear, isSearchMode, questionsInit, myCount, msg, myOpenDetails, handleAnswerText, getCurrentUrl, loading, showComments, jointriposte, randomEmojis, selectEomji, openRespondDetails, respondPopState, respondDetail, respondPopObj, closePopList, coinAmount, openInsert, insertcoinsState, insert, coinMessage, coinSelectAmountDispose, closeInsert, postCoinSbmit, cutOperate, insertcoinsNoState };
   }
 };
 function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Head = Head;
   const _component_Title = Title;
   const _component_Meta = Meta;
+  const _component_ClientOnly = __nuxt_component_3;
+  const _component_RespondAdd = __nuxt_component_4;
+  const _component_RespondPop = __nuxt_component_5;
   _push(`<!--[--><div id="append_parent"></div><div id="ajaxwaitid"></div><div>`);
   _push(ssrRenderComponent(_component_Head, null, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -2818,13 +3143,9 @@ 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_17)}><img class="answer-btn-icon answer-icon-white"${ssrRenderAttr("src", _imports_18)}> 我来回答 </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_19)}> ${ssrInterpolate($setup.detailsInfo["viewnum"] || 0)}</div><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_17)}><img class="answer-btn-icon answer-icon-white"${ssrRenderAttr("src", _imports_18)}> 我来回答 </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_19)}> ${ssrInterpolate($setup.detailsInfo["viewnum"] || 0)}</div>`);
-    if ($setup.detailsIscollection == 0) {
+    _push(ssrRenderComponent(_component_ClientOnly, null, {}, _parent));
-      _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_20)}>`);
+    _push(`<div class="operate-item flexacenter operate-transmit"><img class="operate-icon operate-transmit-icon"${ssrRenderAttr("src", _imports_22)}> 转发 `);
-    } else {
-      _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_21)}>`);
-    }
-    _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_22)}> 转发 `);
     if ($setup.questionsTransmitState) {
       _push(`<div class="transmit-box flexflex" style="${ssrRenderStyle({ "z-index": "10" })}"><img class="cross-icon"${ssrRenderAttr("src", _imports_13)}><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_23)}> 扫码转发该问答 </div></div></div></div>`);
     } else {
@@ -2832,7 +3153,14 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
     }
     _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_24)}><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>`);
+      var _a, _b, _c, _d, _e, _f;
+      _push(`<div class="answer-box-item"><img class="aa"${ssrRenderAttr("src", _imports_24)}>`);
+      if (item["ismyself"] == 1) {
+        _push(`<div class="edit-btn flexcenter"><img class="edit-icon"${ssrRenderAttr("src", _imports_17)}></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<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_25)}>`);
       } else {
@@ -2843,19 +3171,25 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
       } else {
         _push(`<!---->`);
       }
-      _push(`</div><div class="time">${ssrInterpolate($setup.handleDate(item["publicationdate"]))}</div></div><div class="operate-box flexacenter"><div class="edit-box">`);
+      _push(`</div><div class="time">${ssrInterpolate($setup.handleDate(item["publicationdate"]))}</div></div><div class="operate-box flexacenter"><div class="interaction-box flexacenter flex1"><div class="${ssrRenderClass([{ "pitch": item.tab == "riposte" }, "interaction-item flexacenter"])}">`);
-      if (item["ismyself"] == 1) {
+      if ((_a = item.ripostecount) == null ? void 0 : _a.total) {
-        _push(`<div class="edit-btn flexcenter"><img class="edit-icon"${ssrRenderAttr("src", _imports_17)}></div>`);
+        _push(`<!--[--> 回应 <span class="amount">${ssrInterpolate((_b = item.ripostecount) == null ? void 0 : _b.total)}</span><!--]-->`);
       } else {
-        _push(`<!---->`);
+        _push(`<!--[-->添加回应<!--]-->`);
       }
-      _push(`</div><div class="operate-list flexacenter"><div class="operate-item flexacenter">`);
+      _push(`</div><div class="${ssrRenderClass([{ "pitch": item.tab == "comment" }, "interaction-item flexacenter"])}">`);
-      if (item["islike"] == 1) {
+      if (item.commentnum != 0) {
-        _push(`<img class="operate-icon operate-like-icon"${ssrRenderAttr("src", _imports_26)}>`);
+        _push(`<!--[--> 讨论 <span class="amount">${ssrInterpolate(item.commentnum)}</span><!--]-->`);
       } else {
-        _push(`<img class="operate-icon operate-like-icon"${ssrRenderAttr("src", _imports_27)}>`);
+        _push(`<!--[-->添加讨论<!--]-->`);
       }
-      _push(` ${ssrInterpolate(item["likenum"])}</div><div class="${ssrRenderClass([{ commentnum: item["commentState"] }, "operate-item flexacenter"])}"><img class="operate-icon operate-comment-icon"${ssrRenderAttr("src", _imports_28)}>${ssrInterpolate(item["commentnum"])}</div><div class="operate-item flexacenter">`);
+      _push(`</div><div class="${ssrRenderClass([{ "pitch": item.tab == "coin" }, "interaction-item flexacenter"])}">`);
+      if (item.coinnum > 0) {
+        _push(`<!--[--> 投币 <span class="amount">${ssrInterpolate(item.coinnum)}</span><!--]-->`);
+      } else {
+        _push(`<!--[-->给TA投币<!--]-->`);
+      }
+      _push(`</div></div><div class="operate-list flexacenter"><div class="operate-item flexacenter">`);
       if (item["iscollection"] == 1) {
         _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_21)}>`);
       } else {
@@ -2868,8 +3202,58 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
         _push(`<!---->`);
       }
       _push(`</div></div></div>`);
-      if (item["commentState"]) {
+      if (item.tab == "coin") {
-        _push(`<!--[--><div class="${ssrRenderClass([{ "post-comment-radius": item.commentnum == 0 }, "post-comment flexacenter"])}"><input class="post-input flex1" placeholder="说点什么…"${ssrRenderAttr("value", item["commentInput"])}><div class="post-ok flexcenter">OK</div></div>`);
+        _push(`<div class="answer-coins"><div class="coins-show flexacenter"><img class="coins-icon"${ssrRenderAttr("src", _imports_26)}><div class="coins-text flexacenter flex1"> 该回答已获 <span class="quantity">${ssrInterpolate(item.coinnum)}</span> 个寄托币 </div><div class="coins-btn flexcenter">给TA投币</div></div>`);
+        if (item.coinnum > 0) {
+          _push(`<div class="answer-coins-list"><!--[-->`);
+          ssrRenderList(item.ranklist, (item2, index2) => {
+            _push(`<div class="answer-coins-item flexacenter"><div class="ranking">${ssrInterpolate(index2 + 1)}</div><div class="coins-user flexacenter flex1"><img class="coins-user-img"${ssrRenderAttr("src", item2.avatar)}><div class="coins-user-name flex1">${ssrInterpolate(item2.nickname)}</div></div><div class="bi flexacenter"><div class="bi-amount">${ssrInterpolate(item2.coinnum)}</div> 币 </div></div>`);
+          });
+          _push(`<!--]--></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      if (item.tab == "riposte") {
+        _push(`<!--[--><div class="respond-area"><!--[-->`);
+        ssrRenderList(item.ripostelist, (it, i) => {
+          _push(`<div class="${ssrRenderClass([{ "pitch": it.selected }, "respond-already-item flexacenter"])}"><div class="code flexacenter">${$setup.jointriposte(it.item)}</div> ${ssrInterpolate(it.num)}</div>`);
+        });
+        _push(`<!--]-->`);
+        if (((_c = item.ripostelist) == null ? void 0 : _c.length) <= 3) {
+          _push(`<div class="respond-select flexacenter"><!--[-->`);
+          ssrRenderList(item.randomEmojis.slice(0, ((_d = item.ripostelist) == null ? void 0 : _d.length) == 0 ? 8 : 5), (it, i) => {
+            _push(`<div class="respond-select-item">${$setup.jointriposte(it)}</div>`);
+          });
+          _push(`<!--]-->`);
+          _push(ssrRenderComponent(_component_RespondAdd, {
+            riposteoptions: item.riposteoptions,
+            onSelectEomji: $setup.selectEomji,
+            index
+          }, null, _parent));
+          _push(`</div>`);
+        } else {
+          _push(ssrRenderComponent(_component_RespondAdd, {
+            riposteoptions: item.riposteoptions,
+            index,
+            onSelectEomji: $setup.selectEomji
+          }, null, _parent));
+        }
+        _push(`</div>`);
+        if (((_e = item.ripostecount) == null ? void 0 : _e.user) > 0) {
+          _push(`<div class="respond-list-btn"> 共 <span class="respond-list-btn-amount">${ssrInterpolate((_f = item.ripostecount) == null ? void 0 : _f.user)}</span> 人回应 <img class="respond-list-btn-icon"${ssrRenderAttr("src", _imports_27)}></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`<!--]-->`);
+      } else {
+        _push(`<!---->`);
+      }
+      if (item.tab == "comment") {
+        _push(`<div class="comments-area"><div class="post-comment-box"><div class="${ssrRenderClass([{ "post-comment-radius": item.commentnum == 0 }, "post-comment flexacenter"])}"><textarea class="post-input flex1" placeholder="说点什么…">${ssrInterpolate(item["commentInput"])}</textarea><div class="post-ok flexcenter">OK</div></div></div>`);
         if (item["commentList"] && item["commentList"].length != 0) {
           _push(`<div class="${ssrRenderClass([{ "show-one-comment": item["showOneCommentState"] }, "comments-box"])}"><!--[-->`);
           ssrRenderList(item["commentList"], (it, ind) => {
@@ -2886,11 +3270,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_29)}><div class="report-box flexcenter">举报</div></div><img class="comment-icon"${ssrRenderAttr("src", _imports_30)}><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_28)}><div class="report-box flexcenter">举报</div></div><img class="comment-icon"${ssrRenderAttr("src", _imports_29)}><div class="flexacenter like-box">`);
             if (it["islike"] == 0) {
-              _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_31)}>`);
+              _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_30)}>`);
             } else {
-              _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_26)}>`);
+              _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_31)}>`);
             }
             _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"]) {
@@ -2915,11 +3299,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_29)}><div class="report-box flexcenter">举报</div></div><img class="comment-icon"${ssrRenderAttr("src", _imports_30)}><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_28)}><div class="report-box flexcenter">举报</div></div><img class="comment-icon"${ssrRenderAttr("src", _imports_29)}><div class="flexacenter like-box">`);
                 if (ite["islike"] == 0) {
-                  _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_31)}>`);
+                  _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_30)}>`);
                 } else {
-                  _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_26)}>`);
+                  _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_31)}>`);
                 }
                 _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"]) != "[]") {
@@ -2957,7 +3341,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
         } else {
           _push(`<!---->`);
         }
-        _push(`<!--]-->`);
+        _push(`</div>`);
       } else {
         _push(`<!---->`);
       }
@@ -3121,9 +3505,34 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   }
   _push(`<div class="alert-form" style="${ssrRenderStyle($setup.alertShow ? null : { display: "none" })}"><div class="comments reports"><div class="head"><span style="${ssrRenderStyle({ "display": "flex", "align-items": "center" })}"><img style="${ssrRenderStyle({ "width": "25px", "margin-right": "7px" })}" src="//app.gter.net/image/gter/offer/img/exclamationpoint.png?v=4.2.08_331040000">举报投诉 </span><div class="close icon-close iconfont"></div></div><div class="form"><div class="radio-area flexacenter"><!--[-->`);
   ssrRenderList($setup.reasonList, (s, i) => {
-    _push(`<div class="${ssrRenderClass([{ pitch: $setup.checkList.includes(s) }, "radio-area-item flexacenter"])}"><div class="radio-area-frame"></div> ${ssrInterpolate(s)}</div>`);
+    _push(`<div class="${ssrRenderClass([{ pitch: $setup.checkList.includes(s) }, "radio-area-item flexacenter"])}"><div cdivlass="radio-area-frame"></div> ${ssrInterpolate(s)}</div>`);
   });
-  _push(`<!--]--></div><div class="text-box"><textarea placeholder="请输入举报原因" maxlength="200">${ssrInterpolate($setup.alertText)}</textarea><div class="text-num">${ssrInterpolate(200 - $setup.alertText.length)}</div></div><div class="footer"><button type="button">取消</button><button type="submit"${ssrIncludeBooleanAttr($setup.checkList.length == 0) ? " disabled" : ""}>提交</button></div></div></div></div></div></div><!--]-->`);
+  _push(`<!--]--></div><div class="text-box"><textarea placeholder="请输入举报原因" maxlength="200">${ssrInterpolate($setup.alertText)}</textarea><div class="text-num">${ssrInterpolate(200 - $setup.alertText.length)}</div></div><div class="footer"><button type="button">取消</button><button type="submit"${ssrIncludeBooleanAttr($setup.checkList.length == 0) ? " disabled" : ""}>提交</button></div></div></div></div>`);
+  if ($setup.respondPopState) {
+    _push(ssrRenderComponent(_component_RespondPop, {
+      respondDetail: $setup.respondDetail,
+      respondPopObj: $setup.respondPopObj,
+      onClosePopList: $setup.closePopList,
+      onSelectEomji: $setup.selectEomji
+    }, null, _parent));
+  } else {
+    _push(`<!---->`);
+  }
+  if ($setup.insertcoinsState) {
+    _push(`<div class="respond-pop-mask"><div class="slit-pop-box"><div class="slit-left"><img class="slit-left-icon"${ssrRenderAttr("src", _imports_26)}></div><div class="slit-box"><div class="slit-head" style="${ssrRenderStyle({})}"><div class="slit-head-title flexflex" style="${ssrRenderStyle({})}"><span>投币</span> <a target="_blank"${ssrRenderAttr("href", $setup.insert.coinConfig.strategy.url)} style="${ssrRenderStyle({})}">${ssrInterpolate($setup.insert.coinConfig.strategy.button)}</a></div><div class="in-all"> 你共有 <span>${ssrInterpolate($setup.insert.coinMybalance)}</span> 寄托币 </div></div><div class="coin-quantity flex-items"><!--[-->`);
+    ssrRenderList($setup.insert.coinConfig.list, (item) => {
+      _push(`<div class="${ssrRenderClass([{ "coin-pitch": $setup.coinAmount == item }, "coin-quantity-item"])}">${ssrInterpolate(item)} <span>${ssrInterpolate($setup.insert.coinConfig.unit)}</span></div>`);
+    });
+    _push(`<!--]--></div><input class="slit-input" type="number"${ssrRenderAttr("value", $setup.coinAmount)} placeholder="自定义投币金额"><div class="message-box"><div class="message-hint">顺便说点什么</div><input class="slit-input"${ssrRenderAttr("value", $setup.coinMessage)} placeholder="请输入" maxlength="500"></div><div class="operation"><div class="operation-item flexcenter">取消</div><div class="operation-item flexcenter greenBj">确定</div></div></div></div></div>`);
+  } else {
+    _push(`<!---->`);
+  }
+  if ($setup.insertcoinsNoState) {
+    _push(`<div class="respond-pop-mask"><div class="no-jituobi-pop-box"><img class="no-jituobi-close"${ssrRenderAttr("src", _imports_41)}><div class="no-jituobi-head flexacenter"><img class="bi-icon"${ssrRenderAttr("src", _imports_26)} style="${ssrRenderStyle({ "margin-right": "12px" })}"><span style="${ssrRenderStyle({ "margin-top": "10px" })}">${ssrInterpolate($setup.insert.coinConfig.strategy.tips)}</span></div><a${ssrRenderAttr("href", $setup.insert.coinConfig.strategy.url)} target="_blank"><div class="strategy-btn greenBj flexcenter">${ssrInterpolate($setup.insert.coinConfig.strategy.button)}<img class="strategy-icon"${ssrRenderAttr("src", _imports_42)}></div></a></div></div>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`</div></div><!--]-->`);
 }
 const _sfc_setup$2 = _sfc_main$2.setup;
 _sfc_main$2.setup = (props, ctx) => {
@@ -3153,8 +3562,8 @@ const _sfc_main$1 = {
     const statusMessage = _error.statusMessage ?? (is404 ? "Page Not Found" : "Internal Server Error");
     const description = _error.message || _error.toString();
     const stack = void 0;
-    const _Error404 = defineAsyncComponent(() => import('./static/error-404-b567fef8.mjs').then((r) => r.default || r));
+    const _Error404 = defineAsyncComponent(() => import('./static/error-404-e554c81e.mjs').then((r) => r.default || r));
-    const _Error = defineAsyncComponent(() => import('./static/error-500-fd968d91.mjs').then((r) => r.default || r));
+    const _Error = defineAsyncComponent(() => import('./static/error-500-87e865c4.mjs').then((r) => r.default || r));
     const ErrorTemplate = is404 ? _Error404 : _Error;
     return (_ctx, _push, _parent, _attrs) => {
       _push(ssrRenderComponent(unref(ErrorTemplate), mergeProps({ statusCode: unref(statusCode), statusMessage: unref(statusMessage), description: unref(description), stack: unref(stack) }, _attrs), null, _parent));
@@ -3172,7 +3581,7 @@ const _sfc_main = {
   __name: "nuxt-root",
   __ssrInlineRender: true,
   setup(__props) {
-    const IslandRenderer = defineAsyncComponent(() => import('./static/island-renderer-4de2a5fd.mjs').then((r) => r.default || r));
+    const IslandRenderer = defineAsyncComponent(() => import('./static/island-renderer-e75852ba.mjs').then((r) => r.default || r));
     const nuxtApp = /* @__PURE__ */ useNuxtApp();
     nuxtApp.deferHydration();
     nuxtApp.ssrContext.url;

.output/server/chunks/app/static/entry-styles.16945c4f.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"entry-styles.16945c4f.mjs","sources":["../../../../../.nuxt/dist/server/static/entry-styles-1.mjs-b75d50c5.js","../../../../../.nuxt/dist/server/static/entry-styles.16945c4f.mjs"],"sourcesContent":null,"names":["__buildAssetsURL","style_0"],"mappings":";;;;;;;;;;;;;;;;AAAA,MAAA,mCAAA,GAAA,o9MAAA,GAAAA,cAAA,CAAA,4BAAA,CAAA,GAAA,44uCAAA;;ACCA,6BAAe,CAACC,mCAAO;;;;"}

.output/server/chunks/app/static/entry-styles.fd270820.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry-styles.fd270820.mjs","sources":["../../../../../.nuxt/dist/server/static/entry-styles-1.mjs-20720a4a.js","../../../../../.nuxt/dist/server/static/entry-styles.fd270820.mjs"],"sourcesContent":null,"names":["__buildAssetsURL","style_0"],"mappings":";;;;;;;;;;;;;;;;AAAA,MAAA,mCAAA,GAAA,kkNAAA,GAAAA,cAAA,CAAA,4BAAA,CAAA,GAAA,2vrDAAA;;ACCA,6BAAe,CAACC,mCAAO;;;;"}

.output/server/chunks/app/static/error-404-e554c81e.mjs

@@ -280,4 +280,4 @@ _sfc_main.setup = (props, ctx) => {
 const error404 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ccd3db62"]]);
 
 export { error404 as default };
-//# sourceMappingURL=error-404-b567fef8.mjs.map
+//# sourceMappingURL=error-404-e554c81e.mjs.map

.output/server/chunks/app/static/error-500-87e865c4.mjs

@@ -62,4 +62,4 @@ _sfc_main.setup = (props, ctx) => {
 const error500 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-df79c84d"]]);
 
 export { error500 as default };
-//# sourceMappingURL=error-500-fd968d91.mjs.map
+//# sourceMappingURL=error-500-87e865c4.mjs.map

.output/server/chunks/app/static/error-500-87e865c4.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"error-500-fd968d91.mjs","sources":["../../../../../.nuxt/dist/server/static/error-500-fd968d91.js"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,SAAY,GAAA;AAAA,EAChB,MAAQ,EAAA,WAAA;AAAA,EACR,iBAAmB,EAAA,IAAA;AAAA,EACnB,KAAO,EAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,EAAA;AAAA,KACX;AAAA,IACA,UAAY,EAAA;AAAA,MACV,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,GAAA;AAAA,KACX;AAAA,IACA,aAAe,EAAA;AAAA,MACb,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,cAAA;AAAA,KACX;AAAA,IACA,WAAa,EAAA;AAAA,MACX,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,uCAAA;AAAA,KACX;AAAA,GACF;AAAA,EACA,MAAM,OAAS,EAAA;AACb,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAQ,OAAA,CAAA;AAAA,MACN,KAAA,EAAO,GAAG,KAAM,CAAA,UAAU,MAAM,KAAM,CAAA,aAAa,CAAM,GAAA,EAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,MACtE,QAAQ,EAAC;AAAA,MACT,KAAO,EAAA;AAAA,QACL;AAAA,UACE,QAAU,EAAA,CAAA,uuBAAA,CAAA;AAAA,SACZ;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AACD,IAAA,OAAO,CAAC,IAAA,EAAM,KAAO,EAAA,OAAA,EAAS,MAAW,KAAA;AACvC,MAAM,KAAA,CAAA,CAAA,IAAA,EAAO,eAAe,UAAW,CAAA,EAAE,OAAO,gIAAiI,EAAA,EAAG,MAAM,CAAC,CAAC,gOAAgO,cAAe,CAAA,OAAA,CAAQ,UAAU,CAAC,CAAA,gGAAA,EAAmG,eAAe,OAAQ,CAAA,WAAW,CAAC,CAAkB,gBAAA,CAAA,CAAA,CAAA;AAAA,KACxlB,CAAA;AAAA,GACF;AACF,CAAA,CAAA;AACA,MAAM,aAAa,SAAU,CAAA,KAAA,CAAA;AAC7B,SAAU,CAAA,KAAA,GAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AAChC,EAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AACjC,EAAC,CAAA,UAAA,CAAW,YAAY,UAAW,CAAA,OAAA,uBAA8B,GAAI,EAAA,CAAA,EAAI,IAAI,8DAA8D,CAAA,CAAA;AAC3I,EAAA,OAAO,UAAa,GAAA,UAAA,CAAW,KAAO,EAAA,GAAG,CAAI,GAAA,KAAA,CAAA,CAAA;AAC/C,CAAA,CAAA;AACM,MAAA,QAAA,+BAAuC,SAAW,EAAA,CAAC,CAAC,WAAa,EAAA,iBAAiB,CAAC,CAAC;;;;"}
+{"version":3,"file":"error-500-87e865c4.mjs","sources":["../../../../../.nuxt/dist/server/static/error-500-87e865c4.js"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,SAAY,GAAA;AAAA,EAChB,MAAQ,EAAA,WAAA;AAAA,EACR,iBAAmB,EAAA,IAAA;AAAA,EACnB,KAAO,EAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,EAAA;AAAA,KACX;AAAA,IACA,UAAY,EAAA;AAAA,MACV,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,GAAA;AAAA,KACX;AAAA,IACA,aAAe,EAAA;AAAA,MACb,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,cAAA;AAAA,KACX;AAAA,IACA,WAAa,EAAA;AAAA,MACX,IAAM,EAAA,MAAA;AAAA,MACN,OAAS,EAAA,uCAAA;AAAA,KACX;AAAA,GACF;AAAA,EACA,MAAM,OAAS,EAAA;AACb,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAQ,OAAA,CAAA;AAAA,MACN,KAAA,EAAO,GAAG,KAAM,CAAA,UAAU,MAAM,KAAM,CAAA,aAAa,CAAM,GAAA,EAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,MACtE,QAAQ,EAAC;AAAA,MACT,KAAO,EAAA;AAAA,QACL;AAAA,UACE,QAAU,EAAA,CAAA,uuBAAA,CAAA;AAAA,SACZ;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AACD,IAAA,OAAO,CAAC,IAAA,EAAM,KAAO,EAAA,OAAA,EAAS,MAAW,KAAA;AACvC,MAAM,KAAA,CAAA,CAAA,IAAA,EAAO,eAAe,UAAW,CAAA,EAAE,OAAO,gIAAiI,EAAA,EAAG,MAAM,CAAC,CAAC,gOAAgO,cAAe,CAAA,OAAA,CAAQ,UAAU,CAAC,CAAA,gGAAA,EAAmG,eAAe,OAAQ,CAAA,WAAW,CAAC,CAAkB,gBAAA,CAAA,CAAA,CAAA;AAAA,KACxlB,CAAA;AAAA,GACF;AACF,CAAA,CAAA;AACA,MAAM,aAAa,SAAU,CAAA,KAAA,CAAA;AAC7B,SAAU,CAAA,KAAA,GAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AAChC,EAAA,MAAM,aAAa,aAAc,EAAA,CAAA;AACjC,EAAC,CAAA,UAAA,CAAW,YAAY,UAAW,CAAA,OAAA,uBAA8B,GAAI,EAAA,CAAA,EAAI,IAAI,8DAA8D,CAAA,CAAA;AAC3I,EAAA,OAAO,UAAa,GAAA,UAAA,CAAW,KAAO,EAAA,GAAG,CAAI,GAAA,KAAA,CAAA,CAAA;AAC/C,CAAA,CAAA;AACM,MAAA,QAAA,+BAAuC,SAAW,EAAA,CAAC,CAAC,WAAa,EAAA,iBAAiB,CAAC,CAAC;;;;"}

.output/server/chunks/app/static/island-renderer-4de2a5fd.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"island-renderer-4de2a5fd.mjs","sources":["../../../../../.nuxt/dist/server/static/island-renderer-4de2a5fd.js"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,qBAAqB,EAAC,CAAA;AAC5B,MAAM,gBAAA,0BAA0C,MAAO,CAAA;AAAA,EACrD,SAAW,EAAA,IAAA;AAAA,EACX,OAAS,EAAA,kBAAA;AACX,CAAC,CAAA,CAAA;AACD,MAAM,iBAAiB,eAAgB,CAAA;AAAA,EACrC,KAAO,EAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,GACF;AAAA,EACA,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,SAAY,GAAA,gBAAA,CAAiB,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AACrD,IAAA,IAAI,CAAC,SAAW,EAAA;AACd,MAAA,MAAM,WAAY,CAAA;AAAA,QAChB,UAAY,EAAA,GAAA;AAAA,QACZ,aAAe,EAAA,CAAA,4BAAA,EAA+B,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,OACjE,CAAA,CAAA;AAAA,KACH;AACA,IAAA,eAAA,CAAgB,CAAC,CAAM,KAAA;AACrB,MAAA,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA;AAAA,KACd,CAAA,CAAA;AACD,IAAO,OAAA,MAAM,WAAY,CAAA,SAAA,IAAa,MAAQ,EAAA,EAAE,GAAG,KAAA,CAAM,OAAQ,CAAA,KAAA,EAAO,wBAA0B,EAAA,EAAA,EAAI,CAAA,CAAA;AAAA,GACxG;AACF,CAAC;;;;"}

.output/server/chunks/app/static/island-renderer-e75852ba.mjs

@@ -40,4 +40,4 @@ const islandRenderer = defineComponent({
 });
 
 export { islandRenderer as default };
-//# sourceMappingURL=island-renderer-4de2a5fd.mjs.map
+//# sourceMappingURL=island-renderer-e75852ba.mjs.map

.output/server/chunks/app/static/island-renderer-e75852ba.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"island-renderer-e75852ba.mjs","sources":["../../../../../.nuxt/dist/server/static/island-renderer-e75852ba.js"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,qBAAqB,EAAC,CAAA;AAC5B,MAAM,gBAAA,0BAA0C,MAAO,CAAA;AAAA,EACrD,SAAW,EAAA,IAAA;AAAA,EACX,OAAS,EAAA,kBAAA;AACX,CAAC,CAAA,CAAA;AACD,MAAM,iBAAiB,eAAgB,CAAA;AAAA,EACrC,KAAO,EAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,MAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,GACF;AAAA,EACA,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,SAAY,GAAA,gBAAA,CAAiB,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AACrD,IAAA,IAAI,CAAC,SAAW,EAAA;AACd,MAAA,MAAM,WAAY,CAAA;AAAA,QAChB,UAAY,EAAA,GAAA;AAAA,QACZ,aAAe,EAAA,CAAA,4BAAA,EAA+B,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,OACjE,CAAA,CAAA;AAAA,KACH;AACA,IAAA,eAAA,CAAgB,CAAC,CAAM,KAAA;AACrB,MAAA,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA;AAAA,KACd,CAAA,CAAA;AACD,IAAO,OAAA,MAAM,WAAY,CAAA,SAAA,IAAa,MAAQ,EAAA,EAAE,GAAG,KAAA,CAAM,OAAQ,CAAA,KAAA,EAAO,wBAA0B,EAAA,EAAA,EAAI,CAAA,CAAA;AAAA,GACxG;AACF,CAAC;;;;"}

.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.16945c4f.mjs').then(interopDefault),
+  "node_modules/nuxt/dist/app/entry.js": () => import('./static/entry-styles.fd270820.mjs').then(interopDefault),
   "node_modules/@nuxt/ui-templates/dist/templates/error-500.vue": () => import('./static/error-500-styles.cf4b3e80.mjs').then(interopDefault),
   "node_modules/@nuxt/ui-templates/dist/templates/error-404.vue": () => import('./static/error-404-styles.1e0dde27.mjs').then(interopDefault)
 };

.output/server/chunks/nitro/node-server.mjs

@@ -3059,7 +3059,7 @@ function klona(x) {
 
 const inlineAppConfig = {
   "nuxt": {
-    "buildId": "47567d3f-35ed-4635-9e3c-11e3c8553d93"
+    "buildId": "e99b1caf-dcc5-45f6-85f7-5c8a079e7d55"
   }
 };
 
@@ -4949,205 +4949,240 @@ const assets = {
   "/static/add-icon.0b0b5313.svg": {
     "type": "image/svg+xml",
     "etag": "\"d67-gajxuGcy6aHIeWAbO0RazX03p90\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 3431,
     "path": "../public/static/add-icon.0b0b5313.svg"
   },
+  "/static/arrows-black.688ffbe9.svg": {
+    "type": "image/svg+xml",
+    "etag": "\"b92-THHSA+AHbZYg0KgToCsyvMATyUU\"",
+    "mtime": "2024-07-29T08:58:10.782Z",
+    "size": 2962,
+    "path": "../public/static/arrows-black.688ffbe9.svg"
+  },
   "/static/arrows-icon.271dd0d3.svg": {
     "type": "image/svg+xml",
     "etag": "\"5a0-yAit7q5lcKJMd35iOMMifZv2uno\"",
-    "mtime": "2024-07-19T06:57:28.986Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 1440,
     "path": "../public/static/arrows-icon.271dd0d3.svg"
   },
+  "/static/arrowsRight.59ee73d7.svg": {
+    "type": "image/svg+xml",
+    "etag": "\"5a0-bEJuUuvdKIhwbvsoMwNY6kjRSMA\"",
+    "mtime": "2024-07-29T08:58:10.781Z",
+    "size": 1440,
+    "path": "../public/static/arrowsRight.59ee73d7.svg"
+  },
+  "/static/bi-icon.c9939802.png": {
+    "type": "image/png",
+    "etag": "\"424b-ehG5cvCP43YCuZ53n9I8Pp7h9ww\"",
+    "mtime": "2024-07-29T08:58:10.782Z",
+    "size": 16971,
+    "path": "../public/static/bi-icon.c9939802.png"
+  },
   "/static/close-icon.86743366.svg": {
     "type": "image/svg+xml",
     "etag": "\"2d4-QYrulZl33jopLCT37UdJfnzXOVg\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 724,
     "path": "../public/static/close-icon.86743366.svg"
   },
   "/static/collect-icon-colours.6d2ade7f.svg": {
     "type": "image/svg+xml",
     "etag": "\"7ab-av9D1DgxgD5cvY5wd30haD7c1q0\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "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": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 2070,
     "path": "../public/static/comment-icon-gray.2c8779f9.svg"
   },
+  "/static/cross-gray.2c215ff3.svg": {
+    "type": "image/svg+xml",
+    "etag": "\"851-MWN0jdDmt77COciQqX3rOc+87q4\"",
+    "mtime": "2024-07-29T08:58:10.782Z",
+    "size": 2129,
+    "path": "../public/static/cross-gray.2c215ff3.svg"
+  },
   "/static/delete-icon.4d386dce.svg": {
     "type": "image/svg+xml",
     "etag": "\"17fe-RGKa0+MaUqOqlbPlXlig67fGkaY\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 6142,
     "path": "../public/static/delete-icon.4d386dce.svg"
   },
   "/static/dot-gray.86cdd7b5.svg": {
     "type": "image/svg+xml",
     "etag": "\"2af-sBMsuPZbsh28jzlFWO9lVYMVDk8\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 687,
     "path": "../public/static/dot-gray.86cdd7b5.svg"
   },
   "/static/dot-yellow.4b5e135b.svg": {
     "type": "image/svg+xml",
     "etag": "\"2af-6L7YsWhGTHBB6NqQztB/l2OFRfE\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 687,
     "path": "../public/static/dot-yellow.4b5e135b.svg"
   },
   "/static/dot.1026a040.svg": {
     "type": "image/svg+xml",
     "etag": "\"217-dx6xqUT4D9pCoKc6nr20aXeJQXQ\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 535,
     "path": "../public/static/dot.1026a040.svg"
   },
   "/static/edit-icon-white.29b27582.svg": {
     "type": "image/svg+xml",
     "etag": "\"8be-EnEF3CQI46JkMNAXbPf3H6T7pzU\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 2238,
     "path": "../public/static/edit-icon-white.29b27582.svg"
   },
   "/static/empty-icon.24a01ae2.svg": {
     "type": "image/svg+xml",
     "etag": "\"d028-Our2UxxUiciRSduORd8JZCt5Prw\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 53288,
     "path": "../public/static/empty-icon.24a01ae2.svg"
   },
-  "/static/entry.50a8ecce.js": {
+  "/static/entry.45bee5ab.css": {
-    "type": "application/javascript",
-    "etag": "\"3c70b-SFCHIxcjp693a2xj+oA3lriClcM\"",
-    "mtime": "2024-07-19T06:57:28.991Z",
-    "size": 247563,
-    "path": "../public/static/entry.50a8ecce.js"
-  },
-  "/static/entry.d1956760.css": {
     "type": "text/css; charset=utf-8",
-    "etag": "\"b63f-+oY+OSQCv7rHOgaBDRzeRd3kkJo\"",
+    "etag": "\"f008-41haI6qda0WfOTx67XQ9KaXH70U\"",
-    "mtime": "2024-07-19T06:57:28.990Z",
+    "mtime": "2024-07-29T08:58:10.782Z",
-    "size": 46655,
+    "size": 61448,
-    "path": "../public/static/entry.d1956760.css"
+    "path": "../public/static/entry.45bee5ab.css"
+  },
+  "/static/entry.745e49d6.js": {
+    "type": "application/javascript",
+    "etag": "\"3eb0b-fErxA0ySJBKf9ydeRzRhfTU1iqk\"",
+    "mtime": "2024-07-29T08:58:10.783Z",
+    "size": 256779,
+    "path": "../public/static/entry.745e49d6.js"
+  },
+  "/static/error-404.3c11d8b8.js": {
+    "type": "application/javascript",
+    "etag": "\"18de-jvfx/8ZFqn2AKPAllId2SAYSicY\"",
+    "mtime": "2024-07-29T08:58:10.782Z",
+    "size": 6366,
+    "path": "../public/static/error-404.3c11d8b8.js"
   },
   "/static/error-404.7fc72018.css": {
     "type": "text/css; charset=utf-8",
     "etag": "\"e2e-iNt1cqPQ0WDudfCTZVQd31BeRGs\"",
-    "mtime": "2024-07-19T06:57:28.990Z",
+    "mtime": "2024-07-29T08:58:10.782Z",
     "size": 3630,
     "path": "../public/static/error-404.7fc72018.css"
   },
-  "/static/error-404.d78c135d.js": {
-    "type": "application/javascript",
-    "etag": "\"18de-+rDl4H/JcL2LObiThjUowhdwNh8\"",
-    "mtime": "2024-07-19T06:57:28.990Z",
-    "size": 6366,
-    "path": "../public/static/error-404.d78c135d.js"
-  },
-  "/static/error-500.1c2f6aa9.js": {
-    "type": "application/javascript",
-    "etag": "\"756-+utA6fyA46/ZGiSeYRzvKKqUPMs\"",
-    "mtime": "2024-07-19T06:57:28.990Z",
-    "size": 1878,
-    "path": "../public/static/error-500.1c2f6aa9.js"
-  },
   "/static/error-500.c5df6088.css": {
     "type": "text/css; charset=utf-8",
     "etag": "\"79e-ByRo+49BgcevWdRjJy3CMx2IA5k\"",
-    "mtime": "2024-07-19T06:57:28.990Z",
+    "mtime": "2024-07-29T08:58:10.782Z",
     "size": 1950,
     "path": "../public/static/error-500.c5df6088.css"
   },
+  "/static/error-500.fefb5447.js": {
+    "type": "application/javascript",
+    "etag": "\"756-zfXu8JfutmQpB114wNWiSx15uBg\"",
+    "mtime": "2024-07-29T08:58:10.782Z",
+    "size": 1878,
+    "path": "../public/static/error-500.fefb5447.js"
+  },
   "/static/issue-bj.44adad8c.svg": {
     "type": "image/svg+xml",
     "etag": "\"926-lK6rrraYIC+9Yxyy0subzOK8XpE\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.781Z",
     "size": 2342,
     "path": "../public/static/issue-bj.44adad8c.svg"
   },
   "/static/logo.6622f82d.png": {
     "type": "image/png",
     "etag": "\"843f-FSXGFGigIHmtzjdcQzuMz/a7E+o\"",
-    "mtime": "2024-07-19T06:57:28.988Z",
+    "mtime": "2024-07-29T08:58:10.778Z",
     "size": 33855,
     "path": "../public/static/logo.6622f82d.png"
   },
   "/static/menu-icon-gray.d61f02b1.svg": {
     "type": "image/svg+xml",
     "etag": "\"6de-kmXhltPHfF4W1gmV7wT4aZCZ6gg\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 1758,
     "path": "../public/static/menu-icon-gray.d61f02b1.svg"
   },
+  "/static/plus-sign.4260c2a7.svg": {
+    "type": "image/svg+xml",
+    "etag": "\"90a-9c1O3JagT0aoLSoFWR4iAM/7WuU\"",
+    "mtime": "2024-07-29T08:58:10.782Z",
+    "size": 2314,
+    "path": "../public/static/plus-sign.4260c2a7.svg"
+  },
   "/static/QRCode-icon.a105d5fc.svg": {
     "type": "image/svg+xml",
     "etag": "\"9c1-qGg9jZ5wmHJGzh2A00nHIGWHMh4\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 2497,
     "path": "../public/static/QRCode-icon.a105d5fc.svg"
   },
   "/static/tick-no.179037b3.svg": {
     "type": "image/svg+xml",
     "etag": "\"1ea-YISAWqJD56jxoQT8N812fDJfkMw\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 490,
     "path": "../public/static/tick-no.179037b3.svg"
   },
   "/static/tick-option.e092d22f.svg": {
     "type": "image/svg+xml",
     "etag": "\"29a-UVjuq3WHs6mhu1KGQ7gQmJH2Bc4\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "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": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 1546,
     "path": "../public/static/tick-orange.233abc69.svg"
   },
   "/static/title.98892974.png": {
     "type": "image/png",
     "etag": "\"1723-0OwkVass/2nFB99dRT4w0sPUvI0\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 5923,
     "path": "../public/static/title.98892974.png"
   },
   "/static/triangle-icon.c39ff2e7.svg": {
     "type": "image/svg+xml",
     "etag": "\"446-ylQ81DOJ3joSbsS9atyrW6pZsBY\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.782Z",
     "size": 1094,
     "path": "../public/static/triangle-icon.c39ff2e7.svg"
   },
   "/static/view-icon.da7fef35.svg": {
     "type": "image/svg+xml",
     "etag": "\"f39-5Jwx14wB0jgB0Du25KRZbkEEXvI\"",
-    "mtime": "2024-07-19T06:57:28.989Z",
+    "mtime": "2024-07-29T08:58:10.780Z",
     "size": 3897,
     "path": "../public/static/view-icon.da7fef35.svg"
   },
   "/static/builds/latest.json": {
     "type": "application/json",
-    "etag": "\"47-hUhGKxw+7EQVcFCaA2WL7NIJuoc\"",
+    "etag": "\"47-IyLFAy5Td6Vd7dMh9nzrnuoj73w\"",
-    "mtime": "2024-07-19T06:57:30.112Z",
+    "mtime": "2024-07-29T08:58:12.170Z",
     "size": 71,
     "path": "../public/static/builds/latest.json"
   },
-  "/static/builds/meta/47567d3f-35ed-4635-9e3c-11e3c8553d93.json": {
+  "/static/builds/meta/e99b1caf-dcc5-45f6-85f7-5c8a079e7d55.json": {
     "type": "application/json",
-    "etag": "\"8b-YJsNJgchcD3elWyaVwpFq/UIR+Y\"",
+    "etag": "\"8b-EJf+T7uutI52ky7Y7q+LApMXONg\"",
-    "mtime": "2024-07-19T06:57:30.113Z",
+    "mtime": "2024-07-29T08:58:12.170Z",
     "size": 139,
-    "path": "../public/static/builds/meta/47567d3f-35ed-4635-9e3c-11e3c8553d93.json"
+    "path": "../public/static/builds/meta/e99b1caf-dcc5-45f6-85f7-5c8a079e7d55.json"
   }
 };
 

app.vue

@@ -277,23 +277,26 @@
 
                             <div class="operate-box flexacenter">
                                 <div class="interaction-box flexacenter flex1">
-                                    <div class="interaction-item flexacenter pitch">
+                                    <div class="interaction-item flexacenter" :class="{ 'pitch': item.tab == 'riposte' }" @click="cutOperate(index, 'riposte')">
-                                        <template v-if="item.ripostecount?.total"> 回应 <span class="amount">{{ item.ripostecount?.total }}</span> </template>
+                                        <template v-if="item.ripostecount?.total">
+                                            回应 <span class="amount">{{ item.ripostecount?.total }}</span>
+                                        </template>
                                         <template v-else>添加回应</template>
                                     </div>
-                                    <div class="interaction-item flexacenter">讨论 <span class="amount">19</span></div>
+                                    <div class="interaction-item flexacenter" :class="{ 'pitch': item.tab == 'comment' }" @click="cutOperate(index, 'comment')">
-                                    <div class="interaction-item flexacenter">投币 <span class="amount">19</span></div>
+                                        <template v-if="item.commentnum != 0">
+                                            讨论 <span class="amount">{{ item.commentnum }}</span>
+                                        </template>
+                                        <template v-else>添加讨论</template>
+                                    </div>
+                                    <div class="interaction-item flexacenter" :class="{ 'pitch': item.tab == 'coin' }" @click="cutOperate(index, 'coin')">
+                                        <template v-if="item.coinnum > 0">
+                                            投币 <span class="amount">{{ item.coinnum }}</span>
+                                        </template>
+                                        <template v-else>给TA投币</template>
+                                    </div>
                                 </div>
                                 <div class="operate-list flexacenter">
-                                    <!-- <div class="operate-item flexacenter" @click="operateLike(item['token'], index)">
-                                        <img class="operate-icon operate-like-icon" v-if="item['islike'] == 1" src="./img/like-icon-colours.png" />
-                                        <img class="operate-icon operate-like-icon" v-else src="./img/like-icon.png" />
-                                        {{ item["likenum"] }}
-                                    </div>
-                                    <div class="operate-item flexacenter" :class="{ commentnum: item['commentState'] }">
-                                        <img class="operate-icon operate-comment-icon" src="./img/comment-icon.png" />
-                                        {{ item["commentnum"] }}
-                                    </div> -->
                                     <div class="operate-item flexacenter" @click="operateCollect(item['token'], index)">
                                         <img class="operate-icon operate-collect-icon" v-if="item['iscollection'] == 1" src="./img/collect-icon-colours.svg" />
                                         <img class="operate-icon operate-collect-icon" v-else src="./img/collect-icon.png" />
@@ -327,51 +330,58 @@
                                 </div>
                             </div>
 
-                            <div class="answer-coins" v-if="false">
+                            <div class="answer-coins" v-if="item.tab == 'coin'">
                                 <div class="coins-show flexacenter">
                                     <img class="coins-icon" src="@/img/bi-icon.png" />
-                                    <div class="coins-text flexacenter flex1">该回答已获 <span class="quantity">0</span> 个寄托币</div>
+                                    <div class="coins-text flexacenter flex1">
-                                    <div class="coins-btn flexcenter">给TA投币</div>
+                                        该回答已获 <span class="quantity">{{ item.coinnum }}</span> 个寄托币
+                                    </div>
+                                    <div class="coins-btn flexcenter" @click="openInsert(index)">给TA投币</div>
                                 </div>
-                                <div class="answer-coins-list">
+                                <div class="answer-coins-list" v-if="item.coinnum > 0">
-                                    <div class="answer-coins-item flexacenter" v-for="(item, index) in 9" :key="index">
+                                    <div class="answer-coins-item flexacenter" v-for="(item, index) in item.ranklist" :key="index">
                                         <div class="ranking">{{ index + 1 }}</div>
-                                        <div class="coins-user flexacenter flex1">
+                                        <div class="coins-user flexacenter flex1" @click.stop="TAHomePage(item.uin)">
-                                            <img class="coins-user-img" src="https://axure-file.lanhuapp.com/md5__1f472a5724af5648ff3ece07a2d77b36.svg" />
+                                            <img class="coins-user-img" :src="item.avatar" />
-                                            <div class="coins-user-name flex1">君语</div>
+                                            <div class="coins-user-name flex1">{{ item.nickname }}</div>
                                         </div>
                                         <div class="bi flexacenter">
-                                            <div class="bi-amount">12</div>
+                                            <div class="bi-amount">{{ item.coinnum }}</div>
                                             币
                                         </div>
                                     </div>
                                 </div>
                             </div>
-                            <div class="respond-area" v-if="true">
+                            <template v-if="item.tab == 'riposte'">
-                                <div class="respond-already-item flexacenter" :class="{ 'pitch': it.selected }" v-for="(it, i) in item.ripostelist" :key="i" @click="selectEomji(it.item, index)">
+                                <div class="respond-area">
-                                    <div class="code flexacenter" v-html="jointriposte(it.item)"></div>
+                                    <div class="respond-already-item flexacenter" :class="{ 'pitch': it.selected }" v-for="(it, i) in item.ripostelist" :key="i" @click="selectEomji(it.item, index)">
-                                    {{ it.num }}
+                                        <div class="code flexacenter" v-html="jointriposte(it.item)"></div>
+                                        {{ it.num }}
+                                    </div>
+                                    <div v-if="item.ripostelist?.length <= 3" class="respond-select flexacenter">
+                                        <template v-for="(it, i) in item.randomEmojis.slice(0, item.ripostelist?.length == 0 ? 8 : 5)" :key="i">
+                                            <div class="respond-select-item" v-html="jointriposte(it)" @click="selectEomji(it, index)"></div>
+                                        </template>
+                                        <RespondAdd :riposteoptions="item.riposteoptions" @selectEomji="selectEomji" :index="index"></RespondAdd>
+                                    </div>
+                                    <RespondAdd v-else :riposteoptions="item.riposteoptions" :index="index" @selectEomji="selectEomji"></RespondAdd>
                                 </div>
-                                <div v-if="item.ripostelist?.length <= 3" class="respond-select flexacenter">
+
-                                    <template v-for="(it, i) in randomEmojis.slice(0, item.ripostelist?.length == 0 ? 8 : 5)" :key="i">
+                                <div class="respond-list-btn" v-if="item.ripostecount?.user > 0" @click="openRespondDetails(index)">
-                                        <div class="respond-select-item" v-html="jointriposte(it)" @click="selectEomji(it, index)"></div>
+                                    共
-                                    </template>
+                                    <span class="respond-list-btn-amount">{{ item.ripostecount?.user }}</span>
-                                    <RespondAdd :riposteoptions="riposteoptions" @selectEomji="selectEomji" :index="index"></RespondAdd>
+                                    人回应
+                                    <img class="respond-list-btn-icon" src="@/img/arrowsRight.svg" />
                                 </div>
-                                <RespondAdd v-else :riposteoptions="riposteoptions" :index="index" @selectEomji="selectEomji"></RespondAdd>
+                            </template>
-                            </div>
 
-                            <div class="respond-list-btn" v-if="item.ripostecount?.user > 0" @click="openRespondDetails(index)">
+                            <!-- <template v-if="item['commentState']"> -->
-                                共
+                            <div class="comments-area" v-if="item.tab == 'comment'">
-                                <span class="respond-list-btn-amount">{{ item.ripostecount?.user }}</span>
+                                <div class="post-comment-box">
-                                人回应
+                                    <div class="post-comment flexacenter" :class="{ 'post-comment-radius': item.commentnum == 0 }">
-                                <img class="respond-list-btn-icon" src="@/img/arrowsRight.svg" />
+                                        <textarea class="post-input flex1" placeholder="说点什么…" v-model="item['commentInput']"></textarea>
-                            </div>
+                                        <div class="post-ok flexcenter" @click="submitAnswerComments(index)">OK</div>
-
+                                    </div>
-                            <template v-if="item['commentState']">
-                                <div class="post-comment flexacenter" :class="{ 'post-comment-radius': item.commentnum == 0 }">
-                                    <input class="post-input flex1" placeholder="说点什么…" v-model="item['commentInput']" />
-                                    <div class="post-ok flexcenter" @click="submitAnswerComments(index)">OK</div>
                                 </div>
 
                                 <!-- 评论 -->
@@ -488,7 +498,7 @@
                                         <img class="more-comments-icon" src="@/img/arrow-circular-gray.png" />
                                     </div>
                                 </div>
-                            </template>
+                            </div>
                         </div>
 
                         <!-- · 著作权归作者所有 · -->
@@ -781,6 +791,56 @@
             </div>
 
             <RespondPop v-if="respondPopState" :respondDetail="respondDetail" :respondPopObj="respondPopObj" @closePopList="closePopList" @selectEomji="selectEomji"></RespondPop>
+
+            <div class="respond-pop-mask" v-if="insertcoinsState">
+                <div class="slit-pop-box">
+                    <div class="slit-left">
+                        <img class="slit-left-icon" src="@/img/bi-icon.png" />
+                    </div>
+                    <div class="slit-box">
+                        <div class="slit-head" style="">
+                            <div class="slit-head-title flexflex" style="">
+                                <span>投币</span> <a target="_blank" :href="insert.coinConfig.strategy.url" style="">{{ insert.coinConfig.strategy.button }}</a>
+                            </div>
+                            <div class="in-all">
+                                你共有 <span>{{ insert.coinMybalance }}</span> 寄托币
+                            </div>
+                        </div>
+                        <div class="coin-quantity flex-items">
+                            <div class="coin-quantity-item" :class="{ 'coin-pitch': coinAmount == item }" v-for="item in insert.coinConfig.list" :key="item" @click="coinSelectAmountDispose(item)">
+                                {{ item }} <span>{{ insert.coinConfig.unit }}</span>
+                            </div>
+                        </div>
+                        <input class="slit-input" type="number" v-model="coinAmount" placeholder="自定义投币金额" />
+                        <div class="message-box">
+                            <div class="message-hint">顺便说点什么</div>
+                            <!-- <el-input class="slit-input" style="font-size: 15px;" v-model="coinMessage" placeholder="请输入" maxlength="500" show-word-limit> </el-input> -->
+                            <input class="slit-input" v-model="coinMessage" placeholder="请输入" maxlength="500" />
+                        </div>
+
+                        <div class="operation">
+                            <div class="operation-item flexcenter" @click="closeInsert()">取消</div>
+                            <div class="operation-item flexcenter greenBj" @click="postCoinSbmit()">确定</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="respond-pop-mask" v-if="insertcoinsNoState">
+                <div class="no-jituobi-pop-box">
+                    <img class="no-jituobi-close" @click="closeInsert()" src="@/img/cross-gray.svg" />
+                    <div class="no-jituobi-head flexacenter">
+                        <img class="bi-icon" src="@/img/bi-icon.png" style="margin-right: 12px;" />
+                        <span style="margin-top: 10px;">
+                            {{ insert.coinConfig.strategy.tips }}
+                        </span>
+                    </div>
+
+                    <a :href="insert.coinConfig.strategy.url" target="_blank">
+                        <div class="strategy-btn greenBj flexcenter">{{ insert.coinConfig.strategy.button }}<img class="strategy-icon" src="@/img/arrows-black.svg" /></div>
+                    </a>
+                </div>
+            </div>
         </div>
     </div>
 </template>
@@ -801,6 +861,7 @@ import axios from "axios"
 export default {
     name: "#answer-app",
     async setup() {
+        const author = "dd5219893f4730447d50b6c8734b82c1"
         const $ajax = (url, data) => {
             url = url.indexOf("//") > -1 ? url : baseURL + url
             return new Promise(function (resolve, reject) {
@@ -809,7 +870,7 @@ export default {
                         emulateJSON: true,
                         withCredentials: true,
                         headers: {
-                            authorization: process.env.NODE_ENV !== "production" && "c5438975031a43a61c13252623753fc5", // 头部标记
+                            authorization: process.env.NODE_ENV !== "production" && author, // 头部标记
                         },
                     })
                     .then(function (res) {
@@ -843,7 +904,7 @@ export default {
                         emulateJSON: true,
                         withCredentials: true,
                         headers: {
-                            authorization: process.env.NODE_ENV !== "production" && "c5438975031a43a61c13252623753fc5", // 头部标记
+                            authorization: process.env.NODE_ENV !== "production" && author, // 头部标记
                         },
                     })
                     .then(function (res) {
@@ -1328,9 +1389,10 @@ export default {
                     let data = res.data
 
                     data.data.forEach((element, index) => {
-                        console.log("element", element)
+                        // console.log("element", element)
 
-                        // element["commentList"] = []
+                        element.coinnum = element.reward
+                        element["commentList"] = []
                         // if (element["commentnum"] > 0) {
                         //     element["showOneCommentState"] = true
                         //     nextTick(() => {
@@ -1338,12 +1400,20 @@ export default {
                         //     })
                         // } else element["commentState"] = true
 
-                        if (element.ripostes > 0) {
+                        element["tab"] = "riposte"
-                            nextTick(() => getRiposte(index))
+
-                        } else {
+                        nextTick(() => {
-                            element["ripostelist"] = []
+                            getRiposte(index)
-                            element["ripostecount"] = {}
+                            // getCoinConfig(index)
-                        }
+                        })
+
+                        // if (element.ripostes > 0) {
+                        //     nextTick(() => getRiposte(index))
+                        // } else {
+                        //     element["randomEmojis"] = []
+                        //     element["ripostelist"] = []
+                        //     element["ripostecount"] = {}
+                        // }
                     })
 
                     // console.log("data.data", data.data)   showOneCommentState
@@ -1512,7 +1582,7 @@ export default {
         let answerCommentLimit = 3
         // 获取回答评论的数据
         const getAnswerCommentList = index => {
-            getAnswerCommentPublic(index, 1).then(res => {
+            getAnswerCommentPublic(index, 2).then(res => {
                 let data = res.data
                 answerList.value[index]["commentList"] = answerList.value[index]["commentList"].concat(data.data)
                 answerList.value[index]["commentCount"] = data["count"]
@@ -2854,87 +2924,47 @@ export default {
             return `&#x${item};`
         }
 
-        let ripostelist = ref([])
+        const cutOperate = (index, key) => {
-        let ripostecount = ref({})
+            let target = answerList.value[index]
-        let riposteoptions = ref([
+
-            {
+            target["tab"] = key
-                "name": "默认",
+
-                "baseUrl": "{@}riposte/img",
+            console.log(answerList.value[index])
-                "data": {
+            if (key == "coin" && !answerList.value[index].config) {
-                    "c150": "c150.png",
+                getCoinConfig(index)
-                    "c162": "c162.png",
+            }
-                    "c126": "c126.png",
+
-                    "c133": "c133.png",
+            if (key == "comment" && target["commentnum"] > 0) {
-                    "c157": "c157.png",
+                target["showOneCommentState"] = true
-                    "c069": "c069.png",
+                target["commentList"] = []
-                    "c005": "c005.png",
+                nextTick(() => {
-                    "c081": "c081.png",
+                    openCommentState(index)
-                    "c026": "c026.png",
+                })
-                    "c004": "c004.png",
+            }
-                    "c011": "c011.png",
+        }
-                    "c002": "c002.png",
-                    "c059": "c059.png",
-                    "c140": "c140.png",
-                    "c167": "c167.png",
-                    "c168": "c168.png",
-                    "c169": "c169.png",
-                    "c170": "c170.png",
-                    "c171": "c171.png",
-                    "c172": "c172.png",
-                    "c173": "c173.png",
-                },
-            },
-            {
-                "name": "旗帜",
-                "baseUrl": "{@}riposte/img",
-                "data": {
-                    "c093": "c093.png",
-                    "c094": "c094.png",
-                    "c095": "c095.png",
-                    "c096": "c096.png",
-                    "c097": "c097.png",
-                    "c098": "c098.png",
-                    "c099": "c099.png",
-                    "c100": "c100.png",
-                    "c101": "c101.png",
-                    "c102": "c102.png",
-                    "c103": "c103.png",
-                    "c104": "c104.png",
-                    "c105": "c105.png",
-                    "c106": "c106.png",
-                    "c107": "c107.png",
-                    "c108": "c108.png",
-                    "c109": "c109.png",
-                    "c110": "c110.png",
-                    "c111": "c111.png",
-                    "c112": "c112.png",
-                    "c113": "c113.png",
-                    "c114": "c114.png",
-                    "c115": "c115.png",
-                },
-            },
-        ])
 
         const getRiposte = index => {
             let target = answerList.value[index]
 
             $ajax("/api/riposte/riposteGet", { token: target.token }).then(res => {
-                console.log("res", res)
+                // console.log("res", res)
                 if (res.code != 200) return
                 let data = res.data
                 target.ripostecount = data.count || {}
                 target.ripostelist = data.list || []
+                target.riposteoptions = data.options || []
 
                 answerList.value[index] = target
-                // if (ripostelist.value.length <= 3) randomEmoji()
+                if (target.ripostelist.length <= 3) randomEmoji(index)
             })
         }
 
         let randomEmojis = ref(["c150", "c167", "c002", "c162", "c157", "c133", "c011", "c004"]) // 随机 五个 emoji
 
         // 随机 7 个Emoji
-        const randomEmoji = () => {
+        const randomEmoji = index => {
-            let emojiList = ripostelist.value
+            let emojiList = answerList.value[index].ripostelist
+            let riposteoptions = answerList.value[index].riposteoptions || []
             // 需要排除的 Emoji
             let exclude = []
             emojiList.forEach(element => {
@@ -2943,7 +2973,7 @@ export default {
 
             let selectedList = [] // 待选择 Emoji To be selected
             // 默认是有点赞的
-            for (const key in riposteoptions.value[0].data) {
+            for (const key in riposteoptions[0].data) {
                 if (key != "c150") selectedList.push(key)
             }
 
@@ -2960,14 +2990,15 @@ export default {
                     random.push(selectedList[randomIndex])
                 }
             }
-            randomEmojis.value = random
+
+            answerList.value[index]["randomEmojis"] = random
         }
 
-        const get = () => {
+        let riposteSubmitState = false
-            // /api/riposte/riposteGet
-        }
 
         const selectEomji = (code, index, ispop = false, islist = false) => {
+            if (riposteSubmitState) riposteSubmitState = true
+
             let target = answerList.value[index]
             let ispitch = false
             let isindex = target.ripostelist.findIndex(element => element.item === code)
@@ -2976,32 +3007,38 @@ export default {
 
             if (ispitch && ispop) return
 
-            riposteSubmit(code, target.token).then(res => {
+            riposteSubmit(code, target.token)
-                const data = res.data
+                .then(res => {
-                target.ripostecount = data.count
+                    const data = res.data
+                    target.ripostecount = data.count
 
-                if (isindex >= 0) {
+                    if (isindex >= 0) {
-                    target.ripostelist[isindex].num += ispitch ? -1 : 1
+                        target.ripostelist[isindex].num += ispitch ? -1 : 1
-                    target.ripostelist[isindex].selected = !ispitch && target.ripostelist[isindex].num !== 0
+                        target.ripostelist[isindex].selected = !ispitch && target.ripostelist[isindex].num !== 0
 
-                    if (target.ripostelist[isindex].num === 0) {
+                        if (target.ripostelist[isindex].num === 0) {
-                        target.ripostelist.splice(isindex, 1)
+                            target.ripostelist.splice(isindex, 1)
+                        }
+                    } else {
+                        target.ripostelist.push({
+                            item: code,
+                            num: 1,
+                            selected: true,
+                        })
                     }
-                } else {
+
-                    target.ripostelist.push({
+                    if (target.ripostelist.length <= 3) randomEmoji(index)
-                        item: code,
+
-                        num: 1,
+                    if (islist) handleRiposteListData(code, data)
-                        selected: true,
+                })
-                    })
+                .finally(() => {
-                }
+                    riposteSubmitState = false
-                if (islist) handleRiposteListData(code, data)
+                })
-            })
         }
 
         // 处理回应列表 数据
         const handleRiposteListData = (code, data) => {
             let target = respondDetail.value
-            // console.log("target", target)
             if (target[code].selected) {
                 target[code].user = target[code].user.filter(item => item.uin != data.uin)
 
@@ -3041,10 +3078,8 @@ export default {
             respondPopObj.value.index = index
             respondPopObj.value.user = target.ripostecount?.user
             $ajax("/api/riposte/riposteDetail", { token: target.token }).then(res => {
-                console.log("res", res)
                 if (res.code != 200) return
                 respondDetail.value = res.data
-
                 respondPopState.value = true
             })
         }
@@ -3053,7 +3088,117 @@ export default {
             respondPopState.value = false
         }
 
-        return { handleLookOnly, zeroreply, replaceNumberObj, closeMyModel, myModelList, myModelState, listHeight, bottomTpsStyle, TAHomePage, sendMessage, avatarState, openUserInfo, isNeedLogin, handleInputYou, openListIAnswer, isListEmptyState, cutYourAnswerAnonymous, handleYourAnswer, yourAnswer, handleLogo, inTheEndState, setItemUrl, seo, originUrl, handleMenuState, reasonList, checkList, alertShow, alertText, selectRadio, alertSubmit, cutType, dialogSrc, answerPage, handleDetailsScroll, replaceState, copyText, boxClass, questionPlaceholderState, yourAnswerPlaceholderState, handleInput, handlePaste, itemStyle, listStyle, listBoxStyle, myType, type, pitchIndex, cut, list, keyword, keywordText, getList, total, typeList, typePitch, getDetails, detailsInfo, detailsIsanswered, detailsIscollection, detailsIsmyself, detailShare, detailLoading, answerList, operateLike, operateCollect, IAnswerState, IAnswerEditState, IAnswerInfo, amendIAnswer, openIAnswer, closeIAnswer, submitAnswer, openCommentState, submitAnswerComments, operateAnswerCommentsLike, openAnswerCommentsChild, closeAnswerCommentsChild, alsoCommentsData, handleAllComment, myCollectionList, myCollectionCount, myQuestionsList, myQuestionsCount, myAnswerList, myAnswerCount, cutAnswerPopupState, handleDate, handleCollectionScroll, handleAnswersScroll, handleQuestionsScroll, cancelCollection, getMyCollection, questionsSetp, questionsObj, cutAnonymous, cutQuestionsSetp, cutQuestionsPopupState, questionsTypeList, postingIssue, choosingTheme, handleMy, changeAnonymous, changeAnonymousQuestions, pageHeaderHeight, pageListHeight, questionsTransmitState, questionsTransmitMaskState, closeAllTransmitState, closeTransmitState, handleAnswerTransmitList, closeDetailMode, tabListFixeState, handleListScroll, historicalSearchState, historicalSearchList, searchFocus, searchBlur, searchClick, handleClickHistoricalItem, handleClickClear, isSearchMode, questionsInit, myCount, msg, myOpenDetails, handleAnswerText, getCurrentUrl, loading, showComments, jointriposte, ripostelist, ripostecount, riposteoptions, randomEmojis, selectEomji, openRespondDetails, respondPopState, respondDetail, respondPopObj, closePopList }
+        // 获取币配置
+        const getCoinConfig = index => {
+            let target = answerList.value[index]
+            $ajax("/api/operate/coin", {
+                token: target.token,
+            }).then(res => {
+                if (res.code != 200) return
+
+                if (res.data.coinnumpeople > 3) {
+                    getCoinranking(answerList.value[index].token).then(data => {
+                        target["ranklist"] = data
+                    })
+                }
+
+                answerList.value[index] = Object.assign({}, target, res.data)
+            })
+        }
+
+        // 打开投币
+        const openInsert = index => {
+            let target = answerList.value[index]
+            insert.value = {
+                index,
+                token: target.token,
+                coinConfig: target.config,
+                coinMybalance: target.mybalance,
+                ranklist: target.ranklist,
+            }
+
+            // 判断 币 是否足够
+            if (target.mybalance == 0) insertcoinsNoState.value = true
+            else insertcoinsState.value = true
+        }
+
+        // 关闭投币
+        const closeInsert = () => {
+            coinAmount.value = ""
+            coinMessage.value = ""
+            insertcoinsState.value = false
+            insertcoinsNoState.value = false
+            insert.value = {}
+        }
+
+        let coinAmount = ref("") // 投币数量
+        let coinMessage = ref("") // 投币 说点什么
+        let insertcoinsState = ref(false) // 投币弹窗状态
+        let insertcoinsNoState = ref(false) // 币不够弹窗状态
+        let insert = ref({}) // 投币弹窗数据
+
+        // 处理投币的选择选项
+        const coinSelectAmountDispose = amount => {
+            coinAmount.value = amount
+        }
+
+        let postCoinSbmitState = false 
+
+        // 提交投币
+        const postCoinSbmit = () => {
+            if (postCoinSbmit) return
+            postCoinSbmit = true
+            
+            let targetInsert = insert.value
+            $ajax("/api/operate/coinsubmit", {
+                token: targetInsert.token,
+                coinnum: coinAmount.value,
+                message: coinMessage.value,
+            }).then(res => {
+                if (res.code != 200) {
+                    handleMsg("error", res?.message || "投币失败")
+                    return
+                }
+
+                const data = res.data
+
+                answerList.value.forEach(element => {
+                    element.mybalance = data.mybalance
+                })
+
+                let target = answerList.value[targetInsert.index || 0] || {}
+                target.coinnum += data.coinnum
+
+                // 重新获取 投币列表
+                getCoinranking(targetInsert.token).then(data => {
+                    target["ranklist"] = data
+                })
+
+                // 如果 带有 message 那个 评论数量加等于一
+                if (coinMessage.value) target["commentnum"] += 1
+
+                closeInsert()
+                handleMsg("success", res?.message || "操作成功")
+            }).finally(()=>{
+                postCoinSbmit = false
+            })
+        }
+
+        // 获取全部的投币 排行榜
+        const getCoinranking = token => {
+            return new Promise((resolve, reject) => {
+                $ajax("/api/operate/coinranking", { token }).then(res => {
+                    console.log(res)
+                    if (res.code != 200) {
+                        handleMsg("error", res?.message || "请求失败")
+                        return
+                    }
+                    resolve(res.data)
+                })
+            })
+        }
+
+        return { handleLookOnly, zeroreply, replaceNumberObj, closeMyModel, myModelList, myModelState, listHeight, bottomTpsStyle, TAHomePage, sendMessage, avatarState, openUserInfo, isNeedLogin, handleInputYou, openListIAnswer, isListEmptyState, cutYourAnswerAnonymous, handleYourAnswer, yourAnswer, handleLogo, inTheEndState, setItemUrl, seo, originUrl, handleMenuState, reasonList, checkList, alertShow, alertText, selectRadio, alertSubmit, cutType, dialogSrc, answerPage, handleDetailsScroll, replaceState, copyText, boxClass, questionPlaceholderState, yourAnswerPlaceholderState, handleInput, handlePaste, itemStyle, listStyle, listBoxStyle, myType, type, pitchIndex, cut, list, keyword, keywordText, getList, total, typeList, typePitch, getDetails, detailsInfo, detailsIsanswered, detailsIscollection, detailsIsmyself, detailShare, detailLoading, answerList, operateLike, operateCollect, IAnswerState, IAnswerEditState, IAnswerInfo, amendIAnswer, openIAnswer, closeIAnswer, submitAnswer, openCommentState, submitAnswerComments, operateAnswerCommentsLike, openAnswerCommentsChild, closeAnswerCommentsChild, alsoCommentsData, handleAllComment, myCollectionList, myCollectionCount, myQuestionsList, myQuestionsCount, myAnswerList, myAnswerCount, cutAnswerPopupState, handleDate, handleCollectionScroll, handleAnswersScroll, handleQuestionsScroll, cancelCollection, getMyCollection, questionsSetp, questionsObj, cutAnonymous, cutQuestionsSetp, cutQuestionsPopupState, questionsTypeList, postingIssue, choosingTheme, handleMy, changeAnonymous, changeAnonymousQuestions, pageHeaderHeight, pageListHeight, questionsTransmitState, questionsTransmitMaskState, closeAllTransmitState, closeTransmitState, handleAnswerTransmitList, closeDetailMode, tabListFixeState, handleListScroll, historicalSearchState, historicalSearchList, searchFocus, searchBlur, searchClick, handleClickHistoricalItem, handleClickClear, isSearchMode, questionsInit, myCount, msg, myOpenDetails, handleAnswerText, getCurrentUrl, loading, showComments, jointriposte, randomEmojis, selectEomji, openRespondDetails, respondPopState, respondDetail, respondPopObj, closePopList, coinAmount, openInsert, insertcoinsState, insert, coinMessage, coinSelectAmountDispose, closeInsert, postCoinSbmit, cutOperate, insertcoinsNoState }
     },
 }
 </script>

img/arrows-black.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="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1363 -14607 )">
+    <path d="M 13.1979166666667 8.46875  C 13.3229166666667 8.34375  13.3854166666667 8.1875  13.3854166666667 8  C 13.3854166666667 7.8125  13.3229166666667 7.65625  13.1979166666667 7.53125  L 12.25 6.58333333333333  L 8.47916666666667 2.8125  C 8.35416666666667 2.6875  8.19791666666667 2.625  8.01041666666667 2.625  C 7.82291666666667 2.625  7.66666666666667 2.6875  7.54166666666667 2.8125  L 6.59375 3.76041666666667  C 6.46875 3.88541666666667  6.40625 4.04166666666667  6.40625 4.22916666666667  C 6.40625 4.41666666666667  6.46875 4.57291666666667  6.59375 4.69791666666667  L 8.5625 6.66666666666667  L 3.33333333333333 6.66666666666667  C 3.15277777777778 6.66666666666667  2.99652777777778 6.73263888888889  2.86458333333333 6.86458333333333  C 2.73263888888889 6.99652777777778  2.66666666666667 7.15277777777778  2.66666666666667 7.33333333333333  L 2.66666666666667 8.66666666666667  C 2.66666666666667 8.84722222222222  2.73263888888889 9.00347222222222  2.86458333333333 9.13541666666667  C 2.99652777777778 9.26736111111111  3.15277777777778 9.33333333333333  3.33333333333333 9.33333333333333  L 8.5625 9.33333333333333  L 6.59375 11.3020833333333  C 6.46180555555556 11.4340277777778  6.39583333333333 11.5902777777778  6.39583333333333 11.7708333333333  C 6.39583333333333 11.9513888888889  6.46180555555556 12.1076388888889  6.59375 12.2395833333333  L 7.54166666666667 13.1875  C 7.66666666666667 13.3125  7.82291666666667 13.375  8.01041666666667 13.375  C 8.19791666666667 13.375  8.35416666666667 13.3125  8.47916666666667 13.1875  L 12.25 9.41666666666667  L 13.1979166666667 8.46875  Z M 14.9270833333333 3.984375  C 15.6423611111111 5.21006944444444  16 6.54861111111111  16 8  C 16 9.45138888888889  15.6423611111111 10.7899305555556  14.9270833333333 12.015625  C 14.2118055555556 13.2413194444444  13.2413194444444 14.2118055555556  12.015625 14.9270833333333  C 10.7899305555556 15.6423611111111  9.45138888888889 16  8 16  C 6.54861111111111 16  5.21006944444444 15.6423611111111  3.984375 14.9270833333333  C 2.75868055555556 14.2118055555556  1.78819444444444 13.2413194444444  1.07291666666667 12.015625  C 0.357638888888889 10.7899305555556  0 9.45138888888889  0 8  C 0 6.54861111111111  0.357638888888889 5.21006944444444  1.07291666666667 3.984375  C 1.78819444444444 2.75868055555556  2.75868055555556 1.78819444444444  3.984375 1.07291666666667  C 5.21006944444444 0.357638888888888  6.54861111111111 0  8 0  C 9.45138888888889 0  10.7899305555556 0.357638888888888  12.015625 1.07291666666667  C 13.2413194444444 1.78819444444444  14.2118055555556 2.75868055555556  14.9270833333333 3.984375  Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 1363 14607 )" />
+  </g>
+</svg>

img/cross-gray.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="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -800 -2128 )">
+    <path d="M 15.6228956228956 11.959595959596  C 15.8742985409652 12.2109988776655  16 12.5162738496072  16 12.8754208754209  C 16 13.2345679012346  15.8742985409652 13.5398428731762  15.6228956228956 13.7912457912458  L 13.7912457912458 15.6228956228956  C 13.5398428731762 15.8742985409652  13.2345679012346 16  12.8754208754209 16  C 12.5162738496072 16  12.2109988776655 15.8742985409652  11.959595959596 15.6228956228956  L 8 11.6632996632997  L 4.04040404040404 15.6228956228956  C 3.78900112233446 15.8742985409652  3.48372615039282 16  3.12457912457912 16  C 2.76543209876543 16  2.46015712682379 15.8742985409652  2.20875420875421 15.6228956228956  L 0.377104377104377 13.7912457912458  C 0.125701459034792 13.5398428731762  0 13.2345679012346  0 12.8754208754209  C 0 12.5162738496072  0.125701459034792 12.2109988776655  0.377104377104377 11.959595959596  L 4.33670033670034 8  L 0.377104377104377 4.04040404040404  C 0.125701459034792 3.78900112233445  0 3.48372615039282  0 3.12457912457912  C 0 2.76543209876543  0.125701459034792 2.46015712682379  0.377104377104377 2.20875420875421  L 2.20875420875421 0.377104377104377  C 2.46015712682379 0.125701459034792  2.76543209876543 0  3.12457912457912 0  C 3.48372615039282 0  3.78900112233446 0.125701459034792  4.04040404040404 0.377104377104377  L 8 4.33670033670034  L 11.959595959596 0.377104377104377  C 12.2109988776655 0.125701459034792  12.5162738496072 0  12.8754208754209 0  C 13.2345679012346 0  13.5398428731762 0.125701459034792  13.7912457912458 0.377104377104377  L 15.6228956228956 2.20875420875421  C 15.8742985409652 2.46015712682379  16 2.76543209876543  16 3.12457912457912  C 16 3.48372615039282  15.8742985409652 3.78900112233445  15.6228956228956 4.04040404040404  L 11.6632996632997 8  L 15.6228956228956 11.959595959596  Z " fill-rule="nonzero" fill="#d7d7d7" stroke="none" transform="matrix(1 0 0 1 800 2128 )" />
+  </g>
+</svg>

index.css

@@ -782,6 +782,7 @@ a {
   cursor: pointer;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .operate-box {
+  height: 76px;
   padding: 0 24px 22px;
   background-color: #fbfbfb;
 }
@@ -861,6 +862,9 @@ a {
 #answer-app .main .details-area-box .details-box .answer-box-item .answer-coins .answer-coins-list .answer-coins-item {
   padding: 16px 20px 14px 32px;
 }
+#answer-app .main .details-area-box .details-box .answer-box-item .answer-coins .answer-coins-list .answer-coins-item:not(:last-of-type) {
+  border-bottom: 1px dotted #f2f2f2;
+}
 #answer-app .main .details-area-box .details-box .answer-box-item .answer-coins .answer-coins-list .answer-coins-item .ranking {
   width: 118px;
   font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
@@ -868,6 +872,9 @@ a {
   font-size: 13px;
   color: #333333;
 }
+#answer-app .main .details-area-box .details-box .answer-box-item .answer-coins .answer-coins-list .answer-coins-item .coins-user {
+  cursor: pointer;
+}
 #answer-app .main .details-area-box .details-box .answer-box-item .answer-coins .answer-coins-list .answer-coins-item .coins-user .coins-user-img {
   width: 24px;
   height: 24px;
@@ -962,33 +969,42 @@ a {
   width: 6px;
   margin-left: 5px;
 }
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-area {
+  background-color: #fbfbfb;
+  border-radius: 6px;
+  padding-bottom: 40px;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .post-comment-box {
+  background-color: #fbfbfb;
+  border-radius: 6px;
+}
 #answer-app .main .details-area-box .details-box .answer-box-item .post-comment {
-  background-color: #f6f6f6;
+  background-color: #ffffff;
+  border: 1px solid #d7d7d7;
+  border-radius: 6px;
   position: relative;
   z-index: 2;
-}
+  margin: 0 23px;
-#answer-app .main .details-area-box .details-box .answer-box-item .post-comment.post-comment-radius {
-  overflow: hidden;
-  border-radius: 0 0 8px 8px;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .post-comment .post-input {
-  height: 50px;
+  height: 60px;
-  border: none;
   background-color: transparent;
+  border: none;
   outline: none;
-  padding: 0 23px;
+  padding: 8px;
   font-size: 14px;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .post-comment .post-input::placeholder {
   color: #aaaaaa;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .post-comment .post-ok {
-  width: 50px;
+  width: 60px;
-  height: 50px;
+  height: 60px;
   background-color: #62b1ff;
   color: #fff;
   font-size: 13px;
   cursor: pointer;
+  border-radius: 6px;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-empty-box {
   height: 321px;
@@ -996,7 +1012,9 @@ a {
   justify-content: center;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box {
-  padding: 17px 24px 29px;
+  background-color: #fbfbfb;
+  padding: 17px 24px 0;
+  border-radius: 6px;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box.show-one-comment .reverl-all {
   display: none;
@@ -1203,11 +1221,14 @@ a {
   margin-left: 10px;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .more-comments {
-  height: 40px;
+  width: 120px;
-  color: #7f7f7f;
+  height: 28px;
-  line-height: 22px;
+  border: 1px solid #ebebeb;
+  border-radius: 43px;
+  color: #555;
+  line-height: 28px;
   cursor: pointer;
-  padding-top: 30px;
+  margin: 20px auto 0;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .more-comments .more-comments-icon {
   width: 12px;
@@ -2260,6 +2281,14 @@ a {
   width: 14px;
   height: 14px;
 }
+#answer-app .respond-list-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1;
+}
 #answer-app .respond-list-box {
   width: 470px;
   background: #f6f6f6;
@@ -2432,3 +2461,198 @@ a {
   color: #7f7f7f;
   line-height: 22px;
 }
+#answer-app .slit-pop-mask {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 10;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+#answer-app .slit-pop-box {
+  width: 523px;
+  border: 1px solid #e5e5e5;
+  background-color: #fff;
+  border-radius: 11px;
+  padding: 60px 50px 48px 38px;
+  display: flex;
+  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.21);
+  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.21);
+}
+#answer-app .slit-pop-box .slit-left {
+  width: 50px;
+}
+#answer-app .slit-pop-box .slit-left .slit-left-icon {
+  width: 50px;
+  height: 60px;
+  margin-top: -8px;
+}
+#answer-app .slit-pop-box .slit-box {
+  flex: 1;
+  margin-left: 15px;
+}
+#answer-app .slit-pop-box .slit-box .slit-head {
+  display: flex;
+  justify-content: space-between;
+  height: 54px;
+  flex: 1;
+  flex-direction: column;
+  align-items: flex-start;
+}
+#answer-app .slit-pop-box .slit-box .slit-head .slit-head-title {
+  font-weight: 650;
+  font-size: 20px;
+  color: #333;
+  width: 100%;
+  justify-content: space-between;
+}
+#answer-app .slit-pop-box .slit-box .slit-head .slit-head-title a {
+  font-weight: 100;
+  font-size: 13px;
+  text-decoration: underline !important;
+}
+#answer-app .slit-pop-box .slit-box .slit-head .in-all {
+  font-size: 13px;
+  color: #7f7f7f;
+}
+#answer-app .slit-pop-box .slit-box .slit-head .in-all > span {
+  color: #000;
+  font-weight: 650;
+}
+#answer-app .slit-pop-box .slit-box .coin-quantity {
+  display: flex;
+  align-items: center;
+  margin-bottom: 27px;
+  margin-top: 20px;
+}
+#answer-app .slit-pop-box .slit-box .coin-quantity .coin-quantity-item {
+  width: 78px;
+  height: 46px;
+  border: 1px solid #d7d7d7;
+  background-color: #f0f2f5;
+  border-radius: 5px;
+  font-size: 20px;
+  color: #000;
+  font-weight: 650;
+  line-height: 46px;
+  text-align: center;
+  cursor: pointer;
+  user-select: none;
+}
+#answer-app .slit-pop-box .slit-box .coin-quantity .coin-quantity-item > span {
+  color: #555;
+  font-weight: 400;
+  font-size: 14px;
+}
+#answer-app .slit-pop-box .slit-box .coin-quantity .coin-quantity-item:not(:last-of-type) {
+  margin-right: 16px;
+}
+#answer-app .slit-pop-box .slit-box .coin-quantity .coin-quantity-item.coin-pitch {
+  background-color: #333333;
+  border-color: #333333;
+  color: #fff;
+}
+#answer-app .slit-pop-box .slit-box .coin-quantity .coin-quantity-item.coin-pitch > span {
+  color: #fff;
+}
+#answer-app .slit-pop-box .slit-box .slit-input {
+  width: 360px;
+  height: 38px;
+  padding-left: 8px;
+  border: 1px solid #d7d7d7;
+  outline: none;
+  border-radius: 8px;
+  overflow: hidden;
+  font-size: 15px;
+}
+#answer-app .slit-pop-box .slit-box .slit-input::-webkit-outer-spin-button,
+#answer-app .slit-pop-box .slit-box .slit-input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+#answer-app .slit-pop-box .slit-box .slit-input[type="number"] {
+  -moz-appearance: textfield;
+}
+#answer-app .slit-pop-box .slit-box .slit-input .el-input__inner {
+  border: none;
+  outline: none;
+  padding: 0 54px 0 0;
+  margin: 0;
+}
+#answer-app .slit-pop-box .slit-box .message-box {
+  display: flex;
+  flex-direction: column;
+}
+#answer-app .slit-pop-box .slit-box .message-box .message-hint {
+  color: #000;
+  font-size: 14px;
+  margin-top: 29px;
+  margin-bottom: 12px;
+}
+#answer-app .slit-pop-box .slit-box .operation {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 48px;
+}
+#answer-app .slit-pop-box .slit-box .operation .operation-item {
+  width: 120px;
+  height: 41px;
+  margin-left: 16px;
+  border: 1px solid #797979;
+  border-radius: 45px;
+  cursor: pointer;
+  font-size: 16px;
+  color: #000;
+}
+#answer-app .slit-pop-box .slit-box .operation .operation-item.greenBj {
+  background-color: #50e3c2;
+  border-color: #50e3c2 !important;
+}
+#answer-app .no-jituobi-pop-box {
+  width: 520px;
+  flex-direction: column;
+  border: 1px solid #e5e5e5;
+  background-color: #fff;
+  border-radius: 11px;
+  display: flex;
+  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.21);
+  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.21);
+  padding-bottom: 55px;
+}
+#answer-app .no-jituobi-pop-box .no-jituobi-close {
+  width: 16px;
+  height: 16px;
+  margin: 10px;
+  align-self: flex-end;
+  cursor: pointer;
+}
+#answer-app .no-jituobi-pop-box .no-jituobi-head {
+  font-size: 16px;
+  color: #333;
+  margin: 23px auto 42px;
+}
+#answer-app .no-jituobi-pop-box .no-jituobi-head .bi-icon {
+  width: 50px;
+  height: 60px;
+}
+#answer-app .no-jituobi-pop-box .strategy-btn {
+  width: 198px;
+  height: 43px;
+  color: #000;
+  font-size: 16px;
+  border-radius: 100px;
+  margin: 0 auto;
+  cursor: pointer;
+}
+#answer-app .no-jituobi-pop-box .strategy-btn.greenBj {
+  background-color: #50e3c2;
+  border-color: #50e3c2 !important;
+}
+#answer-app .no-jituobi-pop-box .strategy-btn .strategy-icon {
+  width: 16px;
+  height: 16px;
+  margin-left: 8px;
+}

index.less

@@ -968,6 +968,7 @@ a {
                     }
 
                     .operate-box {
+                        height: 76px;
                         padding: 0 24px 22px;
                         background-color: rgba(251, 251, 251, 1);
 
@@ -1057,6 +1058,10 @@ a {
                             .answer-coins-item {
                                 padding: 16px 20px 14px 32px;
 
+                                &:not(:last-of-type){
+                                    border-bottom: 1px dotted #f2f2f2;
+                                }
+
                                 .ranking {
                                     width: 118px;
                                     font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
@@ -1065,6 +1070,7 @@ a {
                                     color: #333333;
                                 }
                                 .coins-user {
+                                    cursor: pointer;
                                     .coins-user-img {
                                         width: 24px;
                                         height: 24px;
@@ -1174,23 +1180,32 @@ a {
                         }
                     }
 
+                    .comments-area {
+                        background-color: rgba(251, 251, 251, 1);
+                        border-radius: 6px;
+                        padding-bottom: 40px;
+                    }
+
+                    .post-comment-box {
+                        background-color: rgba(251, 251, 251, 1);
+                        // padding-bottom: 17px;
+                        border-radius: 6px;
+                    }
+
                     .post-comment {
-                        background-color: rgba(246, 246, 246, 1);
+                        background-color: rgba(255, 255, 255, 1);
+                        border: 1px solid rgba(215, 215, 215, 1);
+                        border-radius: 6px;
                         position: relative;
                         z-index: 2;
-
+                        margin: 0 23px;
-                        &.post-comment-radius {
-                            overflow: hidden;
-                            border-radius: 0 0 8px 8px;
-                        }
 
                         .post-input {
-                            height: 50px;
+                            height: 60px;
-                            border: none;
                             background-color: transparent;
-                            // outline-color: rgba(98, 177, 255, 1);
+                            border: none;
                             outline: none;
-                            padding: 0 23px;
+                            padding: 8px;
                             font-size: 14px;
 
                             &::placeholder {
@@ -1199,12 +1214,13 @@ a {
                         }
 
                         .post-ok {
-                            width: 50px;
+                            width: 60px;
-                            height: 50px;
+                            height: 60px;
                             background-color: rgba(98, 177, 255, 1);
                             color: #fff;
                             font-size: 13px;
                             cursor: pointer;
+                            border-radius: 6px;
                         }
                     }
 
@@ -1215,7 +1231,10 @@ a {
                     }
 
                     .comments-box {
-                        padding: 17px 24px 29px;
+                        background-color: rgba(251, 251, 251, 1);
+                        // padding: 17px 24px 29px;
+                        padding: 17px 24px 0;
+                        border-radius: 6px;
 
                         &.show-one-comment {
                             // padding-bottom: 0;
@@ -1477,12 +1496,14 @@ a {
                         }
 
                         .more-comments {
-                            // height: 70px;
+                            width: 120px;
-                            height: 40px;
+                            height: 28px;
-                            color: #7f7f7f;
+                            border: 1px solid rgba(235, 235, 235, 1);
-                            line-height: 22px;
+                            border-radius: 43px;
+                            color: #555;
+                            line-height: 28px;
                             cursor: pointer;
-                            padding-top: 30px;
+                            margin: 20px auto 0;
 
                             .more-comments-icon {
                                 width: 12px;
@@ -2776,6 +2797,15 @@ a {
         }
     }
 
+    .respond-list-mask {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 100vh;
+        z-index: 1;
+    }
+
     .respond-list-box {
         width: 470px;
         background: #f6f6f6;
@@ -2963,4 +2993,228 @@ a {
             }
         }
     }
+
+    .slit-pop-mask {
+        width: 100vw;
+        height: 100vh;
+        position: fixed;
+        top: 0;
+        left: 0;
+        background: rgba(0, 0, 0, 0.6);
+        z-index: 10;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .slit-pop-box {
+        width: 523px;
+        border: 1px solid #e5e5e5;
+        background-color: #fff;
+        border-radius: 11px;
+        padding: 60px 50px 48px 38px;
+        display: flex;
+        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.21);
+        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.21);
+
+        .slit-left {
+            width: 50px;
+
+            .slit-left-icon {
+                width: 50px;
+                height: 60px;
+                margin-top: -8px;
+            }
+        }
+
+        .slit-box {
+            flex: 1;
+            margin-left: 15px;
+
+            .slit-head {
+                display: flex;
+                justify-content: space-between;
+                height: 54px;
+                flex: 1;
+                flex-direction: column;
+                align-items: flex-start;
+
+                .slit-head-title {
+                    font-weight: 650;
+                    font-size: 20px;
+                    color: #333;
+
+                    width: 100%;
+                    justify-content: space-between;
+
+                    a {
+                        font-weight: 100;
+                        font-size: 13px;
+                        text-decoration: underline !important;
+                    }
+                }
+
+                .in-all {
+                    font-size: 13px;
+                    color: #7f7f7f;
+
+                    > span {
+                        color: #000;
+                        font-weight: 650;
+                    }
+                }
+            }
+
+            .coin-quantity {
+                display: flex;
+                align-items: center;
+                margin-bottom: 27px;
+                margin-top: 20px;
+                .coin-quantity-item {
+                    width: 78px;
+                    height: 46px;
+                    border: 1px solid #d7d7d7;
+                    background-color: #f0f2f5;
+                    border-radius: 5px;
+                    font-size: 20px;
+                    color: #000;
+                    font-weight: 650;
+                    line-height: 46px;
+                    text-align: center;
+                    cursor: pointer;
+                    user-select: none;
+                    > span {
+                        color: #555;
+                        font-weight: 400;
+                        font-size: 14px;
+                    }
+
+                    &:not(:last-of-type) {
+                        margin-right: 16px;
+                    }
+
+                    &.coin-pitch {
+                        background-color: #333333;
+                        border-color: #333333;
+                        color: #fff;
+                        > span {
+                            color: #fff;
+                        }
+                    }
+                }
+            }
+
+            .slit-input {
+                width: 360px;
+                height: 38px;
+                padding-left: 8px;
+                border: 1px solid #d7d7d7;
+                outline: none;
+                border-radius: 8px;
+                overflow: hidden;
+                font-size: 15px;
+
+                &::-webkit-outer-spin-button,
+                &::-webkit-inner-spin-button {
+                    -webkit-appearance: none;
+                }
+
+                &[type="number"] {
+                    -moz-appearance: textfield;
+                }
+
+                .el-input__inner {
+                    border: none;
+                    outline: none;
+                    padding: 0 54px 0 0;
+                    margin: 0;
+                }
+            }
+
+            .message-box {
+                display: flex;
+                flex-direction: column;
+
+                .message-hint {
+                    color: #000;
+                    font-size: 14px;
+                    margin-top: 29px;
+                    margin-bottom: 12px;
+                }
+            }
+
+            .operation {
+                display: flex;
+                justify-content: flex-end;
+                margin-top: 48px;
+
+                .operation-item {
+                    width: 120px;
+                    height: 41px;
+                    margin-left: 16px;
+                    border: 1px solid #797979;
+                    border-radius: 45px;
+                    cursor: pointer;
+                    font-size: 16px;
+                    color: #000;
+
+                    &.greenBj {
+                        background-color: #50e3c2;
+                        border-color: #50e3c2 !important;
+                    }
+                }
+            }
+        }
+    }
+
+    .no-jituobi-pop-box {
+        width: 520px;
+        flex-direction: column;
+        border: 1px solid #e5e5e5;
+        background-color: #fff;
+        border-radius: 11px;
+        display: flex;
+        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.21);
+        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.21);
+        padding-bottom: 55px;
+
+        .no-jituobi-close {
+            width: 16px;
+            height: 16px;
+            margin: 10px;
+            align-self: flex-end;
+            cursor: pointer;
+        }
+
+        .no-jituobi-head {
+            font-size: 16px;
+            color: #333;
+            margin: 23px auto 42px;
+            .bi-icon {
+                width: 50px;
+                height: 60px;
+            }
+        }
+
+        .strategy-btn {
+            width: 198px;
+            height: 43px;
+            color: #000;
+            font-size: 16px;
+            border-radius: 100px;
+            margin: 0 auto;
+            cursor: pointer;
+
+            &.greenBj {
+                background-color: #50e3c2;
+                border-color: #50e3c2 !important;
+            }
+
+            .strategy-icon {
+                width: 16px;
+                height: 16px;
+                margin-left: 8px;
+            }
+        }
+    }
 }