e2e0a3ea3a
- 修复文件上传暂停/恢复逻辑错误，调整播放状态与上传动作的对应关系 - 为视频上传添加半透明蒙层提升用户体验 - 移除上传管理中的冗余字段和注释代码 - 调整确认框标题的padding样式 - 添加消息重发确认功能
49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<script setup>
|
|
import { ref, watch } from 'vue'
|
|
import XNModal from '@/components/x-naive-ui/x-n-modal/index.vue'
|
|
const emit = defineEmits(['cancel','confirm'])
|
|
const show=defineModel('show')
|
|
const props = defineProps({
|
|
title:{
|
|
type:String,
|
|
default:'提示'
|
|
},
|
|
content:{
|
|
type:String,
|
|
default:'内容'
|
|
},
|
|
cancelText:{
|
|
type:String,
|
|
default:'取消'
|
|
},
|
|
confirmText:{
|
|
type:String,
|
|
default:'确定'
|
|
}
|
|
})
|
|
|
|
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<XNModal v-model:show="show" :closable="false" class="w-724px" content-style="padding:0px" @after-leave="emit('after-leave')">
|
|
<div class="flex flex-col w-full px-25px pb-49px">
|
|
<div class="text-20px text-#1F2225 w-full text-center border-b-1px border-b-solid border-b-#E9E9E9 py-20px">{{ title }}</div>
|
|
<div class="py-60px text-center text-20px text-#1F2225">
|
|
{{ content }}
|
|
</div>
|
|
<div class="flex w-full justify-center">
|
|
<n-button color="#C7C7C9" class="text-14px text-#fff w-161px h-34px mr-10px"
|
|
@click="() => { show=false; emit('cancel') }"
|
|
>{{ cancelText }}</n-button>
|
|
<n-button color="#46299D" class="text-14px text-#fff w-161px h-34px"
|
|
@click="() => { show=false; emit('confirm') }"
|
|
>{{ confirmText }}</n-button>
|
|
</div>
|
|
</div>
|
|
</XNModal>
|
|
</template>
|
|
|
|
<style scoped>
|
|
</style> |