lianglianglee
/
roim-picx
mirror of https://github.com/liangliangle/roim-picx.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

css:调整样式

This commit is contained in:
李亮亮 2024-01-16 10:45:38 +08:00
parent 94c13cf1ef
commit f5e24c3fff
1 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/UploadImages.vue
View File

@ -40,14 +40,7 @@
已选择 {{ convertedImages.length }} 张，共 {{ formatBytes(imagesTotalSize) }} 已选择 {{ convertedImages.length }} 张，共 {{ formatBytes(imagesTotalSize) }}
</div> </div>
</div> </div>
<div class="md:col-span-1 col-span-3">
<div class="w-full bg-red-500 cursor-pointer h-10 flex items-center justify-center text-white" :class="{
'area-disabled': loading
}" @click="clipboardUpload">
<font-awesome-icon :icon="faTrashAlt" class="mr-2" />
剪切板上传
</div>
</div>
<div class="md:col-span-1 col-span-3"> <div class="md:col-span-1 col-span-3">
<div class="w-full bg-red-500 cursor-pointer h-10 flex items-center justify-center text-white" :class="{ <div class="w-full bg-red-500 cursor-pointer h-10 flex items-center justify-center text-white" :class="{
'area-disabled': loading 'area-disabled': loading
@ -56,7 +49,14 @@
清除 清除
</div> </div>
</div> </div>
<div class="md:col-span-1 col-span-3">
<div class="w-full bg-sky-500 cursor-pointer h-10 flex items-center justify-center text-white" :class="{
'area-disabled': loading
}" @click="clipboardUpload">
<font-awesome-icon :icon="faTrashAlt" class="mr-2" />
上传剪切板
</div>
</div>
<div class="md:col-span-1 col-span-5"> <div class="md:col-span-1 col-span-5">
<div class="w-full h-10 flex items-center justify-center text-white bg-green-500 cursor-pointer" :class="{ <div class="w-full h-10 flex items-center justify-center text-white bg-green-500 cursor-pointer" :class="{
'area-disabled': convertedImages.length === 0 || loading 'area-disabled': convertedImages.length === 0 || loading
@ -123,9 +123,8 @@ const clearInput = () => {
const clipboardUpload = () => { const clipboardUpload = () => {
navigator.clipboard.read().then(clipboardContents => { navigator.clipboard.read().then(clipboardContents => {
for (const item of clipboardContents) { for (const item of clipboardContents) {
if (!item.types.includes("image/png")) { if (item.types.includes("image/png")) {
throw new Error("剪切板中不是图片！");
}
item.getType("image/png").then(blob => { item.getType("image/png").then(blob => {
const file = new File([blob], "clipboard.png", { const file = new File([blob], "clipboard.png", {
type: "image/png", type: "image/png",
@ -139,6 +138,7 @@ const clipboardUpload = () => {
] ]
}); });
} }
}
}); });
} }