gtsoft/gtsoft-snail-job-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: <OperateDrawer>添加:min-size参数

Browse Source
This commit is contained in:
dhb52 2024-05-18 23:50:01 +08:00
parent 11373dc904
commit c1f3891eda
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/common/operate-drawer.vue
View File

@ -7,9 +7,10 @@ defineOptions({
}); });
interface Props { interface Props {
title?: string; title: string;
minSize?: number;
} }
const props = defineProps<Props>(); const props = withDefaults(defineProps<Props>(), { minSize: 360 });
interface Emits { interface Emits {
(e: 'update:modelValue', modelValue: boolean): void; (e: 'update:modelValue', modelValue: boolean): void;
@ -25,8 +26,8 @@ const appStore = useAppStore();
const state = reactive({ width: 0 }); const state = reactive({ width: 0 });
const isFullscreen = ref(false); const isFullscreen = ref(false);
const drawerWidth = computed(() => { const drawerWidth = computed(() => {
const maxMinWidth = 360; const maxMinWidth = props.minSize;
const maxMaxWidth = 600; const maxMaxWidth = Math.max(props.minSize, 600);
if (appStore.isMobile) { if (appStore.isMobile) {
return state.width * 0.9 >= maxMinWidth ? `${maxMinWidth}px` : '90%'; return state.width * 0.9 >= maxMinWidth ? `${maxMinWidth}px` : '90%';
} }