新建域名所有者对话框改为固定底部栏

This commit is contained in:
jingrow 2025-08-02 16:09:18 +08:00
parent 0b3bd56d16
commit 2a255abd2a

View File

@ -2,7 +2,7 @@
<div v-if="visible" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"> <div v-if="visible" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
<div class="bg-white rounded-lg shadow-2xl max-w-4xl w-full mx-4 max-h-[90vh] flex flex-col overflow-hidden"> <div class="bg-white rounded-lg shadow-2xl max-w-4xl w-full mx-4 max-h-[90vh] flex flex-col overflow-hidden">
<!-- 固定标题栏 --> <!-- 固定标题栏 -->
<div class="p-6 border-b border-gray-200 bg-white rounded-t-lg flex-shrink-0"> <div class="p-4 border-b border-gray-200 bg-white rounded-t-lg flex-shrink-0">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h3 class="text-lg font-medium text-gray-900">新建域名所有者</h3> <h3 class="text-lg font-medium text-gray-900">新建域名所有者</h3>
<button <button
@ -273,25 +273,28 @@
根据互联网域名管理办法请提供真实准确完整的身份信息域名信息模板中的电话号码必须与域名所有者一致否则可能被认定为虚假注册导致域名被注销严禁代理持有联系电话在修改后90天内不可变更 根据互联网域名管理办法请提供真实准确完整的身份信息域名信息模板中的电话号码必须与域名所有者一致否则可能被认定为虚假注册导致域名被注销严禁代理持有联系电话在修改后90天内不可变更
</p> </p>
</div> </div>
</form>
</div>
<!-- 按钮 --> <!-- 固定底部栏 -->
<div class="flex justify-end gap-3 pt-4 border-t border-gray-200"> <div class="p-4 border-t border-gray-200 bg-white rounded-b-lg flex-shrink-0">
<div class="flex justify-end gap-3">
<button <button
type="button" type="button"
@click="closeDialog" @click="closeDialog"
class="px-6 py-2 border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors duration-200" class="px-4 py-2 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors duration-200"
> >
取消 取消
</button> </button>
<button <button
type="submit" type="submit"
:disabled="isLoading" :disabled="isLoading"
class="px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:bg-gray-300 transition-colors duration-200" class="px-4 py-2 text-sm bg-gray-900 text-white rounded-lg hover:bg-gray-800 disabled:bg-gray-300 transition-colors duration-200"
@click="handleSubmit"
> >
{{ isLoading ? '创建中...' : '立即保存' }} {{ isLoading ? '创建中...' : '立即保存' }}
</button> </button>
</div> </div>
</form>
</div> </div>
</div> </div>
</div> </div>