添加头部框

This commit is contained in:
A1300399510 2023-12-14 11:42:04 +08:00
parent ba1e3337c3
commit d0ad23800e
22 changed files with 308 additions and 187 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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};

View File

@ -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": {
"file": "entry.3898de84.css",
"entry.3e75fe87.css": {
"file": "entry.3e75fe87.css",
"resourceType": "style",
"prefetch": true,
"preload": true

View File

@ -2258,10 +2258,36 @@ const _sfc_main$2 = {
nextTick(() => handleInput());
};
let avatarState = ref(false);
const openUserInfo = () => {
avatarState.value = !avatarState.value;
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)}>`);

File diff suppressed because one or more lines are too long

View File

@ -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;;;;"}

File diff suppressed because one or more lines are too long

View File

@ -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;;;;"}

View File

@ -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)
};

View File

@ -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\"",
"mtime": "2023-12-13T10:40:11.227Z",
"size": 44273,
"path": "../public/static/entry.3898de84.css"
"etag": "\"abff-V8jSxZKvzId/jjqjEmipdA8yzcg\"",
"mtime": "2023-12-14T03:41:20.059Z",
"size": 44031,
"path": "../public/static/entry.3e75fe87.css"
},
"/static/entry.f2c0d7ba.js": {
"/static/entry.44d69ba8.js": {
"type": "application/javascript",
"etag": "\"3a1c5-nSXuD3tUgauYYua3FeD3TtjfMkQ\"",
"mtime": "2023-12-13T10:40:11.228Z",
"size": 238021,
"path": "../public/static/entry.f2c0d7ba.js"
"etag": "\"3ab3b-ysMUqcjfJz/6KbD3bySRHisXzD0\"",
"mtime": "2023-12-14T03:41:20.060Z",
"size": 240443,
"path": "../public/static/entry.44d69ba8.js"
},
"/static/error-404.5c0c65e4.js": {
"/static/error-404.6e06f203.js": {
"type": "application/javascript",
"etag": "\"18de-2LoTLMWMTHb0Bnl9eD1DQ/G4s2w\"",
"mtime": "2023-12-13T10:40:11.228Z",
"etag": "\"18de-p2g17h+p4BHF4+Gj+GVWUFVkVtg\"",
"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\"",
"mtime": "2023-12-13T10:40:12.448Z",
"etag": "\"47-SgqULVwIbbvBdSRPYrbgtwApD/I\"",
"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\"",
"mtime": "2023-12-13T10:40:12.448Z",
"etag": "\"6a-OZhFmrqXtFhh1N+tVxuCtYv3g0c\"",
"mtime": "2023-12-14T03:41:18.680Z",
"size": 106,
"path": "../public/static/builds/meta/dev.json"
},
"/static/builds/meta/fe912969-50cc-4e3e-a8b0-cad7a623a9ff.json": {
"type": "application/json",
"etag": "\"8b-4f9f/qY6aiE6q7w+qDTOQxTQlr8\"",
"mtime": "2023-12-14T03:41:21.472Z",
"size": 139,
"path": "../public/static/builds/meta/c98b3827-35ad-46b8-b031-212ce5ac351a.json"
"path": "../public/static/builds/meta/fe912969-50cc-4e3e-a8b0-cad7a623a9ff.json"
}
};

87
app.vue
View File

@ -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 class="avatar-item flexcenter">
</a>
<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']" />
<div class="comments-username">{{ it["nickname"] }}</div>
<img class="comments-avatar" :src="it['avatar']" @click="openUserInfo(index, ind)" />
<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']" />
<div class="comments-username">{{ ite["nickname"] }}</div>
<img class="comments-avatar" @click="openUserInfo(index, ind, i)" :src="ite['avatar']" />
<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 = () => {
avatarState.value = !avatarState.value
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}`)
}
// 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,

View File

@ -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;
}

View File

@ -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;
}
}
}