style: 公众端 a-modal 增加 centered 垂直居中
Made-with: Cursor
This commit is contained in:
parent
61415eebe6
commit
e7dcd93588
@ -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>
|
||||||
|
|||||||
@ -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 }"
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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" />
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user