弹窗bug
parent
28fcea4abe
commit
03af77aaa9
|
|
@ -20,12 +20,6 @@
|
||||||
<Tooltip title="最大化" placement="bottom" v-else>
|
<Tooltip title="最大化" placement="bottom" v-else>
|
||||||
<FullscreenOutlined role="close" @click="handleFull" />
|
<FullscreenOutlined role="close" @click="handleFull" />
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
<!-- <SvgIcon
|
|
||||||
@click="handleFull"
|
|
||||||
name="full-screen"
|
|
||||||
class="text-[#76E9F0] cursor-pointer"
|
|
||||||
:size="22"
|
|
||||||
/> -->
|
|
||||||
</div>
|
</div>
|
||||||
<img
|
<img
|
||||||
@click="closeModal"
|
@click="closeModal"
|
||||||
|
|
@ -52,14 +46,12 @@
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, computed, ref, unref, watchEffect } from 'vue'
|
import { defineComponent, computed, ref, unref, watchEffect } from 'vue'
|
||||||
import { SvgIcon } from '/@/components/Icon'
|
|
||||||
import { Modal, Tooltip } from 'ant-design-vue'
|
import { Modal, Tooltip } from 'ant-design-vue'
|
||||||
import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue'
|
import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue'
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components: {
|
components: {
|
||||||
[Modal.name]: Modal,
|
[Modal.name]: Modal,
|
||||||
SvgIcon,
|
|
||||||
Tooltip,
|
Tooltip,
|
||||||
FullscreenExitOutlined,
|
FullscreenExitOutlined,
|
||||||
FullscreenOutlined,
|
FullscreenOutlined,
|
||||||
|
|
@ -72,7 +64,7 @@
|
||||||
type: String,
|
type: String,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
setup(props, { attrs }) {
|
setup(props, { attrs, emit }) {
|
||||||
const modelVisible = ref(false)
|
const modelVisible = ref(false)
|
||||||
const isFull = ref(false)
|
const isFull = ref(false)
|
||||||
|
|
||||||
|
|
@ -90,7 +82,7 @@
|
||||||
return props.url
|
return props.url
|
||||||
})
|
})
|
||||||
const closeModal = () => {
|
const closeModal = () => {
|
||||||
modelVisible.value = false
|
emit('update:visible', false)
|
||||||
}
|
}
|
||||||
|
|
||||||
watchEffect(() => {
|
watchEffect(() => {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue