|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div v-show="visible" class="smart-dialog" :style="dialogStyle" @mousedown="onRootMousedown" @dblclick="handleDoubleClick" :class="{ 'no-padding': noPadding, 'is-pending-drag': isPendingDrag, 'is-dragging': isDragging }">
|
|
|
+ <div v-show="visible" class="smart-dialog" :data-dialog-id="id" :style="dialogStyle" @mousedown="onRootMousedown" @dblclick="handleDoubleClick" :class="{ 'no-padding': noPadding, 'is-pending-drag': isPendingDrag, 'is-dragging': isDragging }">
|
|
|
<div class="dialog-header" :class="{ 'is-draggable': draggable }" @mousedown="startDrag" v-if="title">
|
|
|
<div class="title-content">
|
|
|
<slot name="header">
|
|
|
@@ -351,6 +351,13 @@ export default {
|
|
|
padding: clamp(2px, 0.6cqw, 6px);
|
|
|
container-type: inline-size;
|
|
|
}
|
|
|
+
|
|
|
+/* 单独提高“修改密码”弹窗的不透明度,避免背景透出过多 */
|
|
|
+.smart-dialog[data-dialog-id="dialog-change-password"] {
|
|
|
+ background: radial-gradient(circle at 20% 0%, rgba(28,70,130,0.9) 0%, rgba(14,34,78,0.96) 70%);
|
|
|
+ backdrop-filter: blur(16px);
|
|
|
+ -webkit-backdrop-filter: blur(16px);
|
|
|
+}
|
|
|
.smart-dialog.no-padding {
|
|
|
padding: 0;
|
|
|
}
|