refactor(commentList): 使用el-popover重构表情选择框,优化样式和交互逻辑

- 将表情选择框改为使用el-popover组件实现
- 调整表情选择框的样式和定位
- 增加表情图标宽度和对齐方式
- 更新表情数据列表
- 优化相关CSS样式
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-09-01 14:44:02 +08:00
parent 44c34d043d
commit d8f5b53e4a
35 changed files with 3957 additions and 1150 deletions

View File

@@ -1,5 +1,5 @@
{
"date": "2025-08-22T03:07:11.480Z",
"date": "2025-09-01T06:41:35.910Z",
"preset": "node-server",
"framework": {
"name": "nuxt",

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 s,t as a,v as i,x as u,y as e,z as o}from"./CkuURki0.js";const l={class:"antialiased bg-white dark:bg-black dark:text-white font-sans grid min-h-screen overflow-hidden place-content-center text-black"},c={class:"max-w-520px text-center"},d=["textContent"],p=["textContent"],f={__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 r=t;return a({title:`${r.statusCode} - ${r.statusMessage} | ${r.appName}`,script:[{children:`!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)"LINK"===e.tagName&&"modulepreload"===e.rel&&r(e)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),"use-credentials"===e.crossOrigin?r.credentials="include":"anonymous"===e.crossOrigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();`}],style:[{children:'*,:after,:before{border-color:var(--un-default-border-color,#e5e7eb);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}h1{font-size:inherit;font-weight:inherit}h1,p{margin:0}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }'}]}),(g,n)=>(u(),i("div",l,[n[0]||(n[0]=e("div",{class:"-bottom-1/2 fixed h-1/2 left-0 right-0 spotlight"},null,-1)),e("div",c,[e("h1",{class:"font-medium mb-8 sm:text-10xl text-8xl",textContent:o(t.statusCode)},null,8,d),e("p",{class:"font-light leading-tight mb-16 px-8 sm:px-0 sm:text-4xl text-xl",textContent:o(t.description)},null,8,p)])]))}},m=s(f,[["__scopeId","data-v-84d937c0"]]);export{m as default};
import{_ as s,t as a,v as i,x as u,y as e,z as o}from"./DEG17TeB.js";const l={class:"antialiased bg-white dark:bg-black dark:text-white font-sans grid min-h-screen overflow-hidden place-content-center text-black"},c={class:"max-w-520px text-center"},d=["textContent"],p=["textContent"],f={__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 r=t;return a({title:`${r.statusCode} - ${r.statusMessage} | ${r.appName}`,script:[{children:`!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)"LINK"===e.tagName&&"modulepreload"===e.rel&&r(e)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),"use-credentials"===e.crossOrigin?r.credentials="include":"anonymous"===e.crossOrigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();`}],style:[{children:'*,:after,:before{border-color:var(--un-default-border-color,#e5e7eb);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}h1{font-size:inherit;font-weight:inherit}h1,p{margin:0}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }'}]}),(g,n)=>(u(),i("div",l,[n[0]||(n[0]=e("div",{class:"-bottom-1/2 fixed h-1/2 left-0 right-0 spotlight"},null,-1)),e("div",c,[e("h1",{class:"font-medium mb-8 sm:text-10xl text-8xl",textContent:o(t.statusCode)},null,8,d),e("p",{class:"font-light leading-tight mb-16 px-8 sm:px-0 sm:text-4xl text-xl",textContent:o(t.description)},null,8,p)])]))}},m=s(f,[["__scopeId","data-v-84d937c0"]]);export{m as default};

View File

@@ -1 +1 @@
{"id":"c3cfde6f-ffe6-4b0f-aabd-5fae107805d9","timestamp":1755832011198}
{"id":"5cb05798-4da7-4203-b6e9-f315f8f99c4a","timestamp":1756708871923}

View File

@@ -0,0 +1 @@
{"id":"5cb05798-4da7-4203-b6e9-f315f8f99c4a","timestamp":1756708871923,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

View File

@@ -1 +0,0 @@
{"id":"c3cfde6f-ffe6-4b0f-aabd-5fae107805d9","timestamp":1755832011198,"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

View File

@@ -1,4 +1,4 @@
import process from 'node:process';globalThis._importMeta_=globalThis._importMeta_||{url:"file:///_entry.js",env:process.env};import ft from 'node:http';
import process from 'node:process';globalThis._importMeta_=globalThis._importMeta_||{url:"file:///_entry.js",env:process.env};import ft$1 from 'node:http';
import Qa from 'node:https';
import { EventEmitter } from 'node:events';
import { Buffer as Buffer$1 } from 'node:buffer';
@@ -2445,7 +2445,7 @@ function createNodeFetch() {
return l;
}
const agentOptions = { keepAlive: true };
const httpAgent = new ft.Agent(agentOptions);
const httpAgent = new ft$1.Agent(agentOptions);
const httpsAgent = new Qa.Agent(agentOptions);
const nodeFetchOptions = {
agent(parsedURL) {
@@ -2609,75 +2609,75 @@ const assets$1 = {
"size": 2238,
"path": "../public/favicon.ico"
},
"/static/B8JHZsmT.js": {
"/static/6S51YVf7.js": {
"type": "text/javascript; charset=utf-8",
"etag": "\"d3c-ApFfFNBADhrzMMCVKoc8rNi6P/k\"",
"mtime": "2025-08-22T03:07:00.086Z",
"size": 3388,
"path": "../public/static/B8JHZsmT.js"
},
"/static/ChpL9YP_.js": {
"type": "text/javascript; charset=utf-8",
"etag": "\"24c9-MlYqrkhVQ/bZRx5vwa/wmfb8trI\"",
"mtime": "2025-08-22T03:07:00.062Z",
"etag": "\"24c9-YUsghr2pjjqJ3x4E5BHgseBcQQg\"",
"mtime": "2025-09-01T06:41:24.520Z",
"size": 9417,
"path": "../public/static/ChpL9YP_.js"
"path": "../public/static/6S51YVf7.js"
},
"/static/CkuURki0.js": {
"/static/DEG17TeB.js": {
"type": "text/javascript; charset=utf-8",
"etag": "\"5df1a-cBzmu/HTdpyqLfeJL7vTpqg8Nxk\"",
"mtime": "2025-08-22T03:07:00.087Z",
"size": 384794,
"path": "../public/static/CkuURki0.js"
"etag": "\"69cdb-+dZzVgnhTzip7wxiL3e8h6p6SkQ\"",
"mtime": "2025-09-01T06:41:24.521Z",
"size": 433371,
"path": "../public/static/DEG17TeB.js"
},
"/static/empty-icon.CyaRoygc.png": {
"type": "image/png",
"etag": "\"17df-ZbUVuzPJ5DAL9B9xteitdPCiUxY\"",
"mtime": "2025-08-22T03:07:00.086Z",
"mtime": "2025-09-01T06:41:24.481Z",
"size": 6111,
"path": "../public/static/empty-icon.CyaRoygc.png"
},
"/static/entry.BNr0VOhy.css": {
"/static/entry.BIMASYCp.css": {
"type": "text/css; charset=utf-8",
"etag": "\"18ba1-P0cWrZ0tpXItO3I/GC89fPN83QE\"",
"mtime": "2025-08-22T03:07:00.061Z",
"size": 101281,
"path": "../public/static/entry.BNr0VOhy.css"
"etag": "\"198ea-9FfCWH/xtWZDfy29j+hT7NuJWm4\"",
"mtime": "2025-09-01T06:41:24.481Z",
"size": 104682,
"path": "../public/static/entry.BIMASYCp.css"
},
"/static/error-404.CZkObG7r.css": {
"type": "text/css; charset=utf-8",
"etag": "\"de4-qBee3TVrfYv3V1By16k8mWrjcVQ\"",
"mtime": "2025-08-22T03:07:00.062Z",
"mtime": "2025-09-01T06:41:24.520Z",
"size": 3556,
"path": "../public/static/error-404.CZkObG7r.css"
},
"/static/error-500.BFrSi6nG.css": {
"type": "text/css; charset=utf-8",
"etag": "\"75c-1DSF9z8DiRXW3VbuCpNqepB9vI0\"",
"mtime": "2025-08-22T03:07:00.062Z",
"mtime": "2025-09-01T06:41:24.520Z",
"size": 1884,
"path": "../public/static/error-500.BFrSi6nG.css"
},
"/static/logo.DlviZpxD.png": {
"type": "image/png",
"etag": "\"843f-FSXGFGigIHmtzjdcQzuMz/a7E+o\"",
"mtime": "2025-08-22T03:07:00.061Z",
"mtime": "2025-09-01T06:41:24.480Z",
"size": 33855,
"path": "../public/static/logo.DlviZpxD.png"
},
"/static/RzIEFrlU.js": {
"type": "text/javascript; charset=utf-8",
"etag": "\"d3c-cTJfU3gptXo+KvLw/SziT55BEtY\"",
"mtime": "2025-09-01T06:41:24.521Z",
"size": 3388,
"path": "../public/static/RzIEFrlU.js"
},
"/static/builds/latest.json": {
"type": "application/json",
"etag": "\"47-f0JEb8JLxINOJpbdT8MD9nUCi4M\"",
"mtime": "2025-08-22T03:07:02.876Z",
"etag": "\"47-je0j1XTn6y+XlJMYzJos9J7LGdc\"",
"mtime": "2025-09-01T06:41:28.240Z",
"size": 71,
"path": "../public/static/builds/latest.json"
},
"/static/builds/meta/c3cfde6f-ffe6-4b0f-aabd-5fae107805d9.json": {
"/static/builds/meta/5cb05798-4da7-4203-b6e9-f315f8f99c4a.json": {
"type": "application/json",
"etag": "\"8b-ZVvqt8PnVKNhA6P8EIB6ONjpVeo\"",
"mtime": "2025-08-22T03:07:02.876Z",
"etag": "\"8b-jagADAJL4QqGQjqxdeYmBFoASIk\"",
"mtime": "2025-09-01T06:41:28.242Z",
"size": 139,
"path": "../public/static/builds/meta/c3cfde6f-ffe6-4b0f-aabd-5fae107805d9.json"
"path": "../public/static/builds/meta/5cb05798-4da7-4203-b6e9-f315f8f99c4a.json"
}
};
@@ -4349,7 +4349,7 @@ function _expandFromEnv(value) {
const _inlineRuntimeConfig = {
"app": {
"baseURL": "/",
"buildId": "c3cfde6f-ffe6-4b0f-aabd-5fae107805d9",
"buildId": "5cb05798-4da7-4203-b6e9-f315f8f99c4a",
"buildAssetsDir": "/static/",
"cdnURL": ""
},
@@ -4845,7 +4845,7 @@ function GracefulShutdown(server, opts) {
function destroy(socket, force = false) {
if (socket._isIdle && isShuttingDown || force) {
socket.destroy();
if (socket.server instanceof ft.Server) {
if (socket.server instanceof ft$1.Server) {
delete connections[socket._connectionId];
} else {
delete secureConnections[socket._connectionId];

View File

@@ -0,0 +1,6 @@
import { a as app_vue_vue_type_style_index_0_lang } from './entry-styles-10.mjs-3s5pFWX_.mjs';
const appStyles_C0pZGoZ = [app_vue_vue_type_style_index_0_lang, app_vue_vue_type_style_index_0_lang];
export { appStyles_C0pZGoZ as default };
//# sourceMappingURL=app-styles.C0pZGo-Z.mjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"app-styles.C0pZGo-Z.mjs","sources":["../../../../.nuxt/dist/server/static/app-styles.C0pZGo-Z.mjs"],"sourcesContent":null,"names":["style_0","style_1"],"mappings":";;AAEA,0BAAe,CAACA,mCAAO,EAAEC,mCAAO;;;;"}

View File

@@ -0,0 +1,6 @@
import { a as app_vue_vue_type_style_index_0_lang } from './entry-styles-10.mjs-3s5pFWX_.mjs';
const appStyles_C_uXCS2z = [app_vue_vue_type_style_index_0_lang];
export { appStyles_C_uXCS2z as default };
//# sourceMappingURL=app-styles.C_uXCS2z.mjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"app-styles.C_uXCS2z.mjs","sources":["../../../../.nuxt/dist/server/static/app-styles.C_uXCS2z.mjs"],"sourcesContent":null,"names":["style_0"],"mappings":";;AACA,2BAAe,CAACA,mCAAO;;;;"}

View File

@@ -1,6 +0,0 @@
import { a as app_vue_vue_type_style_index_0_lang } from './entry-styles-8.mjs-z1cdWdc_.mjs';
const appStyles_NJLpJCEo = [app_vue_vue_type_style_index_0_lang];
export { appStyles_NJLpJCEo as default };
//# sourceMappingURL=app-styles.NJLpJCEo.mjs.map

View File

@@ -1 +0,0 @@
{"version":3,"file":"app-styles.NJLpJCEo.mjs","sources":["../../../../.nuxt/dist/server/static/app-styles.NJLpJCEo.mjs"],"sourcesContent":null,"names":["style_0"],"mappings":";;AACA,2BAAe,CAACA,mCAAO;;;;"}

View File

@@ -1,6 +0,0 @@
import { a as app_vue_vue_type_style_index_0_lang } from './entry-styles-8.mjs-z1cdWdc_.mjs';
const appStyles_u9BOTL1s = [app_vue_vue_type_style_index_0_lang, app_vue_vue_type_style_index_0_lang];
export { appStyles_u9BOTL1s as default };
//# sourceMappingURL=app-styles.u9BOTL1s.mjs.map

View File

@@ -1 +0,0 @@
{"version":3,"file":"app-styles.u9BOTL1s.mjs","sources":["../../../../.nuxt/dist/server/static/app-styles.u9BOTL1s.mjs"],"sourcesContent":null,"names":["style_0","style_1"],"mappings":";;AAEA,2BAAe,CAACA,mCAAO,EAAEC,mCAAO;;;;"}

View File

@@ -18,7 +18,7 @@ const client_manifest = {
"module": true,
"prefetch": true,
"preload": true,
"file": "ChpL9YP_.js",
"file": "6S51YVf7.js",
"name": "error-404",
"src": "node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/components/error-404.vue",
"isDynamicEntry": true,
@@ -38,7 +38,7 @@ const client_manifest = {
"module": true,
"prefetch": true,
"preload": true,
"file": "B8JHZsmT.js",
"file": "RzIEFrlU.js",
"name": "error-500",
"src": "node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/components/error-500.vue",
"isDynamicEntry": true,
@@ -58,7 +58,7 @@ const client_manifest = {
"module": true,
"prefetch": true,
"preload": true,
"file": "CkuURki0.js",
"file": "DEG17TeB.js",
"name": "entry",
"src": "node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/entry.js",
"isEntry": true,
@@ -67,7 +67,7 @@ const client_manifest = {
"node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/components/error-500.vue"
],
"css": [
"entry.BNr0VOhy.css"
"entry.BIMASYCp.css"
],
"assets": [
"logo.DlviZpxD.png",
@@ -75,8 +75,8 @@ const client_manifest = {
],
"_globalCSS": true
},
"entry.BNr0VOhy.css": {
"file": "entry.BNr0VOhy.css",
"entry.BIMASYCp.css": {
"file": "entry.BIMASYCp.css",
"resourceType": "style",
"prefetch": true,
"preload": true

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
{"version":3,"file":"entry-styles-10.mjs-3s5pFWX_.mjs","sources":[],"sourcesContent":null,"names":[],"mappings":";;;;"}

File diff suppressed because one or more lines are too long

View File

@@ -1 +0,0 @@
{"version":3,"file":"entry-styles-8.mjs-z1cdWdc_.mjs","sources":[],"sourcesContent":null,"names":[],"mappings":";;;;"}

View File

@@ -1 +0,0 @@
{"version":3,"file":"entry-styles.BfamiQlr.mjs","sources":["../../../../.nuxt/dist/server/static/entry-styles.BfamiQlr.mjs"],"sourcesContent":null,"names":["style_0","style_1","style_2","style_3","style_4","style_5","style_6","style_7"],"mappings":";;;;;;;;;;;;;;;AAQA,6BAAe,CAACA,oDAAO,EAAEC,IAAO,EAAEC,QAAO,EAAEC,QAAO,EAAEC,SAAO,EAAEC,OAAO,EAAEC,SAAO,EAAEC,mCAAO;;;;"}

View File

@@ -0,0 +1 @@
{"version":3,"file":"entry-styles.C0qN9Sg_.mjs","sources":["../../../../.nuxt/dist/server/static/entry-styles.C0qN9Sg_.mjs"],"sourcesContent":null,"names":["style_0","style_1","style_2","style_3","style_4","style_5","style_6","style_7","style_8","style_9"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,6BAAe,CAACA,oDAAO,EAAEC,IAAO,EAAEC,QAAO,EAAEC,SAAO,EAAEC,QAAO,EAAEC,QAAO,EAAEC,SAAO,EAAEC,OAAO,EAAEC,SAAO,EAAEC,mCAAO;;;;"}

View File

@@ -1,4 +1,4 @@
import { Z as Zt, Y as Yr } from './server.mjs';
import { Z as Zt$1, Y as Yr } from './server.mjs';
import 'vue';
import 'node:http';
import 'node:https';
@@ -146,7 +146,7 @@ async function v(_, o) {
if (!n) throw new TypeError("no or bad content-type header, no multipart boundary");
const r = new M(n[1] || n[2]);
let d, l, c, m, e, i;
const A = [], H = new Zt(), O = E((s) => {
const A = [], H = new Zt$1(), O = E((s) => {
c += f.decode(s, { stream: true });
}, "onPartData"), y = E((s) => {
A.push(s);

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -1,14 +1,14 @@
const interopDefault = r => r.default || r || [];
const styles = {
"node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/entry.js": () => import('./entry-styles.BfamiQlr.mjs').then(interopDefault),
"app.vue": () => import('./app-styles.u9BOTL1s.mjs').then(interopDefault),
"node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/entry.js": () => import('./entry-styles.C0qN9Sg_.mjs').then(interopDefault),
"app.vue": () => import('./app-styles.C0pZGo-Z.mjs').then(interopDefault),
"node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/components/error-404.vue": () => import('./error-404-styles.BshXrwM5.mjs').then(interopDefault),
"node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/components/error-500.vue": () => import('./error-500-styles.DobFeJtS.mjs').then(interopDefault),
"node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/components/error-404.vue?vue&type=style&index=0&scoped=075d74b5&lang.css": () => import('./error-404-styles.CuaO5MB7.mjs').then(interopDefault),
"node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/components/error-500.vue?vue&type=style&index=0&scoped=84d937c0&lang.css": () => import('./error-500-styles.DIlGYe2L.mjs').then(interopDefault),
"components/Like.vue": () => import('./Like-styles.DQDennjP.mjs').then(interopDefault),
"app.vue?vue&type=style&index=0&lang.css": () => import('./app-styles.NJLpJCEo.mjs').then(interopDefault),
"components/Like.vue?vue&type=style&index=0&scoped=972d2ebd&lang.css": () => import('./Like-styles.BIsA7GNG.mjs').then(interopDefault)
"node_modules/.store/nuxt@3.16.0/node_modules/nuxt/dist/app/components/error-500.vue?vue&type=style&index=0&scoped=84d937c0&lang.css": () => import('./error-500-styles.DIlGYe2L.mjs').then(interopDefault),
"components/Like.vue?vue&type=style&index=0&scoped=972d2ebd&lang.css": () => import('./Like-styles.BIsA7GNG.mjs').then(interopDefault),
"app.vue?vue&type=style&index=0&lang.css": () => import('./app-styles.C_uXCS2z.mjs').then(interopDefault)
};
export { styles as default };

View File

@@ -1 +1 @@
{"version":3,"file":"styles.mjs","sources":["../../../../.nuxt/dist/server/styles.mjs"],"sourcesContent":null,"names":[],"mappings":"AAAA,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,IAAI;AAC9C,eAAe;AACf,EAAE,qEAAqE,EAAE,MAAM,OAAO,6BAAoC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AAChJ,EAAE,SAAS,EAAE,MAAM,OAAO,2BAAkC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AAClF,EAAE,qFAAqF,EAAE,MAAM,OAAO,iCAAwC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AACpK,EAAE,qFAAqF,EAAE,MAAM,OAAO,iCAAwC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AACpK,EAAE,qIAAqI,EAAE,MAAM,OAAO,iCAAwC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AACpN,EAAE,qIAAqI,EAAE,MAAM,OAAO,iCAAwC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AACpN,EAAE,qBAAqB,EAAE,MAAM,OAAO,4BAAmC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AAC/F,EAAE,yCAAyC,EAAE,MAAM,OAAO,2BAAkC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AAClH,EAAE,qEAAqE,EAAE,MAAM,OAAO,4BAAmC,CAAC,CAAC,IAAI,CAAC,cAAc;AAC9I;;;;"}
{"version":3,"file":"styles.mjs","sources":["../../../../.nuxt/dist/server/styles.mjs"],"sourcesContent":null,"names":[],"mappings":"AAAA,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,IAAI;AAC9C,eAAe;AACf,EAAE,qEAAqE,EAAE,MAAM,OAAO,6BAAoC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AAChJ,EAAE,SAAS,EAAE,MAAM,OAAO,2BAAkC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AAClF,EAAE,qFAAqF,EAAE,MAAM,OAAO,iCAAwC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AACpK,EAAE,qFAAqF,EAAE,MAAM,OAAO,iCAAwC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AACpK,EAAE,qIAAqI,EAAE,MAAM,OAAO,iCAAwC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AACpN,EAAE,qBAAqB,EAAE,MAAM,OAAO,4BAAmC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AAC/F,EAAE,qIAAqI,EAAE,MAAM,OAAO,iCAAwC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AACpN,EAAE,qEAAqE,EAAE,MAAM,OAAO,4BAAmC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;AAC/I,EAAE,yCAAyC,EAAE,MAAM,OAAO,2BAAkC,CAAC,CAAC,IAAI,CAAC,cAAc;AACjH;;;;"}

View File

@@ -17,11 +17,16 @@
<div class="bottom flexacenter">
<div class="operate flexacenter">
<div class="item" :class="{ pitch: editEmojiState }">
<img class="icon" src="@/img/smiling-face.png" @click="openEditEmoji()" alt="" />
<div class="emoji-box">
<div class="emoji-icon" v-for="item in emojiData" :key="item" @click="selectEditEmoji(item)">{{ item }}</div>
</div>
<div class="item" :class="{ pitch: editEmojiState }" style="z-index: 2;">
<el-popover placement="left-start" popper-class="emoji-popover" :width="584" trigger="click" v-model:visible="editEmojiState" :teleported="false">
<template #reference>
<img class="icon" src="@/img/smiling-face.png" alt="" />
</template>
<div class="emoji-box">
<div class="emoji-icon" v-for="item in emojiData" :key="item" @click="selectEditEmoji(item)">{{ item }}</div>
</div>
</el-popover>
</div>
<div class="item flexacenter" @click="judgeLogin()">
<input class="file" type="file" @change="handleFileUpload($event)" accept=".png, .jpg, .jpeg" />
@@ -57,11 +62,17 @@
<div class="bottom flexacenter">
<div class="operate flexacenter">
<div class="item" :class="{ pitch: emojiState }">
<img class="icon" src="/img/smiling-face.png" @click="openEmoji()" alt="" />
<div class="emoji-box">
<div class="emoji-icon" v-for="item in emojiData" :key="item" @click="selectEmoji(item)">{{ item }}</div>
</div>
<el-popover placement="bottom" popper-class="emoji-popover" :width="584" trigger="click" v-model:visible="emojiState" :teleported="false">
<template #reference>
<img class="icon" src="/img/smiling-face.png" alt="" />
</template>
<div class="emoji-box">
<div class="emoji-icon" v-for="item in emojiData" :key="item" @click="selectEmoji(item)">{{ item }}</div>
</div>
</el-popover>
</div>
<div class="item flexacenter" @click="judgeLogin()">
<input class="file" type="file" @change="handleFileUpload($event)" accept=".png, .jpg, .jpeg" />
<img class="icon" style="border-radius: 0" src="/img/picture-icon.png" alt="" />
@@ -131,10 +142,15 @@
<div class="bottom flexacenter">
<div class="operate flexacenter">
<div class="item" :class="{ pitch: item.emojiState }">
<img class="icon" src="/img/smiling-face.png" @click="openEmoji(index)" alt="" />
<div class="emoji-box">
<div class="emoji-icon" v-for="item in emojiData" :key="item" @click="selectEmoji(item, index)">{{ item }}</div>
</div>
<el-popover placement="bottom" popper-class="emoji-popover" :width="584" trigger="click" v-model:visible="item.emojiState" :teleported="false">
<template #reference>
<img class="icon" src="/img/smiling-face.png" alt="" />
</template>
<div class="emoji-box">
<div class="emoji-icon" v-for="item in emojiData" :key="item" @click="selectEmoji(item, index)">{{ item }}</div>
</div>
</el-popover>
</div>
<div class="item flexacenter" @click="judgeLogin()">
<input class="file" type="file" @change="handleFileUpload($event, index)" accept=".png, .jpg, .jpeg" />
@@ -210,10 +226,15 @@
<div class="bottom flexacenter">
<div class="operate flexacenter">
<div class="item" :class="{ pitch: ite.emojiState }">
<img class="icon" src="/img/smiling-face.png" @click="openEmoji(index, i)" alt="" />
<div class="emoji-box">
<div class="emoji-icon" v-for="item in emojiData" :key="item" @click="selectEmoji(item, index, i)">{{ item }}</div>
</div>
<el-popover placement="bottom" popper-class="emoji-popover" :width="584" trigger="click" v-model:visible="ite.emojiState" :teleported="false">
<template #reference>
<img class="icon" src="/img/smiling-face.png" alt="" />
</template>
<div class="emoji-box">
<div class="emoji-icon" v-for="item in emojiData" :key="item" @click="selectEmoji(item, index, i)">{{ item }}</div>
</div>
</el-popover>
</div>
<div class="item flexacenter" @click="judgeLogin()">
<input class="file" type="file" @change="handleFileUpload($event, index, i)" accept=".png, .jpg, .jpeg" />
@@ -437,7 +458,8 @@ const closeFileUpload = (index, i) => {
//
let emojiState = ref(false);
const emojiData = ["😀", "😁", "😆", "😅", "😂", "😉", "😍", "🥰", "😋", "😜", "🤪", "😎", "🤩", "🥳", "😔", "🙁", "😭", "😡", "😳", "🤗", "🤔", "🤭", "🤫", "😯", "😵", "🙄", "🥴", "🤢", "🤑", "🤠", "👌", "✌️", "🤟", "🤘", "🤙", "👍", "👎", "✊", "👏", "🤝", "🙏", "💪", "❤️", "💔", "🌹", "🥀", "🎉", "🎁", "🧧", "🌙", "⭐", "🌍", "💌", "📬", "🚗", "🚕", "🚲", "🛵", "🚀", "🚁", "⛵", "🚢", "🍎", "🍐", "🍊", "🍉", "🍓", "🍑", "🍔", "🍟", "🍕", "🥪", "🍜", "🍡", "🍨", "🍦", "🎂", "🍰", "🍭", "🍿", "🍩", "🧃", "🍹"];
// const emojiData = ["😀", "😁", "😆", "😅", "😂", "😉", "😍", "🥰", "😋", "😜", "🤪", "😎", "🤩", "🥳", "😔", "🙁", "😭", "😡", "😳", "🤗", "🤔", "🤭", "🤫", "😯", "😵", "🙄", "🥴", "🤢", "🤑", "🤠", "👌", "✌️", "🤟", "🤘", "🤙", "👍", "👎", "✊", "👏", "🤝", "🙏", "💪", "❤️", "💔", "🌹", "🥀", "🎉", "🎁", "🧧", "🌙", "⭐", "🌍", "💌", "📬", "🚗", "🚕", "🚲", "🛵", "🚀", "🚁", "⛵", "🚢", "🍎", "🍐", "🍊", "🍉", "🍓", "🍑", "🍔", "🍟", "🍕", "🥪", "🍜", "🍡", "🍨", "🍦", "🎂", "🍰", "🍭", "🍿", "🍩", "🧃", "🍹"];
const emojiData = ["😀", "😁", "😆", "😅", "😂", "😉", "😍", "🥰", "😘", "🤥", "😪", "😵‍💫", "🤓", "🥺", "😋", "😜", "🤪", "😎", "🤩", "🥳", "😔", "🙁", "😭", "😡", "😳", "🤗", "🤔", "🤭", "🤫", "😯", "😵", "🙄", "🥴", "🤢", "🤑", "🤠", "👌", "✌️", "🤟", "🤘", "🤙", "👍", "👎", "✊", "👏", "🤝", "🙏", "💪", "❎️", "✳️", "✴️", "❇️", "#️⃣", "*️⃣", "1⃣", "2⃣", "3⃣", "4⃣", "5⃣", "6⃣", "7⃣", "8⃣", "9⃣", "🔟", "🆗", "🈶", "🉐", "🉑", "🌹", "🥀", "🌸", "🌺", "🌷", "🌲", "☘️", "🍀", "🍁", "🌙", "⭐", "🌍", "☀️", "⭐️", "🌟", "☁️", "🌈", "☂️", "❄️", "☃️", "☄️", "🔥", "💧", "🍎", "🍐", "🍊", "🍉", "🍓", "🍑", "🍔", "🍟", "🍕", "🥪", "🍜", "🍡", "🍨", "🍦", "🎂", "🍰", "🍭", "🍿", "🍩", "🧃", "🍹", "🍒", "🥝", "🥒", "🥦", "🥨", "🌭", "🥘", "🍱", "🍢", "🥮", "🍩", "🍪", "🧁", "🍵", "🍶", "🍻", "🥂", "🧋", "🎉", "🎁", "🧧", "🎃", "🎄", "🧨", "✨️", "🎈", "🎊", "🎋", "🎍", "🎀", "🎖️", "🏆️", "🏅", "💌", "📬", "🚗", "🚕", "🚲", "🛵", "🚀", "🚁", "⛵", "🚢", "🔮", "🧸", "🀄️"];
// 打开 Emoji
const openEmoji = (index, i) => {

View File

@@ -831,20 +831,19 @@ a {
position: relative;
z-index: 1;
}
#answer-app .main .details-area-box .details-box .answer-discuss .input-box .bottom .operate .item.pitch .emoji-box {
display: flex;
#answer-app .main .details-area-box .details-box .answer-discuss .input-box .bottom .operate .item .emoji-popover {
box-sizing: border-box;
}
#answer-app .main .details-area-box .details-box .answer-discuss .input-box .bottom .operate .item.pitch::after {
content: "";
width: 28px;
height: 28px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
#answer-app .main .details-area-box .details-box .answer-discuss .input-box .bottom .operate .item .emoji-popover * {
box-sizing: border-box;
}
#answer-app .main .details-area-box .details-box .answer-discuss .input-box .bottom .operate .item .emoji-popover .el-popper__arrow {
z-index: 1;
}
#answer-app .main .details-area-box .details-box .answer-discuss .input-box .bottom .operate .item .emoji-popover .el-popper__arrow:before {
background-color: #fff;
border-radius: 5px;
z-index: -1;
border-top-color: #fff !important;
border-left-color: #fff !important;
}
#answer-app .main .details-area-box .details-box .answer-discuss .input-box .bottom .operate .item .icon {
width: 16px;
@@ -857,30 +856,16 @@ a {
border-radius: 8px;
background-color: #fff;
filter: drop-shadow(0 0 11px rgba(0, 0, 0, 0.1));
top: 45px;
position: absolute;
z-index: 1;
left: -14px;
border: 1px solid #ebebeb;
display: none;
flex-wrap: wrap;
font-size: 22px;
padding: 8px;
}
#answer-app .main .details-area-box .details-box .answer-discuss .input-box .bottom .operate .item .emoji-box::after {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ffffff;
position: absolute;
top: -8px;
left: 15px;
display: flex;
}
#answer-app .main .details-area-box .details-box .answer-discuss .input-box .bottom .operate .item .emoji-box .emoji-icon {
margin: 5px;
cursor: pointer;
width: 30px;
text-align: center;
}
#answer-app .main .details-area-box .details-box .answer-discuss .input-box .bottom .operate .item .file {
opacity: 0;

View File

@@ -1022,22 +1022,39 @@ a {
margin-right: 20px;
position: relative;
z-index: 1;
.emoji-popover {
box-sizing: border-box;
* {
box-sizing: border-box;
}
.el-popper__arrow {
z-index: 1;
&:before {
background-color: #fff;
border-top-color: #fff !important;
border-left-color: #fff !important;
}
}
}
&.pitch {
.emoji-box {
display: flex;
}
&::after {
content: "";
width: 28px;
height: 28px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 5px;
z-index: -1;
}
// &::after {
// content: "";
// width: 28px;
// height: 28px;
// position: absolute;
// top: 50%;
// left: 50%;
// transform: translate(-50%, -50%);
// background-color: #fff;
// border-radius: 5px;
// z-index: -1;
// }
}
.icon {
@@ -1050,31 +1067,33 @@ a {
width: 581px;
border-radius: 8px;
background-color: #fff;
// box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
filter: drop-shadow(0 0 11px rgba(0, 0, 0, 0.1));
top: 45px;
position: absolute;
z-index: 1;
left: -14px;
border: 1px solid rgb(235, 235, 235);
display: none;
// top: 45px;
// position: absolute;
// z-index: 1;
// left: -14px;
// border: 1px solid rgb(235, 235, 235);
flex-wrap: wrap;
font-size: 22px;
padding: 8px;
&::after {
content: "";
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #ffffff;
position: absolute;
top: -8px;
left: 15px;
}
display: flex;
// &::after {
// content: "";
// width: 0;
// height: 0;
// border-left: 8px solid transparent;
// border-right: 8px solid transparent;
// border-bottom: 8px solid #ffffff;
// position: absolute;
// top: -8px;
// left: 15px;
// }
.emoji-icon {
margin: 5px;
cursor: pointer;
width: 30px;
text-align: center;
}
}