83 lines
1.9 KiB
Vue
83 lines
1.9 KiB
Vue
|
<template>
|
||
|
|
<div ref="modalContainer"></div>
|
||
|
|
<a-modal
|
||
|
|
class="prompt-modal generalModel"
|
||
|
|
v-model:visible="showModal"
|
||
|
|
:footer="null"
|
||
|
|
:get-container="() => $refs.modalContainer"
|
||
|
|
width="78%"
|
||
|
|
:maskClosable="false"
|
||
|
|
:centered="true"
|
||
|
|
:closable="false"
|
||
|
|
wrapClassName="#app"
|
||
|
|
:keyboard="false"
|
||
|
|
>
|
||
|
|
<div class="generalModel_btn">
|
||
|
|
<div class="generalModel_closeIcon" @click.stop="handleClose()">
|
||
|
|
<svg
|
||
|
|
width="100%"
|
||
|
|
height="100%"
|
||
|
|
viewBox="0 0 46 46"
|
||
|
|
fill="none"
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
>
|
||
|
|
<circle cx="23" cy="23" r="23" fill="#000" fill-opacity="0.3" />
|
||
|
|
<rect
|
||
|
|
x="32.5063"
|
||
|
|
y="12"
|
||
|
|
width="3"
|
||
|
|
height="29"
|
||
|
|
rx="1.5"
|
||
|
|
transform="rotate(45 32.5063 12)"
|
||
|
|
fill="white"
|
||
|
|
/>
|
||
|
|
<rect
|
||
|
|
x="34.6274"
|
||
|
|
y="32.5059"
|
||
|
|
width="3"
|
||
|
|
height="29"
|
||
|
|
rx="1.5"
|
||
|
|
transform="rotate(135 34.6274 32.5059)"
|
||
|
|
fill="white"
|
||
|
|
/>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="title-container">
|
||
|
|
<div class="title">{{ $t('ProductImg.PromptAssit') }}</div>
|
||
|
|
<div class="sub-title">{{ $t('ProductImg.AssitSubTitle') }}</div>
|
||
|
|
</div>
|
||
|
|
</a-modal>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { ref, useTemplateRef } from 'vue'
|
||
|
|
|
||
|
|
import { downloadIamge } from '@/tool/util'
|
||
|
|
import { useI18n } from 'vue-i18n'
|
||
|
|
const { t, locale } = useI18n()
|
||
|
|
|
||
|
|
const modalContainer = useTemplateRef('modalContainer')
|
||
|
|
const showModal = defineModel<boolean>('showModal', { required: true })
|
||
|
|
|
||
|
|
const handleClose = () => {
|
||
|
|
showModal.value = false
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="less" scoped>
|
||
|
|
.prompt-modal {
|
||
|
|
.title-container {
|
||
|
|
.title {
|
||
|
|
font-size: 3.5rem;
|
||
|
|
color: #181818;
|
||
|
|
}
|
||
|
|
.sub-title {
|
||
|
|
font-size: 2rem;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|