style(测试计划): 功能用例-执行脑图-调整底部批量操作的位置

--bug=1048405 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001048405
This commit is contained in:
teukkk 2024-11-21 18:17:51 +08:00 committed by 刘瑞斌
parent 56f7bd6976
commit 5ee4a88cdf
1 changed files with 95 additions and 87 deletions

View File

@ -1,5 +1,11 @@
<template> <template>
<div v-if="batchMenuVisible" class="ms-minder-node-float-menu ms-minder-batch-menu"> <a-affix
v-if="batchMenuVisible"
:offset-bottom="32"
target-container=".page-content"
class="absolute bottom-0 left-[50%]"
>
<div class="ms-minder-batch-menu">
<a-dropdown <a-dropdown
v-if="props.priorityCount && props.canShowPriorityMenu" v-if="props.priorityCount && props.canShowPriorityMenu"
v-model:popup-visible="priorityMenuVisible" v-model:popup-visible="priorityMenuVisible"
@ -92,6 +98,7 @@
</template> </template>
</a-dropdown> </a-dropdown>
</div> </div>
</a-affix>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -187,12 +194,13 @@
<style lang="less" scoped> <style lang="less" scoped>
.ms-minder-batch-menu { .ms-minder-batch-menu {
@apply absolute flex w-auto flex-1 items-center bg-white; @apply absolute flex w-auto flex-1 items-center;
bottom: 6px; bottom: 6px;
left: 50%; left: 50%;
padding: 4px 8px; padding: 4px 8px;
border-radius: var(--border-radius-small); border-radius: var(--border-radius-small);
background-color: var(--color-text-fff);
box-shadow: 0 4px 10px -1px rgb(100 100 102 / 15%); box-shadow: 0 4px 10px -1px rgb(100 100 102 / 15%);
gap: 8px; gap: 8px;
} }