diff --git a/src/views/Mobile/MobileEditor/Header.vue b/src/views/Mobile/MobileEditor/Header.vue index 417c5732..59b1aacd 100644 --- a/src/views/Mobile/MobileEditor/Header.vue +++ b/src/views/Mobile/MobileEditor/Header.vue @@ -36,6 +36,8 @@ const { redo, undo } = useHistorySnapshot() padding: 0 18px; font-size: 13px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); + position: relative; + z-index: 2; } .history { display: flex; diff --git a/src/views/Mobile/MobileEditor/SlideToolbar.vue b/src/views/Mobile/MobileEditor/SlideToolbar.vue index 00f42f47..378af6ca 100644 --- a/src/views/Mobile/MobileEditor/SlideToolbar.vue +++ b/src/views/Mobile/MobileEditor/SlideToolbar.vue @@ -56,7 +56,7 @@ const insertTextElement = () => { top: (VIEWPORT_SIZE * viewportRatio.value - height) / 2, width, height, - }, '

新添加文本

') + }, '

新添加文本

') } const insertImageElement = (files: FileList) => { @@ -100,6 +100,8 @@ const handleInputMark = (e: Event) => { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; + position: relative; + z-index: 2; } .remark { position: relative; @@ -116,7 +118,6 @@ const handleInputMark = (e: Event) => { outline: 0; padding: 8px 10px; font-size: 12px; - background-color: transparent; @include absolute-0(); }