35 lines
699 B
Vue
35 lines
699 B
Vue
<template>
|
|
<section class="AiDialogBtn">
|
|
<div @click="dialog=true">
|
|
<slot v-if="$scopedSlots.btn" name="btn"/>
|
|
<el-button type="text">{{ text }}</el-button>
|
|
</div>
|
|
<ai-dialog :visible.sync="dialog" :title="dialogTitle" width="1200px" customFooter>
|
|
<slot/>
|
|
<template #footer>
|
|
<el-button @click="dialog=false">关闭</el-button>
|
|
</template>
|
|
</ai-dialog>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "AiDialogBtn",
|
|
props: {
|
|
text: {default: "点击弹窗"},
|
|
dialogTitle: {default: "展示信息"}
|
|
},
|
|
data() {
|
|
return {
|
|
dialog: false
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.AiDialogBtn {
|
|
}
|
|
</style>
|