Merge branch 'dev_fjb' of https://gitee.com/qinzhenpen/digital-marketing into bugfix
qinzhenpen
2 years ago
commit
7672a0a6a3
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
@ -0,0 +1,115 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
class="testDialog"
|
||||
append-to-body
|
||||
v-model="props.showModel"
|
||||
title=""
|
||||
align-center
|
||||
draggable
|
||||
:modal="false"
|
||||
:show-close="false"
|
||||
:style="{ borderRadius: 12 + 'px', width: props.width + 'px' }"
|
||||
:close-on-click-modal="false"
|
||||
custom-class="dialog"
|
||||
>
|
||||
<template #header>
|
||||
<div
|
||||
class="my-header"
|
||||
:style="{
|
||||
width: props.width + 'px',
|
||||
backgroundSize: props.width + 'px ' + 43 + 'px',
|
||||
}"
|
||||
>
|
||||
<span>{{ props.title }}</span>
|
||||
<span style="cursor: pointer" @click="close()"
|
||||
><img
|
||||
style="width: 13px; height: 13px"
|
||||
src="@/assets/images/关闭.png"
|
||||
alt=""
|
||||
/></span>
|
||||
</div>
|
||||
</template>
|
||||
<slot name="content"></slot>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script setup>
|
||||
const emits = defineEmits(["closePop", "submit"]);
|
||||
const dialogVisible = ref(false);
|
||||
const props = defineProps({
|
||||
modelValue: [String, Object, Array],
|
||||
//控制显隐
|
||||
showModel: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: "Title",
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: "673",
|
||||
},
|
||||
showOprBtn: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
});
|
||||
const close = () => {
|
||||
emits("closePop");
|
||||
};
|
||||
const submit = () => {
|
||||
emits("submit");
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.my-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-left: 25px;
|
||||
padding-top: 15px;
|
||||
padding-right: 15px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
// background: url("@/assets/images/popHeader.png") no-repeat;
|
||||
background-color: #ff6100;
|
||||
width: 673px;
|
||||
height: 53px;
|
||||
background-size: 673px 43px;
|
||||
color: white;
|
||||
border-radius: 10px 10px 0 0;
|
||||
}
|
||||
.dialog-footer {
|
||||
display: block;
|
||||
text-align: center;
|
||||
.okBtn {
|
||||
width: 118px;
|
||||
height: 40px;
|
||||
// background: url("@/assets/images/popOkBtn.png");
|
||||
background-color: #ff6100;
|
||||
border: none;
|
||||
color: white;
|
||||
// padding-left: 40px;
|
||||
text-align: center;
|
||||
// margin-right: 50px;
|
||||
}
|
||||
.cancelBtn {
|
||||
width: 118px;
|
||||
height: 40px;
|
||||
// background: url("@/assets/images/popCancelBtn.png");
|
||||
border: none;
|
||||
color: white;
|
||||
padding-left: 40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
.dialog_class {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.el-dialog {
|
||||
pointer-events: auto;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue