style: 公众端 a-modal 增加 centered 垂直居中

Made-with: Cursor
This commit is contained in:
zhonghua 2026-04-15 14:41:20 +08:00
parent 61415eebe6
commit e7dcd93588
5 changed files with 6 additions and 3 deletions

View File

@ -262,7 +262,7 @@
</div> </div>
<!-- 报名弹窗 --> <!-- 报名弹窗 -->
<a-modal v-model:open="showRegisterModal" title="活动报名" :footer="null" :width="420"> <a-modal v-model:open="showRegisterModal" title="活动报名" :footer="null" :width="420" centered>
<div class="register-modal"> <div class="register-modal">
<template v-if="isChildUser"> <template v-if="isChildUser">
<p class="modal-desc">将使用当前账号报名确认参加本活动吗</p> <p class="modal-desc">将使用当前账号报名确认参加本活动吗</p>

View File

@ -3,6 +3,7 @@
:open="open" :open="open"
title="从作品库选择作品" title="从作品库选择作品"
:width="600" :width="600"
centered
@cancel="$emit('update:open', false)" @cancel="$emit('update:open', false)"
@ok="handleConfirm" @ok="handleConfirm"
:ok-button-props="{ disabled: !selectedWork }" :ok-button-props="{ disabled: !selectedWork }"

View File

@ -68,6 +68,7 @@
title="创建子女账号" title="创建子女账号"
:footer="null" :footer="null"
:width="440" :width="440"
centered
> >
<a-form :model="createForm" layout="vertical" @finish="handleCreate" class="child-form"> <a-form :model="createForm" layout="vertical" @finish="handleCreate" class="child-form">
<a-form-item label="用户名" name="username" :rules="[{ required: true, message: '请输入用户名' }, { min: 4, message: '至少4个字符' }]"> <a-form-item label="用户名" name="username" :rules="[{ required: true, message: '请输入用户名' }, { min: 4, message: '至少4个字符' }]">
@ -109,6 +110,7 @@
title="编辑子女账号" title="编辑子女账号"
:footer="null" :footer="null"
:width="440" :width="440"
centered
> >
<a-form :model="editForm" layout="vertical" @finish="handleEdit" class="child-form"> <a-form :model="editForm" layout="vertical" @finish="handleEdit" class="child-form">
<a-form-item label="昵称" name="nickname"> <a-form-item label="昵称" name="nickname">

View File

@ -69,7 +69,7 @@
</div> </div>
<!-- 编辑个人信息弹窗 --> <!-- 编辑个人信息弹窗 -->
<a-modal v-model:open="showEditModal" title="编辑个人信息" :footer="null" :width="400"> <a-modal v-model:open="showEditModal" title="编辑个人信息" :footer="null" :width="400" centered>
<a-form layout="vertical" @finish="handleSaveProfile" style="margin-top: 16px;"> <a-form layout="vertical" @finish="handleSaveProfile" style="margin-top: 16px;">
<a-form-item label="昵称" :rules="[{ required: true, message: '请输入昵称' }]"> <a-form-item label="昵称" :rules="[{ required: true, message: '请输入昵称' }]">
<a-input v-model:value="editForm.nickname" placeholder="你的昵称" :maxlength="20" /> <a-input v-model:value="editForm.nickname" placeholder="你的昵称" :maxlength="20" />

View File

@ -158,7 +158,7 @@
</a-spin> </a-spin>
<!-- 二次确认弹窗 --> <!-- 二次确认弹窗 -->
<a-modal v-model:open="confirmVisible" :title="confirmTitle" :ok-text="confirmOkText" cancel-text="取消" <a-modal v-model:open="confirmVisible" :title="confirmTitle" :ok-text="confirmOkText" cancel-text="取消" centered
:confirm-loading="actionLoading" @ok="handleConfirmOk" @cancel="handleConfirmCancel"> :confirm-loading="actionLoading" @ok="handleConfirmOk" @cancel="handleConfirmCancel">
<p>{{ confirmContent }}</p> <p>{{ confirmContent }}</p>
</a-modal> </a-modal>