|
|
@@ -36,10 +36,11 @@
|
|
|
ref="optimizedDialog"
|
|
|
title=""
|
|
|
:visible.sync="noteDialogVisible"
|
|
|
- width="680px"
|
|
|
+ width="90%"
|
|
|
:style="dialogStyle"
|
|
|
:close-on-click-modal="false"
|
|
|
destroy-on-close
|
|
|
+ class="center-dialog"
|
|
|
@close="noteDialogVisible = false"
|
|
|
>
|
|
|
<span v-html="sanitizeHTML(note)"></span>
|
|
|
@@ -216,4 +217,26 @@ export default {
|
|
|
.pinyin-area + .pinyin-area {
|
|
|
margin-top: 4px;
|
|
|
}
|
|
|
+
|
|
|
+.center-dialog .el-dialog {
|
|
|
+ position: fixed !important;
|
|
|
+ top: 50% !important;
|
|
|
+ left: 50% !important;
|
|
|
+ max-width: 90vw !important;
|
|
|
+ max-height: 90vh !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ transition: none !important; /* 禁用过渡 */
|
|
|
+ transform: translate(-50%, -50%) !important;
|
|
|
+ animation: none !important; /* 禁用动画 */
|
|
|
+}
|
|
|
+
|
|
|
+/* 禁用对话框的动画类 */
|
|
|
+.center-dialog .el-dialog {
|
|
|
+ animation-duration: 0s !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 如果需要，也可以禁用整个对话框的动画 */
|
|
|
+.center-dialog {
|
|
|
+ animation: none !important;
|
|
|
+}
|
|
|
</style>
|
zq