修改列表样式前

.output/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2023-12-15T03:28:31.163Z",
+  "date": "2023-12-15T09:06:26.981Z",
   "preset": "node-server",
   "framework": {
     "name": "nuxt",

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

@@ -1 +1 @@
-{"id":"d85790b1-872e-48b7-8875-762f51931e7d","timestamp":1702610900268}
+{"id":"1e6a2d4e-548a-428c-ad50-9848287242f5","timestamp":1702631176566}

.output/public/static/builds/meta/1e6a2d4e-548a-428c-ad50-9848287242f5.json

@@ -0,0 +1 @@
+{"id":"1e6a2d4e-548a-428c-ad50-9848287242f5","timestamp":1702631176566,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.output/public/static/builds/meta/d85790b1-872e-48b7-8875-762f51931e7d.json

@@ -1 +0,0 @@
-{"id":"d85790b1-872e-48b7-8875-762f51931e7d","timestamp":1702610900268,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.output/public/static/error-500.a72ffb41.js

@@ -1 +1 @@
-import{_ as i,t as a,v as r,x as n,y as e,z as s,D as l,E as d}from"./entry.04826565.js";const c=t=>(l("data-v-df79c84d"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},f=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),h={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],x={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(u,b)=>(r(),n("div",p,[f,e("div",h,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},w=i(x,[["__scopeId","data-v-df79c84d"]]);export{w as default};
+import{_ as i,t as a,v as r,x as n,y as e,z as s,D as l,E as d}from"./entry.7cbcb895.js";const c=t=>(l("data-v-df79c84d"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},f=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),h={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],x={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(u,b)=>(r(),n("div",p,[f,e("div",h,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},w=i(x,[["__scopeId","data-v-df79c84d"]]);export{w as default};

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

@@ -159,7 +159,7 @@ const client_manifest = {
     "prefetch": true,
     "preload": true,
     "css": [],
-    "file": "error-404.76387355.js",
+    "file": "error-404.eb99afb2.js",
     "imports": [
       "node_modules/nuxt/dist/app/entry.js"
     ],
@@ -185,7 +185,7 @@ const client_manifest = {
     "prefetch": true,
     "preload": true,
     "css": [],
-    "file": "error-500.96a36d5b.js",
+    "file": "error-500.a72ffb41.js",
     "imports": [
       "node_modules/nuxt/dist/app/entry.js"
     ],
@@ -202,7 +202,7 @@ const client_manifest = {
     "resourceType": "style",
     "prefetch": true,
     "preload": true,
-    "file": "entry.81c43f24.css",
+    "file": "entry.d0051705.css",
     "src": "node_modules/nuxt/dist/app/entry.css"
   },
   "node_modules/nuxt/dist/app/entry.js": {
@@ -234,19 +234,19 @@ const client_manifest = {
       "triangle-icon.c39ff2e7.svg"
     ],
     "css": [
-      "entry.81c43f24.css"
+      "entry.d0051705.css"
     ],
     "dynamicImports": [
       "node_modules/@nuxt/ui-templates/dist/templates/error-404.vue",
       "node_modules/@nuxt/ui-templates/dist/templates/error-500.vue"
     ],
-    "file": "entry.04826565.js",
+    "file": "entry.7cbcb895.js",
     "isEntry": true,
     "src": "node_modules/nuxt/dist/app/entry.js",
     "_globalCSS": true
   },
-  "entry.81c43f24.css": {
+  "entry.d0051705.css": {
-    "file": "entry.81c43f24.css",
+    "file": "entry.d0051705.css",
     "resourceType": "style",
     "prefetch": true,
     "preload": true

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

@@ -1149,6 +1149,7 @@ const _sfc_main$2 = {
       page = 1;
       list.value = [];
       type.value = "list";
+      openBottom();
       pitchIndex.value = null;
       replaceState({
         keyword: keyword.value
@@ -1173,6 +1174,7 @@ const _sfc_main$2 = {
       page = 1;
       list.value = [];
       type.value = "list";
+      openBottom();
       pitchIndex.value = null;
       getList();
     };
@@ -1255,6 +1257,7 @@ const _sfc_main$2 = {
       $ajax("/api/details", { uniqid }).then((res) => {
         if (res.code != 200) {
           type.value = "list";
+          openBottom();
           pitchIndex.value = null;
           return;
         }
@@ -1266,6 +1269,7 @@ const _sfc_main$2 = {
         detailsToken = data["token"] || "";
         detailShare.value = data["share"] || {};
         type.value = "details";
+        closeBottom();
         if (index !== null && index !== void 0)
           cut(index);
         else
@@ -1278,13 +1282,22 @@ const _sfc_main$2 = {
           openIAnswer();
         seo.value = data.seo;
         yourAnswer.value = {
+          // 初始化 我来回答的框
           text: "",
           anonymous: 0
         };
+        detailsAreaScrollTop();
       }).finally(() => {
         detailLoading.value = false;
       });
     };
+    const detailsAreaScrollTop = () => {
+      let detailsArea = document.querySelector(".details-area-box");
+      detailsArea.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    };
     const calculateListIndex = (info, uniqid) => {
       let targetList = [...list.value];
       if (targetList.length == 0 && isSearchMode.value == false) {
@@ -1540,6 +1553,7 @@ const _sfc_main$2 = {
             },
             ...data
           };
+          targetAnswerList[index]["commentList"][ind]["child"][i]["commentInput"] = "";
           targetAnswerList[index]["commentList"][ind]["child"].unshift(targetData);
           targetAnswerList[index]["commentList"][ind]["childnum"]++;
         } else if (ind != null) {
@@ -1554,6 +1568,7 @@ const _sfc_main$2 = {
           };
           targetAnswerList[index]["commentList"][ind]["child"].unshift(targetData);
           targetAnswerList[index]["commentList"][ind]["childnum"]++;
+          targetAnswerList[index]["commentList"][ind]["commentInput"] = "";
         } else {
           let targetData = {
             id: data["commentid"],
@@ -1566,6 +1581,7 @@ const _sfc_main$2 = {
           };
           targetAnswerList[index]["commentList"].unshift(targetData);
           targetAnswerList[index]["commentCount"]++;
+          targetAnswerList[index]["commentInput"] = "";
         }
         targetAnswerList[index]["commentnum"] = data["count"];
         closeAnswerCommentsChild();
@@ -2026,6 +2042,7 @@ const _sfc_main$2 = {
     };
     const closeDetailMode = () => {
       type.value = "list";
+      openBottom();
       pitchIndex.value = null;
       seo.value = {};
     };
@@ -2168,6 +2185,7 @@ const _sfc_main$2 = {
       page = 1;
       list.value = [];
       type.value = "list";
+      openBottom();
       pitchIndex.value = null;
       getList();
     };
@@ -2323,6 +2341,20 @@ const _sfc_main$2 = {
       link.target = "_blank";
       link.click();
     };
+    const closeBottom = () => {
+      const footer = document.querySelector("body .index-footer");
+      if (footer)
+        footer.style.display = "none";
+      else
+        setTimeout(() => closeBottom(), 1e3);
+    };
+    const openBottom = () => {
+      const footer = document.querySelector("body .index-footer");
+      if (footer)
+        footer.style.display = "block";
+      else
+        setTimeout(() => openBottom(), 1e3);
+    };
     return {
       bottomTpsStyle,
       TAHomePage,
@@ -2624,7 +2656,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
       } else {
         _push(`<img class="operate-icon operate-like-icon"${ssrRenderAttr("src", _imports_25)}>`);
       }
-      _push(` ${ssrInterpolate(item["likenum"])}</div><div class="${ssrRenderClass([{ commentnum: item["commentState"] }, "operate-item flexacenter"])}"><img class="operate-icon operate-comment-icon"${ssrRenderAttr("src", _imports_26)}> ${ssrInterpolate(item["commentnum"])}</div><div class="operate-item flexacenter">`);
+      _push(` ${ssrInterpolate(item["likenum"])}</div><div class="${ssrRenderClass([{ commentnum: item["commentState"] }, "operate-item flexacenter"])}"><img class="operate-icon operate-comment-icon"${ssrRenderAttr("src", _imports_26)}>${ssrInterpolate(item["commentnum"])}</div><div class="operate-item flexacenter">`);
       if (item["iscollection"] == 1) {
         _push(`<img class="operate-icon operate-collect-icon"${ssrRenderAttr("src", _imports_19)}>`);
       } else {
@@ -2705,7 +2737,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
                 _push(`</div></div>`);
               });
               _push(`<!--]-->`);
-              if (it["childnum"] >= 3 && it["childnum"] > it["child"].length) {
+              if (it["childnum"] > it["child"].length) {
                 _push(`<div class="comments-also flexacenter"><div class="">还有${ssrInterpolate(it["childnum"] - 1)}条回复</div><img class="also-icon"${ssrRenderAttr("src", _imports_30)}></div>`);
               } else {
                 _push(`<!---->`);
@@ -2802,7 +2834,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
       ssrRenderList($setup.myAnswerList, (item, index) => {
         _push(`<div class="item flexflex"><div class="icon a flexcenter">A</div><div class="centre flexflex flex1"><div class="info flexacenter"><div class="name">${ssrInterpolate(item["nickname"])}</div><div class="time">${ssrInterpolate($setup.handleDate(item["publicationdate"]))}</div></div><div class="titletitle ellipsis">${item["content"]}</div><div class="text ellipsis">提问：${ssrInterpolate(item["title"])}</div></div><div class="operate-box flexacenter"><div class="state-box flexacenter"><div class="text">${ssrInterpolate(item["anonymous"] == 0 ? "公开" : "匿名")}</div><img class="arrows"${ssrRenderAttr("src", _imports_35)}>`);
         if (item["popupState"]) {
-          _push(`<div class="state-popup flexflex"><div class="state-popup-mask"></div><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 0 }, "state-popup-item flexacenter flex1"])}"><div class="">公开发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_36)}></div><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 1 }, "state-popup-item flexacenter flex1"])}"><div class="">匿名发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_36)}></div></div>`);
+          _push(`<div class="state-popup flexflex"><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 0 }, "state-popup-item flexacenter flex1"])}"><div class="">公开发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_36)}></div><div class="${ssrRenderClass([{ pitch: item["anonymous"] == 1 }, "state-popup-item flexacenter flex1"])}"><div class="">匿名发表</div><img class="state-popup-icon"${ssrRenderAttr("src", _imports_36)}></div></div>`);
         } else {
           _push(`<!---->`);
         }

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

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

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

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

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

@@ -1,8 +1,8 @@
 const interopDefault = r => r.default || r || [];
 const styles = {
-  "node_modules/nuxt/dist/app/entry.js": () => import('./static/entry-styles.5b5f51ab.mjs').then(interopDefault),
+  "node_modules/nuxt/dist/app/entry.js": () => import('./static/entry-styles.01300843.mjs').then(interopDefault),
-  "node_modules/@nuxt/ui-templates/dist/templates/error-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),
-  "node_modules/@nuxt/ui-templates/dist/templates/error-404.vue": () => import('./static/error-404-styles.1e0dde27.mjs').then(interopDefault)
+  "node_modules/@nuxt/ui-templates/dist/templates/error-500.vue": () => import('./static/error-500-styles.cf4b3e80.mjs').then(interopDefault)
 };
 
 export { styles as default };

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

@@ -3059,7 +3059,7 @@ function klona(x) {
 
 const inlineAppConfig = {
   "nuxt": {
-    "buildId": "d85790b1-872e-48b7-8875-762f51931e7d"
+    "buildId": "1e6a2d4e-548a-428c-ad50-9848287242f5"
   }
 };
 
@@ -4949,205 +4949,205 @@ const assets = {
   "/static/add-icon.0b0b5313.svg": {
     "type": "image/svg+xml",
     "etag": "\"d67-gajxuGcy6aHIeWAbO0RazX03p90\"",
-    "mtime": "2023-12-15T03:28:24.425Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 3431,
     "path": "../public/static/add-icon.0b0b5313.svg"
   },
   "/static/arrows-icon.271dd0d3.svg": {
     "type": "image/svg+xml",
     "etag": "\"5a0-yAit7q5lcKJMd35iOMMifZv2uno\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.496Z",
     "size": 1440,
     "path": "../public/static/arrows-icon.271dd0d3.svg"
   },
   "/static/close-icon.86743366.svg": {
     "type": "image/svg+xml",
     "etag": "\"2d4-QYrulZl33jopLCT37UdJfnzXOVg\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 724,
     "path": "../public/static/close-icon.86743366.svg"
   },
   "/static/collect-icon-colours.6d2ade7f.svg": {
     "type": "image/svg+xml",
     "etag": "\"7ab-av9D1DgxgD5cvY5wd30haD7c1q0\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 1963,
     "path": "../public/static/collect-icon-colours.6d2ade7f.svg"
   },
   "/static/comment-icon-gray.2c8779f9.svg": {
     "type": "image/svg+xml",
     "etag": "\"816-HEGvNjvS0TeA/3uJweilvZfCqlk\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 2070,
     "path": "../public/static/comment-icon-gray.2c8779f9.svg"
   },
   "/static/delete-icon.4d386dce.svg": {
     "type": "image/svg+xml",
     "etag": "\"17fe-RGKa0+MaUqOqlbPlXlig67fGkaY\"",
-    "mtime": "2023-12-15T03:28:24.423Z",
+    "mtime": "2023-12-15T09:06:20.499Z",
     "size": 6142,
     "path": "../public/static/delete-icon.4d386dce.svg"
   },
   "/static/dot-gray.86cdd7b5.svg": {
     "type": "image/svg+xml",
     "etag": "\"2af-sBMsuPZbsh28jzlFWO9lVYMVDk8\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 687,
     "path": "../public/static/dot-gray.86cdd7b5.svg"
   },
   "/static/dot-yellow.4b5e135b.svg": {
     "type": "image/svg+xml",
     "etag": "\"2af-6L7YsWhGTHBB6NqQztB/l2OFRfE\"",
-    "mtime": "2023-12-15T03:28:24.425Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 687,
     "path": "../public/static/dot-yellow.4b5e135b.svg"
   },
   "/static/dot.1026a040.svg": {
     "type": "image/svg+xml",
     "etag": "\"217-dx6xqUT4D9pCoKc6nr20aXeJQXQ\"",
-    "mtime": "2023-12-15T03:28:24.425Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 535,
     "path": "../public/static/dot.1026a040.svg"
   },
   "/static/edit-icon-white.29b27582.svg": {
     "type": "image/svg+xml",
     "etag": "\"8be-EnEF3CQI46JkMNAXbPf3H6T7pzU\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 2238,
     "path": "../public/static/edit-icon-white.29b27582.svg"
   },
   "/static/empty-icon.24a01ae2.svg": {
     "type": "image/svg+xml",
     "etag": "\"d028-Our2UxxUiciRSduORd8JZCt5Prw\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 53288,
     "path": "../public/static/empty-icon.24a01ae2.svg"
   },
-  "/static/entry.04826565.js": {
+  "/static/entry.7cbcb895.js": {
     "type": "application/javascript",
-    "etag": "\"3ad16-vO19lr+1fd+smbwk0KKPWuQsavI\"",
+    "etag": "\"3ae6e-rdRTMu3GqcKv8DlFipBPR16yEuA\"",
-    "mtime": "2023-12-15T03:28:24.428Z",
+    "mtime": "2023-12-15T09:06:20.500Z",
-    "size": 240918,
+    "size": 241262,
-    "path": "../public/static/entry.04826565.js"
+    "path": "../public/static/entry.7cbcb895.js"
   },
-  "/static/entry.81c43f24.css": {
+  "/static/entry.d0051705.css": {
     "type": "text/css; charset=utf-8",
-    "etag": "\"ae41-qV/deKiByhd6hGEQqOT5362FQr0\"",
+    "etag": "\"af21-CGiztCz4hW+9/5WvV+/bg9wGCGE\"",
-    "mtime": "2023-12-15T03:28:24.428Z",
+    "mtime": "2023-12-15T09:06:20.500Z",
-    "size": 44609,
+    "size": 44833,
-    "path": "../public/static/entry.81c43f24.css"
+    "path": "../public/static/entry.d0051705.css"
-  },
-  "/static/error-404.76387355.js": {
-    "type": "application/javascript",
-    "etag": "\"18de-+9ECWB0ps5SOzYATA0Ab1UiRVTs\"",
-    "mtime": "2023-12-15T03:28:24.428Z",
-    "size": 6366,
-    "path": "../public/static/error-404.76387355.js"
   },
   "/static/error-404.7fc72018.css": {
     "type": "text/css; charset=utf-8",
     "etag": "\"e2e-iNt1cqPQ0WDudfCTZVQd31BeRGs\"",
-    "mtime": "2023-12-15T03:28:24.428Z",
+    "mtime": "2023-12-15T09:06:20.500Z",
     "size": 3630,
     "path": "../public/static/error-404.7fc72018.css"
   },
-  "/static/error-500.96a36d5b.js": {
+  "/static/error-404.eb99afb2.js": {
     "type": "application/javascript",
-    "etag": "\"756-9rnqM424/KisrnYZ5onbH6IapzQ\"",
+    "etag": "\"18de-qcXEhgABD3i1NKdXbqS2fsR7wZY\"",
-    "mtime": "2023-12-15T03:28:24.428Z",
+    "mtime": "2023-12-15T09:06:20.500Z",
+    "size": 6366,
+    "path": "../public/static/error-404.eb99afb2.js"
+  },
+  "/static/error-500.a72ffb41.js": {
+    "type": "application/javascript",
+    "etag": "\"756-a7AXATacmK9r/Tkrpmzta0evGas\"",
+    "mtime": "2023-12-15T09:06:20.500Z",
     "size": 1878,
-    "path": "../public/static/error-500.96a36d5b.js"
+    "path": "../public/static/error-500.a72ffb41.js"
   },
   "/static/error-500.c5df6088.css": {
     "type": "text/css; charset=utf-8",
     "etag": "\"79e-ByRo+49BgcevWdRjJy3CMx2IA5k\"",
-    "mtime": "2023-12-15T03:28:24.428Z",
+    "mtime": "2023-12-15T09:06:20.500Z",
     "size": 1950,
     "path": "../public/static/error-500.c5df6088.css"
   },
   "/static/issue-bj.44adad8c.svg": {
     "type": "image/svg+xml",
     "etag": "\"926-lK6rrraYIC+9Yxyy0subzOK8XpE\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 2342,
     "path": "../public/static/issue-bj.44adad8c.svg"
   },
   "/static/logo.6622f82d.png": {
     "type": "image/png",
     "etag": "\"843f-FSXGFGigIHmtzjdcQzuMz/a7E+o\"",
-    "mtime": "2023-12-15T03:28:24.425Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 33855,
     "path": "../public/static/logo.6622f82d.png"
   },
   "/static/menu-icon-gray.d61f02b1.svg": {
     "type": "image/svg+xml",
     "etag": "\"6de-kmXhltPHfF4W1gmV7wT4aZCZ6gg\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 1758,
     "path": "../public/static/menu-icon-gray.d61f02b1.svg"
   },
   "/static/QRCode-icon.a105d5fc.svg": {
     "type": "image/svg+xml",
     "etag": "\"9c1-qGg9jZ5wmHJGzh2A00nHIGWHMh4\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 2497,
     "path": "../public/static/QRCode-icon.a105d5fc.svg"
   },
   "/static/tick-no.179037b3.svg": {
     "type": "image/svg+xml",
     "etag": "\"1ea-YISAWqJD56jxoQT8N812fDJfkMw\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 490,
     "path": "../public/static/tick-no.179037b3.svg"
   },
   "/static/tick-option.e092d22f.svg": {
     "type": "image/svg+xml",
     "etag": "\"29a-UVjuq3WHs6mhu1KGQ7gQmJH2Bc4\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 666,
     "path": "../public/static/tick-option.e092d22f.svg"
   },
   "/static/tick-orange.233abc69.svg": {
     "type": "image/svg+xml",
     "etag": "\"60a-VrP9K+TQp6JbNcrU5k1Dor/Kq/E\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.499Z",
     "size": 1546,
     "path": "../public/static/tick-orange.233abc69.svg"
   },
   "/static/title.98892974.png": {
     "type": "image/png",
     "etag": "\"1723-0OwkVass/2nFB99dRT4w0sPUvI0\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 5923,
     "path": "../public/static/title.98892974.png"
   },
   "/static/triangle-icon.c39ff2e7.svg": {
     "type": "image/svg+xml",
     "etag": "\"446-ylQ81DOJ3joSbsS9atyrW6pZsBY\"",
-    "mtime": "2023-12-15T03:28:24.427Z",
+    "mtime": "2023-12-15T09:06:20.499Z",
     "size": 1094,
     "path": "../public/static/triangle-icon.c39ff2e7.svg"
   },
   "/static/view-icon.da7fef35.svg": {
     "type": "image/svg+xml",
     "etag": "\"f39-5Jwx14wB0jgB0Du25KRZbkEEXvI\"",
-    "mtime": "2023-12-15T03:28:24.426Z",
+    "mtime": "2023-12-15T09:06:20.498Z",
     "size": 3897,
     "path": "../public/static/view-icon.da7fef35.svg"
   },
   "/static/builds/latest.json": {
     "type": "application/json",
-    "etag": "\"47-06awgpUfBbM9kIIk5CouirCgKMg\"",
+    "etag": "\"47-enxQSI3dmkBtXQL0IPk/zNDhlH0\"",
-    "mtime": "2023-12-15T03:28:25.797Z",
+    "mtime": "2023-12-15T09:06:21.765Z",
     "size": 71,
     "path": "../public/static/builds/latest.json"
   },
-  "/static/builds/meta/d85790b1-872e-48b7-8875-762f51931e7d.json": {
+  "/static/builds/meta/1e6a2d4e-548a-428c-ad50-9848287242f5.json": {
     "type": "application/json",
-    "etag": "\"8b-yy5QKMFkOsm1x/tnYDEDpxbF0wY\"",
+    "etag": "\"8b-uBiV7j+Wbkl8F6q68tYvD8raf2o\"",
-    "mtime": "2023-12-15T03:28:25.798Z",
+    "mtime": "2023-12-15T09:06:21.765Z",
     "size": 139,
-    "path": "../public/static/builds/meta/d85790b1-872e-48b7-8875-762f51931e7d.json"
+    "path": "../public/static/builds/meta/1e6a2d4e-548a-428c-ad50-9848287242f5.json"
   }
 };
 

app.vue

@@ -79,7 +79,7 @@
                                     <img class="hot-icon" v-if="item['ishot'] == 1" src="./img/hot-icon.png" />
                                     <div class="issue ellipsis flex1" v-html="item['title']"></div>
                                 </div>
-                                <div class="answer ellipsis" v-html="item['content']"></div>
+                                <div class="answer ellipsis" v-if="item['content']" v-html="item['content']"></div>
                                 <div class="bottom flexacenter">
                                     <div class="typename" v-if="item['typename']">{{ item["typename"] }}</div>
                                     <div v-else></div>
@@ -238,6 +238,7 @@
                                     </div>
                                     <div class="operate-item flexacenter" :class="{commentnum: item['commentState']}" @click="openCommentState(index)">
                                         <img class="operate-icon operate-comment-icon" src="./img/comment-icon.png" />
+                                        <!-- {{ item["commentnum"] }} -->
                                         {{ item["commentnum"] }}
                                     </div>
                                     <div class="operate-item flexacenter" @click="operateCollect(item['token'], index)">
@@ -373,13 +374,15 @@
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="comments-also flexacenter" v-if="it['childnum'] >= 3 && it['childnum'] > it['child'].length" @click="alsoCommentsData(index, ind)">
+
+                                            <div class="comments-also flexacenter" v-if="it['childnum'] > it['child'].length" @click="alsoCommentsData(index, ind)">
                                                 <div class="">还有{{ it["childnum"] - 1 }}条回复</div>
                                                 <img class="also-icon" src="./img/arrow-circular-gray.png" />
                                             </div>
                                         </div>
                                     </div>
-
+                                    <!-- {{ item["commentnum"] + '  ' + item["commentList"].length }} -->
+                                    <!-- <div class="reverl-all flexcenter" @click="handleAllComment(index)" v-if="item['commentnum'] != item['commentList'].length"> -->
                                     <div class="reverl-all flexcenter" @click="handleAllComment(index)" v-if="item['commentCount'] != item['commentList'].length">
                                         显示全部
                                         <img class="arrow-circular" src="./img/arrow-circular-gray.png" />
@@ -518,7 +521,7 @@
                                     <div class="text">{{ item["anonymous"] == 0 ? "公开" : "匿名" }}</div>
                                     <img class="arrows" src="./img/arrows-icon.svg" />
                                     <div class="state-popup flexflex" v-if="item['popupState']">
-                                        <div class="state-popup-mask" @click.stop="cutAnswerPopupState(index)"></div>
+                                        <!-- <div class="state-popup-mask" @click.stop="cutAnswerPopupState(index)"></div> -->
                                         <div class="state-popup-item flexacenter flex1" :class="{pitch: item['anonymous'] == 0}" @click.stop="changeAnonymous(item['token'], 0, index)">
                                             <div class="">公开发表</div>
                                             <img class="state-popup-icon" src="./img/tick-orange.svg" />
@@ -809,6 +812,7 @@ export default {
                     getDetails(params["uniqid"])
                 } else {
                     type.value = "list"
+                    openBottom()
                     pitchIndex.value = null
                     seo.value = {}
                 }
@@ -881,6 +885,7 @@ export default {
             page = 1
             list.value = []
             type.value = "list"
+            openBottom()
             pitchIndex.value = null
 
             deleteState(["uniqid"])
@@ -914,6 +919,7 @@ export default {
             page = 1
             list.value = []
             type.value = "list"
+            openBottom()
             pitchIndex.value = null
 
             getList()
@@ -1024,7 +1030,7 @@ export default {
         const getDetails = (uniqid, index, isOpenAnswer) => {
             if (detailLoading.value) return
             detailLoading.value = true
-            process.env.NODE_ENV !== "production" && (uniqid = "fCSyLDDa0r1q") // 标记1一下  8yr1m1fOH5CS  fubm5CnD05qj  fCSyLDDa0r1q
+            // process.env.NODE_ENV !== "production" && (uniqid = "fCSyLDDa0r1q") // 标记1一下  8yr1m1fOH5CS  fubm5CnD05qj  fCSyLDDa0r1q
 
             detailsInfo.value = {}
             answerList.value = []
@@ -1034,6 +1040,8 @@ export default {
                 .then(res => {
                     if (res.code != 200) {
                         type.value = "list"
+                        openBottom()
+
                         pitchIndex.value = null
                         return
                     }
@@ -1047,6 +1055,7 @@ export default {
                     detailShare.value = data["share"] || {}
 
                     type.value = "details"
+                    closeBottom()
 
                     if (index !== null && index !== undefined) cut(index)
                     else calculateListIndex(data.info, uniqid)
@@ -1065,14 +1074,29 @@ export default {
 
                     seo.value = data.seo
                     yourAnswer.value = {
+                        // 初始化 我来回答的框
                         text: "",
                         anonymous: 0,
                     }
+
+                    // 默认 详情 div 滚动到顶部
+                    detailsAreaScrollTop()
                 })
                 .finally(() => {
                     detailLoading.value = false
                 })
         }
+
+        // 默认 详情 div 滚动到顶部  预防用户在 列表重复点击
+        const detailsAreaScrollTop = () => {
+            let detailsArea = document.querySelector(".details-area-box")
+
+            detailsArea.scrollTo({
+                top: 0,
+                behavior: "smooth",
+            })
+        }
+
         const calculateListIndex = (info, uniqid) => {
             let targetList = [...list.value]
             if (targetList.length == 0 && isSearchMode.value == false) {
@@ -1373,6 +1397,7 @@ export default {
                         ...data,
                     }
 
+                    targetAnswerList[index]["commentList"][ind]["child"][i]["commentInput"] = ""
                     targetAnswerList[index]["commentList"][ind]["child"].unshift(targetData)
                     targetAnswerList[index]["commentList"][ind]["childnum"]++
                 } else if (ind != null) {
@@ -1387,6 +1412,7 @@ export default {
                     }
                     targetAnswerList[index]["commentList"][ind]["child"].unshift(targetData)
                     targetAnswerList[index]["commentList"][ind]["childnum"]++
+                    targetAnswerList[index]["commentList"][ind]["commentInput"] = ""
                 } else {
                     let targetData = {
                         id: data["commentid"],
@@ -1399,10 +1425,13 @@ export default {
                     }
                     targetAnswerList[index]["commentList"].unshift(targetData)
                     targetAnswerList[index]["commentCount"]++
+                    targetAnswerList[index]["commentInput"] = ""
                 }
 
                 targetAnswerList[index]["commentnum"] = data["count"]
 
+                // targetAnswerList[index]["commentcomments"] = data['count']
+
                 closeAnswerCommentsChild()
 
                 handleMsg("success", res["message"] || "操作成功")
@@ -1878,9 +1907,12 @@ export default {
                 // obj["top"] = index * 128 + "px"
                 // obj["left"] = 0
                 obj["width"] = "calc(50vw - 88px)"
+                obj["height"] = `calc(100vh - ${list.value.length * 128}px - 268px)`
                 // obj['backgroundColor'] = '#fbfbfb'
                 obj["paddingLeft"] = "calc((100vw - 1200px) / 2)"
                 obj["borderRight"] = "1px solid #ebebeb"
+                obj["borderRight"] = "1px solid #ebebeb"
+                obj["background"] = "#fff"
             }
 
             return obj
@@ -1956,12 +1988,13 @@ export default {
 
         // 统计转发次数
         const countForwardingTimes = token => {
-            $ajaxGET("/api/operate/share?token=" + token)
+            process.env.NODE_ENV === "production" && $ajaxGET("/api/operate/share?token=" + token)
         }
 
         // 关闭详情模式
         const closeDetailMode = () => {
             type.value = "list"
+            openBottom()
             pitchIndex.value = null
             deleteState(["uniqid"])
             seo.value = {}
@@ -2119,6 +2152,7 @@ export default {
                 handleMsg("error", "没有找到相关提问")
                 return
             }
+            deleteState(["keyword"])
             getDetails(uniqid)
             myType.value = ""
         }
@@ -2155,6 +2189,7 @@ export default {
             page = 1
             list.value = []
             type.value = "list"
+            openBottom()
             pitchIndex.value = null
             if (id != null) {
                 replaceState({
@@ -2379,6 +2414,19 @@ export default {
             link.click()
         }
 
+        // 详情模式下关闭底部
+        const closeBottom = () => {
+            const footer = document.querySelector("body .index-footer")
+            if (footer) footer.style.display = "none"
+            else setTimeout(() => closeBottom(), 1000)
+        }
+
+        const openBottom = () => {
+            const footer = document.querySelector("body .index-footer")
+            if (footer) footer.style.display = "block"
+            else setTimeout(() => openBottom(), 1000)
+        }
+
         return {
             bottomTpsStyle,
             TAHomePage,

index.css

@@ -22,7 +22,7 @@ body::-webkit-scrollbar {
   padding: 0;
   box-sizing: border-box;
   font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
-  word-wrap: break-word;
+  word-break: break-all;
 }
 a {
   text-decoration: none !important;
@@ -161,7 +161,7 @@ a {
   border: 1px solid #ebebeb;
   border-radius: 10px;
   padding-top: 15px;
-  z-index: 2;
+  z-index: 10;
   padding-bottom: 14px;
 }
 #answer-app header .top .right .searchInput .history-box .history-title {
@@ -704,7 +704,6 @@ a {
 #answer-app .main .details-area-box .details-box .answer-box-item .answer-text {
   font-size: 14px;
   color: #555555;
-  line-height: 26px;
   padding: 0 24px;
   margin-bottom: 20px;
   word-break: break-all;
@@ -736,7 +735,7 @@ a {
   height: 50px;
   border: none;
   background-color: transparent;
-  outline-color: #62b1ff;
+  outline: none;
   padding: 0 23px;
   font-size: 14px;
 }
@@ -899,6 +898,11 @@ a {
   resize: none;
   padding: 11px 16px;
   border-radius: 7px 0 0 7px;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-input-box .comments-input textarea::-webkit-scrollbar {
+  width: 0 !important;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-content .comments-input-box .comments-input .comments-btn {
   width: 58px;
@@ -917,7 +921,7 @@ a {
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments {
   margin-left: 24px;
 }
-#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments .comments-item:last-of-type .comments-text {
+#answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments .comments-item:last-of-type .comments-content {
   border-bottom: none;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .child-comments .comments-also {
@@ -1024,7 +1028,7 @@ a {
 #answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit {
   position: relative;
 }
-#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit::after {
+#answer-app .main .details-area-box .details-box .operate-box .operate-list .operate-item.operate-transmit:hover::after {
   content: "";
   width: 100%;
   height: 100%;
@@ -1924,7 +1928,7 @@ a {
 }
 #answer-app .bottom-tps {
   font-weight: 400;
-  font-size: 14px;
+  font-size: 12px;
   color: #555;
   text-align: center;
   padding: 30px 0;

index.less

@@ -29,7 +29,7 @@ body {
     box-sizing: border-box;
     font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
     // font-style: normal;
-    word-wrap: break-word;
+    word-break: break-all;
 }
 
 
@@ -194,7 +194,7 @@ a {
                         border: 1px solid rgba(235, 235, 235, 1);
                         border-radius: 10px;
                         padding-top: 15px;
-                        z-index: 2;
+                        z-index: 10;
                         padding-bottom: 14px;
 
                         .history-title {
@@ -884,7 +884,7 @@ a {
                     .answer-text {
                         font-size: 14px;
                         color: #555555;
-                        line-height: 26px;
+                        // line-height: 26px;
                         padding: 0 24px;
                         margin-bottom: 20px;
                         word-break: break-all;
@@ -925,7 +925,8 @@ a {
                             height: 50px;
                             border: none;
                             background-color: transparent;
-                            outline-color: rgba(98, 177, 255, 1);
+                            // outline-color: rgba(98, 177, 255, 1);
+                            outline: none;
                             padding: 0 23px;
                             font-size: 14px;
 
@@ -1126,6 +1127,13 @@ a {
                                             resize: none;
                                             padding: 11px 16px;
                                             border-radius: 7px 0 0 7px;
+
+                                            &::-webkit-scrollbar {
+                                                width: 0 !important;
+                                            }
+
+                                            scrollbar-width: none;
+                                            -ms-overflow-style: none;
                                         }
 
                                         .comments-btn {
@@ -1154,7 +1162,7 @@ a {
                             margin-left: 24px;
                             // border-bottom: 1px dotted #ebebeb;
 
-                            .comments-item:last-of-type .comments-text {
+                            .comments-item:last-of-type .comments-content {
                                 border-bottom: none;
                             }
 
@@ -1291,7 +1299,7 @@ a {
 
                                 // z-index: 1;
                                 // &:hover {
-                                &::after {
+                                &:hover::after {
                                     content: "";
                                     width: 100%;
                                     height: 100%;
@@ -2429,7 +2437,7 @@ a {
 
     .bottom-tps {
         font-weight: 400;
-        font-size: 14px;
+        font-size: 12px;
         color: #555;
         text-align: center;
         padding: 30px 0;