joylink/rts-sim-testing-client
6
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

dialog调整

Browse Source
This commit is contained in:
fan 2024-04-19 20:38:01 +08:00
parent e5336ed74e
commit eaf84b5fe6
1 changed files with 39 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/common/DraggableDialog.vue
View File

@ -16,11 +16,12 @@
}" }"
style="max-width: 2000px" style="max-width: 2000px"
> >
<q-scroll-area <!-- <q-scroll-area
v-if="props.height"
id="draggable-dialog-scroll" id="draggable-dialog-scroll"
:style="`width: ${props.width}px;height: ${props.height}px`" :style="`width: ${props.width}px;height: ${props.height}px`"
style="max-height: 90vh" style="max-height: 90vh"
> > -->
<div style="position: sticky; top: 0px; z-index: 9"> <div style="position: sticky; top: 0px; z-index: 9">
<q-bar <q-bar
ref="headerRef" ref="headerRef"
@ -44,19 +45,21 @@
<q-btn dense flat icon="sym_o_close" v-close-popup></q-btn> <q-btn dense flat icon="sym_o_close" v-close-popup></q-btn>
</q-bar> </q-bar>
</div> </div>
<q-scroll-area
v-if="props.height"
id="draggable-dialog-scroll"
:style="`width: ${props.width}px;height: ${props.height}px`"
style="max-height: calc(90vh - 100px)"
>
<slot></slot> <slot></slot>
</q-scroll-area>
<div :style="`width: ${props.width}px`">
<slot name="footer"></slot> <slot name="footer"></slot>
</div>
<div <div
:style="`width: ${props.width}px`" :style="`width: ${props.width}px`"
style="position: sticky; bottom: 0px" style="position: sticky; bottom: 0px"
> >
<slot name="sticky-footer"></slot> <slot name="sticky-footer"></slot>
</div> </div>
</q-scroll-area>
</q-card> </q-card>
</q-dialog> </q-dialog>
</template> </template>