xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-12 12:13:46 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

docs: adjust ui styles for mj image page

Browse Source
This commit is contained in:
RockYang
2023-09-20 14:33:15 +08:00
parent c18d95e89a
commit af6f7a7146
7 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/views/ImageMj.vue
View File

@@ -318,16 +318,28 @@
<li><a @click="upscale(3,scope.item)">U3</a></li>
<li><a @click="upscale(4,scope.item)">U4</a></li>
<li class="show-prompt">
<el-tooltip
class="box-item"
effect="light"
content="复制提示词"
placement="top"
<el-popover
placement="left"
title="提示词"
:width="240"
trigger="hover"
>
<el-icon class="copy-prompt" :data-clipboard-text="scope.item.prompt">
<DocumentCopy/>
</el-icon>
</el-tooltip>
<template #reference>
<el-icon>
<ChromeFilled/>
</el-icon>
</template>
<template #default>
<div class="mj-list-item-prompt">
<span>{{ scope.item.prompt }}</span>
<el-icon class="copy-prompt" :data-clipboard-text="scope.item.prompt">
<DocumentCopy/>
</el-icon>
</div>
</template>
</el-popover>
</li>
</ul>
</div>
@@ -356,7 +368,7 @@
<script setup>
import {onMounted, ref} from "vue"
import {Comment, DeleteFilled, DocumentCopy, InfoFilled, Picture, Plus} from "@element-plus/icons-vue";
import {ChromeFilled, DeleteFilled, DocumentCopy, InfoFilled, Picture, Plus} from "@element-plus/icons-vue";
import Compressor from "compressorjs";
import {httpGet, httpPost} from "@/utils/http";
import {ElMessage} from "element-plus";