fix: 操作菜单导致的页面错位

This commit is contained in:
kuaifan 2023-03-18 14:01:46 +08:00
parent 7b0ccd4536
commit 610a28007d
5 changed files with 8 additions and 8 deletions

View File

@ -149,7 +149,7 @@
</ul> </ul>
</li> </li>
</ul> </ul>
<div class="operate-position" :style="operateStyles"> <div class="operate-position" :style="operateStyles" v-show="operateVisible">
<Dropdown <Dropdown
trigger="custom" trigger="custom"
:placement="windowLarge ? 'bottom' : 'top'" :placement="windowLarge ? 'bottom' : 'top'"

View File

@ -73,7 +73,7 @@
class="dialog-menu" class="dialog-menu"
@command="onDialogMenu"> @command="onDialogMenu">
<i class="taskfont dialog-menu-icon">&#xe6e9;</i> <i class="taskfont dialog-menu-icon">&#xe6e9;</i>
<EDropdownMenu v-slot="dropdown"> <EDropdownMenu slot="dropdown">
<EDropdownItem command="searchMsg"> <EDropdownItem command="searchMsg">
<div>{{$L('搜索消息')}}</div> <div>{{$L('搜索消息')}}</div>
</EDropdownItem> </EDropdownItem>
@ -225,7 +225,7 @@
</div> </div>
<!--长按右键--> <!--长按右键-->
<div class="operate-position" :style="operateStyles"> <div class="operate-position" :style="operateStyles" v-show="operateVisible">
<Dropdown <Dropdown
trigger="custom" trigger="custom"
placement="top" placement="top"

View File

@ -52,7 +52,7 @@
</div> </div>
</li> </li>
</ul> </ul>
<div class="operate-position" :style="operateStyles"> <div class="operate-position" :style="operateStyles" v-show="operateVisible">
<Dropdown <Dropdown
trigger="custom" trigger="custom"
:placement="windowLarge ? 'bottom' : 'top'" :placement="windowLarge ? 'bottom' : 'top'"

View File

@ -21,7 +21,7 @@
class="nav-menu" class="nav-menu"
@command="onActive"> @command="onActive">
<div class="nav-icon"><i class="taskfont">&#xe634;</i></div> <div class="nav-icon"><i class="taskfont">&#xe634;</i></div>
<EDropdownMenu v-slot="dropdown" class="messenger-nav-menu"> <EDropdownMenu slot="dropdown" class="messenger-nav-menu">
<EDropdownItem v-for="(item, key) in dialogMenus" :key="key" :command="item.type"> <EDropdownItem v-for="(item, key) in dialogMenus" :key="key" :command="item.type">
<div class="messenger-nav-item" :class="{active: dialogActive==item.type}"> <div class="messenger-nav-item" :class="{active: dialogActive==item.type}">
<div class="nav-title">{{$L(item.name)}}</div> <div class="nav-title">{{$L(item.name)}}</div>
@ -134,7 +134,7 @@
</li> </li>
</template> </template>
</ul> </ul>
<div class="operate-position" :style="operateStyles"> <div class="operate-position" :style="operateStyles" v-show="operateVisible">
<Dropdown <Dropdown
trigger="custom" trigger="custom"
:placement="windowLarge ? 'bottom' : 'top'" :placement="windowLarge ? 'bottom' : 'top'"
@ -142,7 +142,7 @@
@on-clickoutside="operateVisible = false" @on-clickoutside="operateVisible = false"
transfer> transfer>
<div :style="{userSelect:operateVisible ? 'none' : 'auto', height: operateStyles.height}"></div> <div :style="{userSelect:operateVisible ? 'none' : 'auto', height: operateStyles.height}"></div>
<DropdownMenu v-slot="list"> <DropdownMenu slot="list">
<DropdownItem @click.native="handleTopClick"> <DropdownItem @click.native="handleTopClick">
{{ $L(operateItem.top_at ? '取消置顶' : '置顶') }} {{ $L(operateItem.top_at ? '取消置顶' : '置顶') }}
</DropdownItem> </DropdownItem>

View File

@ -353,7 +353,7 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 1px; bottom: 1px;
z-index: 1; z-index: 2;
background-color: #ffffff; background-color: #ffffff;
display: flex; display: flex;
align-items: center; align-items: center;