diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue index 1f2bac9ae..a940e31e9 100644 --- a/resources/assets/js/pages/manage/components/DialogWrapper.vue +++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue @@ -160,17 +160,18 @@ - -
-
- - - {{positionMsg.label}} -
-
- - +
+ +
+
+ + + {{positionMsg.label}} +
+
+ + scroller.scrollToOffset(offset), 10) // 预防出现白屏的情况 + setTimeout(_ => { + scroller.scrollToOffset(offset) + scroller.virtual.handleFront() + }, 10) // 预防出现白屏的情况 } }, @@ -2223,7 +2227,6 @@ export default { offset -= 36 } this.onToOffset(offset) - setTimeout(_ => scroller.virtual.handleFront(), 10) }); }).catch(() => {}) }, diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss index 3fbad98ea..598ef359d 100644 --- a/resources/assets/sass/pages/components/dialog-wrapper.scss +++ b/resources/assets/sass/pages/components/dialog-wrapper.scss @@ -518,12 +518,16 @@ } } - .dialog-position { + .dialog-msgs { + flex: 1; position: relative; + } + + .dialog-position { + position: absolute; + top: 24px; + right: 0; z-index: 2; - height: 1px; // 不加高度iOS动画无效果 - margin-bottom: -1px; - width: 100%; display: flex; align-items: center; justify-content: flex-end; @@ -533,9 +537,6 @@ animation-delay: 300ms; .position-label { - position: absolute; - top: 24px; - right: 0; display: flex; align-items: center; justify-content: center; @@ -554,11 +555,6 @@ } } - .dialog-msgs { - flex: 1; - position: relative; - } - .dialog-scroller { position: absolute; top: 0;