A1300399510/PC-questions-answersnuxt
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

上传图标圆角问题

Browse Source
This commit is contained in:
A1300399510 2025-02-08 18:58:27 +08:00
parent e04ff556db
commit 920d0737c4
13 changed files with 59 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.output/nitro.json
View File

@ -1,5 +1,5 @@
{
"date": "2025-02-07T10:31:19.934Z",
"date": "2025-02-08T10:57:33.993Z",
"preset": "node-server",
"framework": {
"name": "nuxt",

2
.output/public/static/builds/latest.json
View File

@ -1 +1 @@
{"id":"c1e27c2a-a198-426b-b633-2f24e5396e45","timestamp":1738924241920}
{"id":"d329326a-5123-40b8-b1be-4b1b003826f8","timestamp":1739012213158}

1
.output/public/static/builds/meta/c1e27c2a-a198-426b-b633-2f24e5396e45.json
View File

@ -1 +0,0 @@
{"id":"c1e27c2a-a198-426b-b633-2f24e5396e45","timestamp":1738924241920,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

1
.output/public/static/builds/meta/d329326a-5123-40b8-b1be-4b1b003826f8.json Normal file
View File

@ -0,0 +1 @@
{"id":"d329326a-5123-40b8-b1be-4b1b003826f8","timestamp":1739012213158,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

1
.output/public/static/builds/meta/dev.json
View File

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

6
.output/public/static/entry.659eb357.js → .output/public/static/entry.2f3c66ab.js
View File

File diff suppressed because one or more lines are too long

2
.output/public/static/error-404.73d85fd0.js → .output/public/static/error-404.60e2e73c.js
View File

File diff suppressed because one or more lines are too long

2
.output/public/static/error-500.bf1f9cb8.js → .output/public/static/error-500.6161d726.js
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.659eb357.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.2f3c66ab.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};

6
.output/server/chunks/app/client.manifest.mjs
View File

@ -138,7 +138,7 @@ const client_manifest = {
"prefetch": true,
"preload": true,
"css": [],
"file": "error-404.73d85fd0.js",
"file": "error-404.60e2e73c.js",
"imports": [
"node_modules/nuxt/dist/app/entry.js"
],
@ -164,7 +164,7 @@ const client_manifest = {
"prefetch": true,
"preload": true,
"css": [],
"file": "error-500.bf1f9cb8.js",
"file": "error-500.6161d726.js",
"imports": [
"node_modules/nuxt/dist/app/entry.js"
],
@ -216,7 +216,7 @@ const client_manifest = {
"node_modules/@nuxt/ui-templates/dist/templates/error-404.vue",
"node_modules/@nuxt/ui-templates/dist/templates/error-500.vue"
],
"file": "entry.659eb357.js",
"file": "entry.2f3c66ab.js",
"isEntry": true,
"src": "node_modules/nuxt/dist/app/entry.js",
"_globalCSS": true

6
.output/server/chunks/app/server.mjs
View File

@ -1171,7 +1171,7 @@ const _sfc_main$3 = {
ssrRenderList(emojiData, (item) => {
_push(`<div class="emoji-icon">${ssrInterpolate(item)}</div>`);
});
_push(`<!--]--></div></div><div class="item flexacenter"><input class="file" type="file" accept=".png, .jpg, .jpeg"><img class="icon"${ssrRenderAttr("src", _imports_2$1)} alt=""><span class="file-hint">最多可上传1张图片，支持在输入框中直接粘贴图片。</span></div></div><div class="btn">发送</div></div></div><div class="comments-box"><!--[-->`);
_push(`<!--]--></div></div><div class="item flexacenter"><input class="file" type="file" accept=".png, .jpg, .jpeg"><img class="icon" style="${ssrRenderStyle({ "border-radius": "0" })}"${ssrRenderAttr("src", _imports_2$1)} alt=""><span class="file-hint">最多可上传1张图片，支持在输入框中直接粘贴图片。</span></div></div><div class="btn">发送</div></div></div><div class="comments-box"><!--[-->`);
ssrRenderList(unref(commentList), (item, index) => {
var _a, _b, _c, _d;
_push(`<div class="comments-item"><div class="comments-header flexacenter"><div class="comments-header-left flexacenter"><img class="comments-avatar"${ssrRenderAttr("src", item["avatar"])}><div class="comments-username">${ssrInterpolate(item["nickname"] || "匿名用户")}</div><div class="comments-time">${ssrInterpolate(unref(handleDate)(item["timestamp"]))}</div>`);
@ -1208,7 +1208,7 @@ const _sfc_main$3 = {
ssrRenderList(emojiData, (item2) => {
_push(`<div class="emoji-icon">${ssrInterpolate(item2)}</div>`);
});
_push(`<!--]--></div></div><div class="item flexacenter"><input class="file" type="file" accept=".png, .jpg, .jpeg"><img class="icon"${ssrRenderAttr("src", _imports_2$1)} alt=""><span class="file-hint">最多可上传1张图片，支持在输入框中直接粘贴图片。</span></div></div><div class="btn">发送</div></div></div>`);
_push(`<!--]--></div></div><div class="item flexacenter"><input class="file" type="file" accept=".png, .jpg, .jpeg"><img class="icon" style="${ssrRenderStyle({ "border-radius": "0" })}"${ssrRenderAttr("src", _imports_2$1)} alt=""><span class="file-hint">最多可上传1张图片，支持在输入框中直接粘贴图片。</span></div></div><div class="btn">发送</div></div></div>`);
} else {
_push(`<!---->`);
}
@ -1257,7 +1257,7 @@ const _sfc_main$3 = {
ssrRenderList(emojiData, (item2) => {
_push(`<div class="emoji-icon">${ssrInterpolate(item2)}</div>`);
});
_push(`<!--]--></div></div><div class="item flexacenter"><input class="file" type="file" accept=".png, .jpg, .jpeg"><img class="icon"${ssrRenderAttr("src", _imports_2$1)} alt=""><span class="file-hint">最多可上传1张图片，支持在输入框中直接粘贴图片。</span></div></div><div class="btn">发送</div></div></div>`);
_push(`<!--]--></div></div><div class="item flexacenter"><input class="file" type="file" accept=".png, .jpg, .jpeg"><img class="icon" style="${ssrRenderStyle({ "border-radius": "0" })}"${ssrRenderAttr("src", _imports_2$1)} alt=""><span class="file-hint">最多可上传1张图片，支持在输入框中直接粘贴图片。</span></div></div><div class="btn">发送</div></div></div>`);
} else {
_push(`<!---->`);
}

89
.output/server/chunks/nitro/node-server.mjs
View File

@ -3075,7 +3075,7 @@ function klona(x) {
const inlineAppConfig = {
"nuxt": {
"buildId": "c1e27c2a-a198-426b-b633-2f24e5396e45"
"buildId": "d329326a-5123-40b8-b1be-4b1b003826f8"
}
};
@ -4965,191 +4965,184 @@ const assets = {
"/static/add-icon.0b0b5313.svg": {
"type": "image/svg+xml",
"etag": "\"d67-gajxuGcy6aHIeWAbO0RazX03p90\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.239Z",
"size": 3431,
"path": "../public/static/add-icon.0b0b5313.svg"
},
"/static/arrows-icon.271dd0d3.svg": {
"type": "image/svg+xml",
"etag": "\"5a0-yAit7q5lcKJMd35iOMMifZv2uno\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.253Z",
"size": 1440,
"path": "../public/static/arrows-icon.271dd0d3.svg"
},
"/static/close-icon.86743366.svg": {
"type": "image/svg+xml",
"etag": "\"2d4-QYrulZl33jopLCT37UdJfnzXOVg\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.253Z",
"size": 724,
"path": "../public/static/close-icon.86743366.svg"
},
"/static/collect-icon-colours.6d2ade7f.svg": {
"type": "image/svg+xml",
"etag": "\"7ab-av9D1DgxgD5cvY5wd30haD7c1q0\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.240Z",
"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": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.239Z",
"size": 2070,
"path": "../public/static/comment-icon-gray.2c8779f9.svg"
},
"/static/delete-icon.4d386dce.svg": {
"type": "image/svg+xml",
"etag": "\"17fe-RGKa0+MaUqOqlbPlXlig67fGkaY\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.253Z",
"size": 6142,
"path": "../public/static/delete-icon.4d386dce.svg"
},
"/static/dot-gray.86cdd7b5.svg": {
"type": "image/svg+xml",
"etag": "\"2af-sBMsuPZbsh28jzlFWO9lVYMVDk8\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.239Z",
"size": 687,
"path": "../public/static/dot-gray.86cdd7b5.svg"
},
"/static/dot-yellow.4b5e135b.svg": {
"type": "image/svg+xml",
"etag": "\"2af-6L7YsWhGTHBB6NqQztB/l2OFRfE\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.236Z",
"size": 687,
"path": "../public/static/dot-yellow.4b5e135b.svg"
},
"/static/dot.1026a040.svg": {
"type": "image/svg+xml",
"etag": "\"217-dx6xqUT4D9pCoKc6nr20aXeJQXQ\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.255Z",
"size": 535,
"path": "../public/static/dot.1026a040.svg"
},
"/static/empty-icon.24a01ae2.svg": {
"type": "image/svg+xml",
"etag": "\"d028-Our2UxxUiciRSduORd8JZCt5Prw\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.240Z",
"size": 53288,
"path": "../public/static/empty-icon.24a01ae2.svg"
},
"/static/entry.659eb357.js": {
"/static/entry.2f3c66ab.js": {
"type": "application/javascript",
"etag": "\"3d4e7-gzlydnsrRO0fRESh2SBVw5k6PcI\"",
"mtime": "2025-02-07T10:30:59.333Z",
"size": 251111,
"path": "../public/static/entry.659eb357.js"
"etag": "\"3d576-img8S+vW5W9JwzvPo0l8WvBT1WU\"",
"mtime": "2025-02-08T10:57:06.260Z",
"size": 251254,
"path": "../public/static/entry.2f3c66ab.js"
},
"/static/entry.ea95308f.css": {
"type": "text/css; charset=utf-8",
"etag": "\"10884-7+KMZJZOZDsEP5gwVzXxBT87MY8\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.253Z",
"size": 67716,
"path": "../public/static/entry.ea95308f.css"
},
"/static/error-404.73d85fd0.js": {
"/static/error-404.60e2e73c.js": {
"type": "application/javascript",
"etag": "\"18de-qJ4BAgOMwWpE/RuOtJmsBK/dAzo\"",
"mtime": "2025-02-07T10:30:59.333Z",
"etag": "\"18de-S+PfH94GetG76Cu7y2a8iXA9m88\"",
"mtime": "2025-02-08T10:57:06.260Z",
"size": 6366,
"path": "../public/static/error-404.73d85fd0.js"
"path": "../public/static/error-404.60e2e73c.js"
},
"/static/error-404.7fc72018.css": {
"type": "text/css; charset=utf-8",
"etag": "\"e2e-iNt1cqPQ0WDudfCTZVQd31BeRGs\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.253Z",
"size": 3630,
"path": "../public/static/error-404.7fc72018.css"
},
"/static/error-500.bf1f9cb8.js": {
"/static/error-500.6161d726.js": {
"type": "application/javascript",
"etag": "\"756-iTFPyY8EHGVosP102Z9etY9RtCg\"",
"mtime": "2025-02-07T10:30:59.333Z",
"etag": "\"756-gKaSKhmkef9sfOPS0bS7u0WgFqI\"",
"mtime": "2025-02-08T10:57:06.260Z",
"size": 1878,
"path": "../public/static/error-500.bf1f9cb8.js"
"path": "../public/static/error-500.6161d726.js"
},
"/static/error-500.c5df6088.css": {
"type": "text/css; charset=utf-8",
"etag": "\"79e-ByRo+49BgcevWdRjJy3CMx2IA5k\"",
"mtime": "2025-02-07T10:30:59.333Z",
"mtime": "2025-02-08T10:57:06.255Z",
"size": 1950,
"path": "../public/static/error-500.c5df6088.css"
},
"/static/logo.6622f82d.png": {
"type": "image/png",
"etag": "\"843f-FSXGFGigIHmtzjdcQzuMz/a7E+o\"",
"mtime": "2025-02-07T10:30:59.319Z",
"mtime": "2025-02-08T10:57:06.240Z",
"size": 33855,
"path": "../public/static/logo.6622f82d.png"
},
"/static/menu-icon-gray.d61f02b1.svg": {
"type": "image/svg+xml",
"etag": "\"6de-kmXhltPHfF4W1gmV7wT4aZCZ6gg\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.253Z",
"size": 1758,
"path": "../public/static/menu-icon-gray.d61f02b1.svg"
},
"/static/QRCode-icon.a105d5fc.svg": {
"type": "image/svg+xml",
"etag": "\"9c1-qGg9jZ5wmHJGzh2A00nHIGWHMh4\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.253Z",
"size": 2497,
"path": "../public/static/QRCode-icon.a105d5fc.svg"
},
"/static/tick-no.179037b3.svg": {
"type": "image/svg+xml",
"etag": "\"1ea-YISAWqJD56jxoQT8N812fDJfkMw\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.240Z",
"size": 490,
"path": "../public/static/tick-no.179037b3.svg"
},
"/static/tick-option.e092d22f.svg": {
"type": "image/svg+xml",
"etag": "\"29a-UVjuq3WHs6mhu1KGQ7gQmJH2Bc4\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.253Z",
"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": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.240Z",
"size": 1546,
"path": "../public/static/tick-orange.233abc69.svg"
},
"/static/triangle-icon.c39ff2e7.svg": {
"type": "image/svg+xml",
"etag": "\"446-ylQ81DOJ3joSbsS9atyrW6pZsBY\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.253Z",
"size": 1094,
"path": "../public/static/triangle-icon.c39ff2e7.svg"
},
"/static/view-icon.da7fef35.svg": {
"type": "image/svg+xml",
"etag": "\"f39-5Jwx14wB0jgB0Du25KRZbkEEXvI\"",
"mtime": "2025-02-07T10:30:59.322Z",
"mtime": "2025-02-08T10:57:06.239Z",
"size": 3897,
"path": "../public/static/view-icon.da7fef35.svg"
},
"/static/builds/latest.json": {
"type": "application/json",
"etag": "\"47-N6sBiN2Q03NeGQ5zd2Q05SI4NoU\"",
"mtime": "2025-02-07T10:31:11.067Z",
"etag": "\"47-OJaWhcsujn9YL6fcvd6W8qquIeU\"",
"mtime": "2025-02-08T10:57:22.595Z",
"size": 71,
"path": "../public/static/builds/latest.json"
},
"/static/builds/meta/c1e27c2a-a198-426b-b633-2f24e5396e45.json": {
"/static/builds/meta/d329326a-5123-40b8-b1be-4b1b003826f8.json": {
"type": "application/json",
"etag": "\"8b-0NRvoW5yFGe/GHaAQyQgVtjptfI\"",
"mtime": "2025-02-07T10:31:11.068Z",
"etag": "\"8b-DDV99sPW6jx3Zt5hhAzhRky9HuE\"",
"mtime": "2025-02-08T10:57:22.595Z",
"size": 139,
"path": "../public/static/builds/meta/c1e27c2a-a198-426b-b633-2f24e5396e45.json"
},
"/static/builds/meta/dev.json": {
"type": "application/json",
"etag": "\"6a-Wcm3TRG32brkPss1aIQHDw5EX5E\"",
"mtime": "2025-02-07T10:30:51.457Z",
"size": 106,
"path": "../public/static/builds/meta/dev.json"
"path": "../public/static/builds/meta/d329326a-5123-40b8-b1be-4b1b003826f8.json"
}
};

2
app.vue
View File

@ -585,7 +585,7 @@ export default {
const goLogin = () => {
if (typeof window === "undefined") return
if (Object.keys(window["userInfoWin"]).length !== 0) {
if (window["userInfoWin"]["uid"]) isNeedLogin.value = false
if (window["userInfoWin"]["uid"] || window["userInfoWin"]["uin"]) isNeedLogin.value = false
else if (!document.querySelector("#append_parent #fwin_login")) ajax_login()
} else if (!document.querySelector("#append_parent #fwin_login")) ajax_login()
}

6
components/commentList.vue
View File

@ -26,7 +26,7 @@
</div>
<div class="item flexacenter">
<input class="file" type="file" @change="handleFileUpload($event)" accept=".png, .jpg, .jpeg" />
<img class="icon" src="/img/picture-icon.png" alt="" />
<img class="icon" style="border-radius: 0;" src="/img/picture-icon.png" alt="" />
<span class="file-hint">最多可上传1张图片，支持在输入框中直接粘贴图片。</span>
</div>
</div>
@ -91,7 +91,7 @@
</div>
<div class="item flexacenter">
<input class="file" type="file" @change="handleFileUpload($event, index)" accept=".png, .jpg, .jpeg" />
<img class="icon" src="/img/picture-icon.png" alt="" />
<img class="icon" style="border-radius: 0;" src="/img/picture-icon.png" alt="" />
<span class="file-hint">最多可上传1张图片，支持在输入框中直接粘贴图片。</span>
</div>
</div>
@ -162,7 +162,7 @@
</div>
<div class="item flexacenter">
<input class="file" type="file" @change="handleFileUpload($event, index, i)" accept=".png, .jpg, .jpeg" />
<img class="icon" src="/img/picture-icon.png" alt="" />
<img class="icon" style="border-radius: 0;" src="/img/picture-icon.png" alt="" />
<span class="file-hint">最多可上传1张图片，支持在输入框中直接粘贴图片。</span>
</div>
</div>