XiaoMo/x-php-Admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
小陌 2023-08-12 10:17:48 +08:00
parent 0596591901
commit fec08fa010
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/xDialog/index.vue
View File

@ -3,7 +3,7 @@
--> -->
<template> <template>
<div class="x-dialog" ref="xDialog"> <div class="x-dialog" ref="xDialog">
<el-dialog ref="dialog" align-center destroy-on-close v-model="dialogVisible" :fullscreen="isFullscreen" v-bind="$attrs" :show-close="false"> <el-dialog ref="dialog" align-center destroy-on-close v-model="dialogVisible" :style="{ '--el-dialog-padding-primary': padding + 'px' }" :fullscreen="isFullscreen" v-bind="$attrs" :show-close="false">
<template #header> <template #header>
<slot name="header"> <slot name="header">
<span class="el-dialog__title">{{ title }}</span> <span class="el-dialog__title">{{ title }}</span>
@ -33,6 +33,7 @@
props: { props: {
modelValue: { type: Boolean, default: false }, modelValue: { type: Boolean, default: false },
title: { type: String, default: "" }, title: { type: String, default: "" },
padding: { type: Number, default: 0 },
showClose: { type: Boolean, default: true }, showClose: { type: Boolean, default: true },
showFullscreen: { type: Boolean, default: true }, showFullscreen: { type: Boolean, default: true },
loading: { type: Boolean, default: false } loading: { type: Boolean, default: false }
@ -40,7 +41,8 @@
data() { data() {
return { return {
dialogVisible: false, dialogVisible: false,
isFullscreen: false isFullscreen: false,
// padding:50,
} }
}, },
watch:{ watch:{
@ -71,8 +73,8 @@
.x-dialog__headerbtn { .x-dialog__headerbtn {
position: absolute; position: absolute;
top: var(--el-dialog-padding-primary); top: 20px;
right: var(--el-dialog-padding-primary); right: 10px;
} }
.x-dialog__headerbtn button { .x-dialog__headerbtn button {
@ -110,7 +112,7 @@
.x-dialog:deep(.el-dialog) .el-dialog__body { .x-dialog:deep(.el-dialog) .el-dialog__body {
flex:1; flex:1;
overflow: auto; overflow: auto;
padding:0px padding: var(--el-dialog-padding-primary);
} }
.x-dialog:deep(.el-dialog) .el-dialog__footer { .x-dialog:deep(.el-dialog) .el-dialog__footer {

2
src/views/user/index/save.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<x-dialog :title="titleMap[mode]" v-model="visible" :width="500" destroy-on-close @closed="$emit('closed')"> <x-dialog :title="titleMap[mode]" v-model="visible" width="500" padding="20" destroy-on-close @closed="$emit('closed')">
<el-form :model="form" :rules="rules" :disabled="mode=='show'" ref="dialogForm" label-width="100px" label-position="left"> <el-form :model="form" :rules="rules" :disabled="mode=='show'" ref="dialogForm" label-width="100px" label-position="left">
<el-form-item label="头像" prop="avatar"> <el-form-item label="头像" prop="avatar">
<x-upload v-model="form.avatar" title="上传头像"></x-upload> <x-upload v-model="form.avatar" title="上传头像"></x-upload>