mirror of
https://github.com/yangjian102621/geekai.git
synced 2026-05-01 15:34:31 +08:00
调整 mj 绘图页面操作按钮样式
This commit is contained in:
GeekMaster
@@ -688,87 +688,26 @@
|
|||||||
v-if="item.progress === 100"
|
v-if="item.progress === 100"
|
||||||
>
|
>
|
||||||
<div class="opt" v-if="item['can_opt']">
|
<div class="opt" v-if="item['can_opt']">
|
||||||
<div class="flex flex-row justify-start items-center mb-3">
|
<el-row :gutter="8" class="mb-3">
|
||||||
<button
|
<el-col :span="6" v-for="i in 4" :key="'u' + i">
|
||||||
class="px-3 h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600"
|
<button
|
||||||
@click="upscale(1, item)"
|
class="w-full h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600"
|
||||||
>
|
@click="upscale(i, item)"
|
||||||
U1
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button
|
|
||||||
class="px-3 h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600 ml-2"
|
|
||||||
@click="upscale(2, item)"
|
|
||||||
>
|
|
||||||
U2
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button
|
|
||||||
class="px-3 h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600 ml-2"
|
|
||||||
@click="upscale(3, item)"
|
|
||||||
>
|
|
||||||
U3
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button
|
|
||||||
class="px-3 h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600 ml-2"
|
|
||||||
@click="upscale(4, item)"
|
|
||||||
>
|
|
||||||
U4
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<div class="show-prompt ml-2">
|
|
||||||
<el-popover
|
|
||||||
placement="left"
|
|
||||||
title="提示词"
|
|
||||||
:width="240"
|
|
||||||
trigger="hover"
|
|
||||||
>
|
>
|
||||||
<template #reference>
|
U{{ i }}
|
||||||
<i class="iconfont icon-prompt text-white text-xl"></i>
|
</button>
|
||||||
</template>
|
</el-col>
|
||||||
|
</el-row>
|
||||||
<template #default>
|
<el-row :gutter="8" class="mb-3">
|
||||||
<div class="mj-list-item-prompt">
|
<el-col :span="6" v-for="i in 4" :key="'v' + i">
|
||||||
<span>{{ item.prompt }}</span>
|
<button
|
||||||
<el-icon
|
class="w-full h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600"
|
||||||
class="copy-prompt-mj"
|
@click="variation(i, item)"
|
||||||
:data-clipboard-text="item.prompt"
|
>
|
||||||
>
|
V{{ i }}
|
||||||
<DocumentCopy />
|
</button>
|
||||||
</el-icon>
|
</el-col>
|
||||||
</div>
|
</el-row>
|
||||||
</template>
|
|
||||||
</el-popover>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex flex-row justify-start items-center mb-3">
|
|
||||||
<button
|
|
||||||
class="px-3 h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600"
|
|
||||||
@click="variation(1, item)"
|
|
||||||
>
|
|
||||||
V1
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
class="px-3 h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600 ml-2"
|
|
||||||
@click="variation(2, item)"
|
|
||||||
>
|
|
||||||
V2
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
class="px-3 h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600 ml-2"
|
|
||||||
@click="variation(3, item)"
|
|
||||||
>
|
|
||||||
V3
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
class="px-3 h-6 rounded bg-gray-500 text-xs text-white shadow-md transition-all duration-300 hover:bg-gray-600 ml-2"
|
|
||||||
@click="variation(4, item)"
|
|
||||||
>
|
|
||||||
V4
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
@@ -797,13 +736,28 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip content="删除" placement="top">
|
<el-tooltip content="删除" placement="top">
|
||||||
<el-button
|
<el-button type="danger" @click="removeImage(item)" circle>
|
||||||
type="danger"
|
<i class="iconfont icon-remove"></i>
|
||||||
:icon="Delete"
|
</el-button>
|
||||||
@click="removeImage(item)"
|
|
||||||
circle
|
|
||||||
/>
|
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
|
<el-popover
|
||||||
|
placement="top"
|
||||||
|
title="提示词"
|
||||||
|
:width="240"
|
||||||
|
trigger="hover"
|
||||||
|
>
|
||||||
|
<template #reference>
|
||||||
|
<el-button type="primary" circle>
|
||||||
|
<i class="iconfont icon-prompt text-white"></i>
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #default>
|
||||||
|
<div class="mj-list-item-prompt">
|
||||||
|
<span>{{ item.prompt }}</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-popover>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -866,7 +820,7 @@ import { useSharedStore } from '@/store/sharedata'
|
|||||||
import { closeLoading, showLoading, showMessageError } from '@/utils/dialog'
|
import { closeLoading, showLoading, showMessageError } from '@/utils/dialog'
|
||||||
import { httpGet, httpPost } from '@/utils/http'
|
import { httpGet, httpPost } from '@/utils/http'
|
||||||
import { copyObj, removeArrayItem } from '@/utils/libs'
|
import { copyObj, removeArrayItem } from '@/utils/libs'
|
||||||
import { Delete, DocumentCopy, InfoFilled, Plus, UploadFilled } from '@element-plus/icons-vue'
|
import { Delete, InfoFilled, Plus, UploadFilled } from '@element-plus/icons-vue'
|
||||||
import Clipboard from 'clipboard'
|
import Clipboard from 'clipboard'
|
||||||
import Compressor from 'compressorjs'
|
import Compressor from 'compressorjs'
|
||||||
import { ElMessage, ElMessageBox, ElNotification } from 'element-plus'
|
import { ElMessage, ElMessageBox, ElNotification } from 'element-plus'
|
||||||
|
|||||||
Reference in New Issue
Block a user