添加头部框

.output/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2023-12-13T10:40:17.410Z",
+  "date": "2023-12-14T03:41:26.926Z",
   "preset": "node-server",
   "framework": {
     "name": "nuxt",

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

@@ -1 +1 @@
-{"id":"c98b3827-35ad-46b8-b031-212ce5ac351a","timestamp":1702464006922}
+{"id":"fe912969-50cc-4e3e-a8b0-cad7a623a9ff","timestamp":1702525275560}

.output/public/static/builds/meta/c98b3827-35ad-46b8-b031-212ce5ac351a.json

@@ -1 +0,0 @@
-{"id":"c98b3827-35ad-46b8-b031-212ce5ac351a","timestamp":1702464006922,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.output/public/static/builds/meta/dev.json

@@ -0,0 +1 @@
+{"id":"dev","timestamp":1702525276033,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.output/public/static/builds/meta/fe912969-50cc-4e3e-a8b0-cad7a623a9ff.json

@@ -0,0 +1 @@
+{"id":"fe912969-50cc-4e3e-a8b0-cad7a623a9ff","timestamp":1702525275560,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

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

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

@@ -152,7 +152,7 @@ const client_manifest = {
     "prefetch": true,
     "preload": true,
     "css": [],
-    "file": "error-404.5c0c65e4.js",
+    "file": "error-404.6e06f203.js",
     "imports": [
       "node_modules/nuxt/dist/app/entry.js"
     ],
@@ -178,7 +178,7 @@ const client_manifest = {
     "prefetch": true,
     "preload": true,
     "css": [],
-    "file": "error-500.058bbba0.js",
+    "file": "error-500.dc11507e.js",
     "imports": [
       "node_modules/nuxt/dist/app/entry.js"
     ],
@@ -195,7 +195,7 @@ const client_manifest = {
     "resourceType": "style",
     "prefetch": true,
     "preload": true,
-    "file": "entry.3898de84.css",
+    "file": "entry.3e75fe87.css",
     "src": "node_modules/nuxt/dist/app/entry.css"
   },
   "node_modules/nuxt/dist/app/entry.js": {
@@ -226,19 +226,19 @@ const client_manifest = {
       "triangle-icon.c39ff2e7.svg"
     ],
     "css": [
-      "entry.3898de84.css"
+      "entry.3e75fe87.css"
     ],
     "dynamicImports": [
       "node_modules/@nuxt/ui-templates/dist/templates/error-404.vue",
       "node_modules/@nuxt/ui-templates/dist/templates/error-500.vue"
     ],
-    "file": "entry.f2c0d7ba.js",
+    "file": "entry.44d69ba8.js",
     "isEntry": true,
     "src": "node_modules/nuxt/dist/app/entry.js",
     "_globalCSS": true
   },
-  "entry.3898de84.css": {
+  "entry.3e75fe87.css": {
-    "file": "entry.3898de84.css",
+    "file": "entry.3e75fe87.css",
     "resourceType": "style",
     "prefetch": true,
     "preload": true

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

@@ -2258,10 +2258,36 @@ const _sfc_main$2 = {
       nextTick(() => handleInput());
     };
     let avatarState = ref(false);
-    const openUserInfo = () => {
+    const openUserInfo = (index, ind, i) => {
+      if (i != null) {
+        if (answerList.value[index].commentList[ind]["child"][i]["uin"] > 0)
+          answerList.value[index].commentList[ind]["child"][i]["avatarState"] = !answerList.value[index].commentList[ind]["child"][i]["avatarState"];
+      } else if (ind != null) {
+        if (answerList.value[index].commentList[ind]["uin"] > 0)
+          answerList.value[index].commentList[ind]["avatarState"] = !answerList.value[index].commentList[ind]["avatarState"];
+      } else if (index != null) {
+        if (answerList.value[index]["uin"] > 0)
+          answerList.value[index]["avatarState"] = !answerList.value[index]["avatarState"];
+      } else {
+        if (detailsInfo["uin"] > 0)
           avatarState.value = !avatarState.value;
+      }
+    };
+    const sendMessage = (uin) => {
+      redirectToExternalWebsite(`https://bbs.gter.net/home.php?mod=space&showmsg=1&uid=${uin}`);
+    };
+    const TAHomePage = (uin) => {
+      redirectToExternalWebsite(`https://bbs.gter.net/home.php?mod=space&uid=${uin}`);
+    };
+    const redirectToExternalWebsite = (url) => {
+      const link = document.createElement("a");
+      link.href = url;
+      link.target = "_blank";
+      link.click();
     };
     return {
+      TAHomePage,
+      sendMessage,
       avatarState,
       openUserInfo,
       isNeedLogin,
@@ -2518,7 +2544,7 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
     }
     _push(`<div class="user-name">${ssrInterpolate($setup.detailsInfo["nickname"])}</div>`);
     if ($setup.avatarState) {
-      _push(`<div class="avatar-box flexflex"><div class="avatar-item flexcenter"><img class="avatar-icon"${ssrRenderAttr("src", _imports_13)}> 发送信息 </div><a class="avatar-item flexcenter"><img class="avatar-icon"${ssrRenderAttr("src", _imports_14)}> TA的主页 </a><div class="avatar-mask"></div></div>`);
+      _push(`<div class="avatar-box flexflex"><a class="avatar-item flexcenter" target="_blank"><img class="avatar-icon"${ssrRenderAttr("src", _imports_13)}> 发送信息 </a><a class="avatar-item flexcenter" target="_blank"><img class="avatar-icon"${ssrRenderAttr("src", _imports_14)}> TA的主页 </a><div class="avatar-mask"></div></div>`);
     } else {
       _push(`<!---->`);
     }
@@ -2542,6 +2568,11 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
       } else {
         _push(`<!---->`);
       }
+      if (item["avatarState"]) {
+        _push(`<div class="avatar-box flexflex"><a class="avatar-item flexcenter" target="_blank"><img class="avatar-icon"${ssrRenderAttr("src", _imports_13)}> 发送信息 </a><a class="avatar-item flexcenter" target="_blank"><img class="avatar-icon"${ssrRenderAttr("src", _imports_14)}> TA的主页 </a><div class="avatar-mask"></div></div>`);
+      } else {
+        _push(`<!---->`);
+      }
       _push(`</div><div class="time">${ssrInterpolate($setup.handleDate(item["publicationdate"]))}</div></div><div class="operate-box flexacenter"><div class="edit-box">`);
       if (item["ismyself"] == 1) {
         _push(`<div class="edit-btn flexcenter"><img class="edit-icon"${ssrRenderAttr("src", _imports_15)}></div>`);
@@ -2580,6 +2611,11 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
             } else {
               _push(`<!---->`);
             }
+            if (it["avatarState"]) {
+              _push(`<div class="avatar-box flexflex"><a class="avatar-item flexcenter" target="_blank"><img class="avatar-icon"${ssrRenderAttr("src", _imports_13)}> 发送信息 </a><a class="avatar-item flexcenter" target="_blank"><img class="avatar-icon"${ssrRenderAttr("src", _imports_14)}> TA的主页 </a><div class="avatar-mask"></div></div>`);
+            } else {
+              _push(`<!---->`);
+            }
             _push(`</div><div class="comments-header-right flexacenter"><div class="menu-box flexacenter"><img class="menu-icon"${ssrRenderAttr("src", _imports_26)}><div class="report-box flexcenter">举报</div></div><img class="comment-icon"${ssrRenderAttr("src", _imports_27)}><div class="flexacenter like-box">`);
             if (it["islike"] == 0) {
               _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_28)}>`);
@@ -2604,6 +2640,11 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
                 } else {
                   _push(`<!---->`);
                 }
+                if (ite["avatarState"]) {
+                  _push(`<div class="avatar-box flexflex"><a class="avatar-item flexcenter" target="_blank"><img class="avatar-icon"${ssrRenderAttr("src", _imports_13)}> 发送信息 </a><a class="avatar-item flexcenter" target="_blank"><img class="avatar-icon"${ssrRenderAttr("src", _imports_14)}> TA的主页 </a><div class="avatar-mask"></div></div>`);
+                } else {
+                  _push(`<!---->`);
+                }
                 _push(`</div><div class="comments-header-right flexacenter"><div class="menu-box flexacenter"><img class="menu-icon"${ssrRenderAttr("src", _imports_26)}><div class="report-box flexcenter">举报</div></div><img class="comment-icon"${ssrRenderAttr("src", _imports_27)}><div class="flexacenter like-box">`);
                 if (ite["islike"] == 0) {
                   _push(`<img class="like-icon"${ssrRenderAttr("src", _imports_28)}>`);

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

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

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

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

.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.f7cd69ba.mjs').then(interopDefault),
+  "node_modules/nuxt/dist/app/entry.js": () => import('./static/entry-styles.ba61e981.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)
 };

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

@@ -3059,7 +3059,7 @@ function klona(x) {
 
 const inlineAppConfig = {
   "nuxt": {
-    "buildId": "c98b3827-35ad-46b8-b031-212ce5ac351a"
+    "buildId": "fe912969-50cc-4e3e-a8b0-cad7a623a9ff"
   }
 };
 
@@ -4949,198 +4949,205 @@ const assets = {
   "/static/add-icon.0b0b5313.svg": {
     "type": "image/svg+xml",
     "etag": "\"d67-gajxuGcy6aHIeWAbO0RazX03p90\"",
-    "mtime": "2023-12-13T10:40:11.226Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "size": 3431,
     "path": "../public/static/add-icon.0b0b5313.svg"
   },
   "/static/arrows-icon.271dd0d3.svg": {
     "type": "image/svg+xml",
     "etag": "\"5a0-yAit7q5lcKJMd35iOMMifZv2uno\"",
-    "mtime": "2023-12-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "size": 1440,
     "path": "../public/static/arrows-icon.271dd0d3.svg"
   },
   "/static/close-icon.86743366.svg": {
     "type": "image/svg+xml",
     "etag": "\"2d4-QYrulZl33jopLCT37UdJfnzXOVg\"",
-    "mtime": "2023-12-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "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-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "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-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "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-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "size": 6142,
     "path": "../public/static/delete-icon.4d386dce.svg"
   },
   "/static/dot-gray.86cdd7b5.svg": {
     "type": "image/svg+xml",
     "etag": "\"2af-sBMsuPZbsh28jzlFWO9lVYMVDk8\"",
-    "mtime": "2023-12-13T10:40:11.226Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "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-13T10:40:11.226Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "size": 687,
     "path": "../public/static/dot-yellow.4b5e135b.svg"
   },
   "/static/dot.1026a040.svg": {
     "type": "image/svg+xml",
     "etag": "\"217-dx6xqUT4D9pCoKc6nr20aXeJQXQ\"",
-    "mtime": "2023-12-13T10:40:11.226Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "size": 535,
     "path": "../public/static/dot.1026a040.svg"
   },
   "/static/edit-icon-white.29b27582.svg": {
     "type": "image/svg+xml",
     "etag": "\"8be-EnEF3CQI46JkMNAXbPf3H6T7pzU\"",
-    "mtime": "2023-12-13T10:40:11.226Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "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-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "size": 53288,
     "path": "../public/static/empty-icon.24a01ae2.svg"
   },
-  "/static/entry.3898de84.css": {
+  "/static/entry.3e75fe87.css": {
     "type": "text/css; charset=utf-8",
-    "etag": "\"acf1-hjw8QXoIZHdIOacUWG/+Fu2xx5s\"",
+    "etag": "\"abff-V8jSxZKvzId/jjqjEmipdA8yzcg\"",
-    "mtime": "2023-12-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.059Z",
-    "size": 44273,
+    "size": 44031,
-    "path": "../public/static/entry.3898de84.css"
+    "path": "../public/static/entry.3e75fe87.css"
   },
-  "/static/entry.f2c0d7ba.js": {
+  "/static/entry.44d69ba8.js": {
     "type": "application/javascript",
-    "etag": "\"3a1c5-nSXuD3tUgauYYua3FeD3TtjfMkQ\"",
+    "etag": "\"3ab3b-ysMUqcjfJz/6KbD3bySRHisXzD0\"",
-    "mtime": "2023-12-13T10:40:11.228Z",
+    "mtime": "2023-12-14T03:41:20.060Z",
-    "size": 238021,
+    "size": 240443,
-    "path": "../public/static/entry.f2c0d7ba.js"
+    "path": "../public/static/entry.44d69ba8.js"
   },
-  "/static/error-404.5c0c65e4.js": {
+  "/static/error-404.6e06f203.js": {
     "type": "application/javascript",
-    "etag": "\"18de-2LoTLMWMTHb0Bnl9eD1DQ/G4s2w\"",
+    "etag": "\"18de-p2g17h+p4BHF4+Gj+GVWUFVkVtg\"",
-    "mtime": "2023-12-13T10:40:11.228Z",
+    "mtime": "2023-12-14T03:41:20.060Z",
     "size": 6366,
-    "path": "../public/static/error-404.5c0c65e4.js"
+    "path": "../public/static/error-404.6e06f203.js"
   },
   "/static/error-404.7fc72018.css": {
     "type": "text/css; charset=utf-8",
     "etag": "\"e2e-iNt1cqPQ0WDudfCTZVQd31BeRGs\"",
-    "mtime": "2023-12-13T10:40:11.228Z",
+    "mtime": "2023-12-14T03:41:20.060Z",
     "size": 3630,
     "path": "../public/static/error-404.7fc72018.css"
   },
-  "/static/error-500.058bbba0.js": {
-    "type": "application/javascript",
-    "etag": "\"756-TbbIDstplMVwkjlikkq9qjBmmDM\"",
-    "mtime": "2023-12-13T10:40:11.228Z",
-    "size": 1878,
-    "path": "../public/static/error-500.058bbba0.js"
-  },
   "/static/error-500.c5df6088.css": {
     "type": "text/css; charset=utf-8",
     "etag": "\"79e-ByRo+49BgcevWdRjJy3CMx2IA5k\"",
-    "mtime": "2023-12-13T10:40:11.228Z",
+    "mtime": "2023-12-14T03:41:20.060Z",
     "size": 1950,
     "path": "../public/static/error-500.c5df6088.css"
   },
+  "/static/error-500.dc11507e.js": {
+    "type": "application/javascript",
+    "etag": "\"756-0qb7wlOpQlHWqi0PFNr8YaiW94c\"",
+    "mtime": "2023-12-14T03:41:20.060Z",
+    "size": 1878,
+    "path": "../public/static/error-500.dc11507e.js"
+  },
   "/static/issue-bj.44adad8c.svg": {
     "type": "image/svg+xml",
     "etag": "\"926-lK6rrraYIC+9Yxyy0subzOK8XpE\"",
-    "mtime": "2023-12-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.059Z",
     "size": 2342,
     "path": "../public/static/issue-bj.44adad8c.svg"
   },
   "/static/logo.6622f82d.png": {
     "type": "image/png",
     "etag": "\"843f-FSXGFGigIHmtzjdcQzuMz/a7E+o\"",
-    "mtime": "2023-12-13T10:40:11.226Z",
+    "mtime": "2023-12-14T03:41:20.057Z",
     "size": 33855,
     "path": "../public/static/logo.6622f82d.png"
   },
   "/static/menu-icon-gray.d61f02b1.svg": {
     "type": "image/svg+xml",
     "etag": "\"6de-kmXhltPHfF4W1gmV7wT4aZCZ6gg\"",
-    "mtime": "2023-12-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "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-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "size": 2497,
     "path": "../public/static/QRCode-icon.a105d5fc.svg"
   },
   "/static/tick-no.179037b3.svg": {
     "type": "image/svg+xml",
     "etag": "\"1ea-YISAWqJD56jxoQT8N812fDJfkMw\"",
-    "mtime": "2023-12-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "size": 490,
     "path": "../public/static/tick-no.179037b3.svg"
   },
   "/static/tick-option.e092d22f.svg": {
     "type": "image/svg+xml",
     "etag": "\"29a-UVjuq3WHs6mhu1KGQ7gQmJH2Bc4\"",
-    "mtime": "2023-12-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "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-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.059Z",
     "size": 1546,
     "path": "../public/static/tick-orange.233abc69.svg"
   },
   "/static/title.98892974.png": {
     "type": "image/png",
     "etag": "\"1723-0OwkVass/2nFB99dRT4w0sPUvI0\"",
-    "mtime": "2023-12-13T10:40:11.227Z",
+    "mtime": "2023-12-14T03:41:20.058Z",
     "size": 5923,
     "path": "../public/static/title.98892974.png"
   },
   "/static/triangle-icon.c39ff2e7.svg": {
     "type": "image/svg+xml",
     "etag": "\"446-ylQ81DOJ3joSbsS9atyrW6pZsBY\"",
-    "mtime": "2023-12-13T10:40:11.225Z",
+    "mtime": "2023-12-14T03:41:20.059Z",
     "size": 1094,
     "path": "../public/static/triangle-icon.c39ff2e7.svg"
   },
   "/static/builds/latest.json": {
     "type": "application/json",
-    "etag": "\"47-cLJpLLuCedMXQ2H7K4XlIwDWkJk\"",
+    "etag": "\"47-SgqULVwIbbvBdSRPYrbgtwApD/I\"",
-    "mtime": "2023-12-13T10:40:12.448Z",
+    "mtime": "2023-12-14T03:41:21.471Z",
     "size": 71,
     "path": "../public/static/builds/latest.json"
   },
-  "/static/builds/meta/c98b3827-35ad-46b8-b031-212ce5ac351a.json": {
+  "/static/builds/meta/dev.json": {
     "type": "application/json",
-    "etag": "\"8b-pv8JvNWQfwA/H4mrSZt2IOpRMM4\"",
+    "etag": "\"6a-OZhFmrqXtFhh1N+tVxuCtYv3g0c\"",
-    "mtime": "2023-12-13T10:40:12.448Z",
+    "mtime": "2023-12-14T03:41:18.680Z",
+    "size": 106,
+    "path": "../public/static/builds/meta/dev.json"
+  },
+  "/static/builds/meta/fe912969-50cc-4e3e-a8b0-cad7a623a9ff.json": {
+    "type": "application/json",
+    "etag": "\"8b-4f9f/qY6aiE6q7w+qDTOQxTQlr8\"",
+    "mtime": "2023-12-14T03:41:21.472Z",
     "size": 139,
-    "path": "../public/static/builds/meta/c98b3827-35ad-46b8-b031-212ce5ac351a.json"
+    "path": "../public/static/builds/meta/fe912969-50cc-4e3e-a8b0-cad7a623a9ff.json"
   }
 };
 

app.vue

@@ -130,15 +130,15 @@
                             <div class="titletitle">{{ detailsInfo["title"] }}</div>
                             <div class="hint" @click="handleAnswerText" v-html="detailsInfo['content']"></div>
                             <div class="info-box flexacenter">
-                                <div class="user-info flexacenter" @click="openUserInfo">
+                                <div class="user-info flexacenter" @click="openUserInfo()">
                                     <img class="avatar" v-if="detailsInfo['avatar']" :src="detailsInfo['avatar']" />
                                     <div class="user-name">{{ detailsInfo["nickname"] }}</div>
                                     <div class="avatar-box flexflex" v-if="avatarState">
-                                        <div class="avatar-item flexcenter" @click.stop="showWindow('showMsgBox', 'https://bbs.gter.net/home.php?mod=spacecp&ac=pm&op=showmsg&handlekey=showmsg_4183125&touid=4183125&pmid=0&daterange=2', 'get', 0)">
+                                        <a class="avatar-item flexcenter" target="_blank" @click.prevent="sendMessage(detailsInfo['uin'])">
                                             <img class="avatar-icon" src="@/img/send-messages-icon.png" />
                                             发送信息
-                                        </div>
+                                        </a>
-                                        <a class="avatar-item flexcenter">
+                                        <a class="avatar-item flexcenter" target="_blank" @click.prevent="TAHomePage(detailsInfo['uin'])">
                                             <img class="avatar-icon" src="@/img/homepage-icon.png" />
                                             TA的主页
                                         </a>
@@ -200,10 +200,22 @@
 
                             <div class="answer-text" v-html="item['content']" @click="handleAnswerText"></div>
                             <div class="info-box flexacenter">
-                                <div class="user-info flexacenter">
+                                <div class="user-info flexacenter" @click="openUserInfo(index)">
                                     <img class="avatar" :src="item['avatar']" />
                                     <div class="user-name">{{ item["nickname"] }}</div>
                                     <img class="homeShare" src="./img/title.png" v-if="item['groupid'] == 14" />
+
+                                    <div class="avatar-box flexflex" v-if="item['avatarState']">
+                                        <a class="avatar-item flexcenter" target="_blank" @click.prevent="sendMessage(item['uin'])">
+                                            <img class="avatar-icon" src="@/img/send-messages-icon.png" />
+                                            发送信息
+                                        </a>
+                                        <a class="avatar-item flexcenter" target="_blank" @click.prevent="TAHomePage(item['uin'])">
+                                            <img class="avatar-icon" src="@/img/homepage-icon.png" />
+                                            TA的主页
+                                        </a>
+                                        <div class="avatar-mask"></div>
+                                    </div>
                                 </div>
                                 <div class="time">{{ handleDate(item["publicationdate"]) }}</div>
                             </div>
@@ -268,11 +280,22 @@
                                     <div class="comments-item" v-for="(it, ind) in item['commentList']" :key="ind">
                                         <div class="comments-header flexacenter">
                                             <div class="comments-header-left flexacenter">
-                                                <img class="comments-avatar" :src="it['avatar']" />
+                                                <img class="comments-avatar" :src="it['avatar']" @click="openUserInfo(index, ind)" />
-                                                <div class="comments-username">{{ it["nickname"] }}</div>
+                                                <div class="comments-username" @click="openUserInfo(index, ind)">{{ it["nickname"] }}</div>
                                                 <div class="comments-time">{{ handleDate(it["timestamp"]) }}</div>
                                                 <div class="comments-identity" v-if="it['questioner'] == 1">提问者</div>
                                                 <div class="comments-identity" v-else-if="it['isauthor'] == 1">回答者</div>
+                                                <div class="avatar-box flexflex" v-if="it['avatarState']">
+                                                    <a class="avatar-item flexcenter" target="_blank" @click.prevent="sendMessage(it['uin'])">
+                                                        <img class="avatar-icon" src="@/img/send-messages-icon.png" />
+                                                        发送信息
+                                                    </a>
+                                                    <a class="avatar-item flexcenter" target="_blank" @click.prevent="TAHomePage(it['uin'])">
+                                                        <img class="avatar-icon" src="@/img/homepage-icon.png" />
+                                                        TA的主页
+                                                    </a>
+                                                    <div class="avatar-mask" @click="openUserInfo(index, ind)"></div>
+                                                </div>
                                             </div>
                                             <div class="comments-header-right flexacenter">
                                                 <div class="menu-box flexacenter" @click="handleMenuState(index, ind)">
@@ -301,11 +324,23 @@
                                             <div class="comments-item" v-for="(ite, i) in it['child']" :key="i">
                                                 <div class="comments-header flexacenter">
                                                     <div class="comments-header-left flexacenter">
-                                                        <img class="comments-avatar" :src="ite['avatar']" />
+                                                        <img class="comments-avatar" @click="openUserInfo(index, ind, i)" :src="ite['avatar']" />
-                                                        <div class="comments-username">{{ ite["nickname"] }}</div>
+                                                        <div class="comments-username" @click="openUserInfo(index, ind, i)">{{ ite["nickname"] }}</div>
                                                         <div class="comments-time">{{ handleDate(ite["timestamp"]) }}</div>
                                                         <div class="comments-identity" v-if="ite['questioner'] == 1">提问者</div>
                                                         <div class="comments-identity" v-else-if="ite['isauthor'] == 1">回答者</div>
+
+                                                        <div class="avatar-box flexflex" v-if="ite['avatarState']">
+                                                            <a class="avatar-item flexcenter" target="_blank" @click.prevent="sendMessage(ite['uin'])">
+                                                                <img class="avatar-icon" src="@/img/send-messages-icon.png" />
+                                                                发送信息
+                                                            </a>
+                                                            <a class="avatar-item flexcenter" target="_blank" @click.prevent="TAHomePage(ite['uin'])">
+                                                                <img class="avatar-icon" src="@/img/homepage-icon.png" />
+                                                                TA的主页
+                                                            </a>
+                                                            <div class="avatar-mask" @click="openUserInfo(index, ind, i)"></div>
+                                                        </div>
                                                     </div>
                                                     <div class="comments-header-right flexacenter">
                                                         <div class="menu-box flexacenter" @click="handleMenuState(index, ind, i)">
@@ -980,7 +1015,7 @@ export default {
         const getDetails = (uniqid, index, isOpenAnswer) => {
             if (detailLoading.value) return
             detailLoading.value = true
-            process.env.NODE_ENV !== "production" && (uniqid = "fubm5CnD05qj") // 标记一下  8yr1m1fOH5CS
+            // process.env.NODE_ENV !== "production" && (uniqid = "fubm5CnD05qj") // 标记1一下  8yr1m1fOH5CS
 
             detailsInfo.value = {}
             answerList.value = []
@@ -2252,11 +2287,39 @@ export default {
         // 头像框的状态
         let avatarState = ref(false)
         // 开启头像框
-        const openUserInfo = () => {
+        const openUserInfo = (index, ind, i) => {
-            avatarState.value = !avatarState.value
+            if (i != null) {
+                if (answerList.value[index].commentList[ind]["child"][i]["uin"] > 0) answerList.value[index].commentList[ind]["child"][i]["avatarState"] = !answerList.value[index].commentList[ind]["child"][i]["avatarState"]
+            } else if (ind != null) {
+                if (answerList.value[index].commentList[ind]["uin"] > 0) answerList.value[index].commentList[ind]["avatarState"] = !answerList.value[index].commentList[ind]["avatarState"]
+            } else if (index != null) {
+                if (answerList.value[index]["uin"] > 0) answerList.value[index]["avatarState"] = !answerList.value[index]["avatarState"]
+            } else {
+                if (detailsInfo["uin"] > 0) avatarState.value = !avatarState.value
+            }
+        }
+
+        // 点击发送信息
+        const sendMessage = uin => {
+            redirectToExternalWebsite(`https://bbs.gter.net/home.php?mod=space&showmsg=1&uid=${uin}`)
+        }
+
+        // 点击ta的主页
+        const TAHomePage = uin => {
+            redirectToExternalWebsite(`https://bbs.gter.net/home.php?mod=space&uid=${uin}`)
+        }
+
+        // 跳转 url
+        const redirectToExternalWebsite = url => {
+            const link = document.createElement("a")
+            link.href = url
+            link.target = "_blank"
+            link.click()
         }
 
         return {
+            TAHomePage,
+            sendMessage,
             avatarState,
             openUserInfo,
             isNeedLogin,

index.css

@@ -766,16 +766,19 @@ a {
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-left {
   font-size: 13px;
+  position: relative;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-left .comments-avatar {
   width: 20px;
   height: 20px;
   margin-right: 10px;
   border-radius: 50%;
+  cursor: pointer;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-left .comments-username {
   color: #555;
   margin-right: 10px;
+  cursor: pointer;
 }
 #answer-app .main .details-area-box .details-box .answer-box-item .comments-box .comments-item .comments-header .comments-header-left .comments-time {
   color: #AAAAAA;
@@ -946,43 +949,6 @@ a {
   cursor: pointer;
   position: relative;
 }
-#answer-app .main .details-area-box .details-box .info-box .user-info .avatar-box {
-  flex-direction: column;
-  width: 140px;
-  height: 101px;
-  background-color: #f4f8ff;
-  border: 1px solid #dce0ea;
-  border-radius: 10px;
-  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20392157);
-  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20392157);
-  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20392157);
-  position: absolute;
-  top: 30px;
-  z-index: 100;
-}
-#answer-app .main .details-area-box .details-box .info-box .user-info .avatar-box .avatar-mask {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  cursor: auto;
-}
-#answer-app .main .details-area-box .details-box .info-box .user-info .avatar-box .avatar-item {
-  font-size: 14px;
-  color: #333;
-  height: 50px;
-  cursor: pointer;
-}
-#answer-app .main .details-area-box .details-box .info-box .user-info .avatar-box .avatar-item:not(:last-of-type) {
-  border-bottom: 1px dotted #d7d7d7;
-}
-#answer-app .main .details-area-box .details-box .info-box .user-info .avatar-box .avatar-icon {
-  width: 16px;
-  height: 16px;
-  margin-right: 5px;
-}
 #answer-app .main .details-area-box .details-box .info-box .user-info .avatar {
   width: 20px;
   height: 20px;
@@ -1949,3 +1915,40 @@ a {
   text-align: center;
   padding: 30px 0;
 }
+#answer-app .avatar-box {
+  flex-direction: column;
+  width: 140px;
+  height: 101px;
+  background-color: #f4f8ff;
+  border: 1px solid #dce0ea;
+  border-radius: 10px;
+  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20392157);
+  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20392157);
+  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.20392157);
+  position: absolute;
+  top: 30px;
+  z-index: 100;
+}
+#answer-app .avatar-box .avatar-mask {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  cursor: auto;
+}
+#answer-app .avatar-box .avatar-item {
+  font-size: 14px;
+  color: #333;
+  height: 50px;
+  cursor: pointer;
+}
+#answer-app .avatar-box .avatar-item:not(:last-of-type) {
+  border-bottom: 1px dotted #d7d7d7;
+}
+#answer-app .avatar-box .avatar-icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 5px;
+}

index.less

@@ -960,17 +960,20 @@ a {
 
                                 .comments-header-left {
                                     font-size: 13px;
+                                    position: relative;
 
                                     .comments-avatar {
                                         width: 20px;
                                         height: 20px;
                                         margin-right: 10px;
                                         border-radius: 50%;
+                                        cursor: pointer;
                                     }
 
                                     .comments-username {
                                         color: #555;
                                         margin-right: 10px;
+                                        cursor: pointer;
                                     }
 
                                     .comments-time {
@@ -1181,48 +1184,7 @@ a {
                         cursor: pointer;
                         position: relative;
 
-                        .avatar-box {
-                            flex-direction: column;
-                            width: 140px;
-                            height: 101px;
-                            background-color: rgba(244, 248, 255, 1);
-                            border: 1px solid rgba(220, 224, 234, 1);
-                            border-radius: 10px;
-                            -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
-                            -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
-                            box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
-                            position: absolute;
-                            top: 30px;
-                            z-index: 100;
 
-                            .avatar-mask {
-                                width: 100%;
-                                height: 100%;
-                                position: fixed;
-                                top: 0;
-                                left: 0;
-                                // background-color: rgba(0, 0, 0, 0.8);
-                                z-index: -1;
-                                cursor: auto;
-                            }
-
-                            .avatar-item {
-                                font-size: 14px;
-                                color: #333;
-                                height: 50px;
-                                cursor: pointer;
-
-                                &:not(:last-of-type) {
-                                    border-bottom: 1px dotted #d7d7d7;
-                                }
-                            }
-
-                            .avatar-icon {
-                                width: 16px;
-                                height: 16px;
-                                margin-right: 5px;
-                            }
-                        }
 
                         .avatar {
                             width: 20px;
@@ -2449,4 +2411,48 @@ a {
         padding: 30px 0;
     }
 
+
+    .avatar-box {
+        flex-direction: column;
+        width: 140px;
+        height: 101px;
+        background-color: rgba(244, 248, 255, 1);
+        border: 1px solid rgba(220, 224, 234, 1);
+        border-radius: 10px;
+        -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
+        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
+        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.203921568627451);
+        position: absolute;
+        top: 30px;
+        z-index: 100;
+
+        .avatar-mask {
+            width: 100%;
+            height: 100%;
+            position: fixed;
+            top: 0;
+            left: 0;
+            // background-color: rgba(0, 0, 0, 0.8);
+            z-index: -1;
+            cursor: auto;
+        }
+
+        .avatar-item {
+            font-size: 14px;
+            color: #333;
+            height: 50px;
+            cursor: pointer;
+
+            &:not(:last-of-type) {
+                border-bottom: 1px dotted #d7d7d7;
+            }
+        }
+
+        .avatar-icon {
+            width: 16px;
+            height: 16px;
+            margin-right: 5px;
+        }
+    }
+
 }