From cedd1f296cdb1b14cdb4e7d1c5c080e507c7eeb1 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期四, 23 十二月 2021 09:13:30 +0800
Subject: [PATCH] refactor: layouts/default.vue
---
PAMapp/components/popUpFrame.vue | 14 ++++++++------
1 files changed, 8 insertions(+), 6 deletions(-)
diff --git a/PAMapp/components/popUpFrame.vue b/PAMapp/components/popUpFrame.vue
index 57df211..4cee91d 100644
--- a/PAMapp/components/popUpFrame.vue
+++ b/PAMapp/components/popUpFrame.vue
@@ -14,25 +14,27 @@
</template>
<script lang="ts">
- import { Vue, Component, Prop,Emit, Watch, PropSync} from 'vue-property-decorator';
- import { isMobileDevice } from '../assets/ts/device';
+ import { Vue, Component, Prop, Emit, PropSync} from 'vue-property-decorator';
+
+ import UtilsService from '~/shared/services/utils.service';
+
@Component
export default class PopUpFrame extends Vue {
@PropSync('isOpen',{type:Boolean,default:false}) syncIsOpen!:boolean;
- @Prop({default:'30%'}) drawerSize!:string; // element UI drawer default size
+ @Prop({default:'auto'}) drawerSize!:string; // element UI drawer default size
@Prop({default:'50%'}) dialogWidth!:string; // element UI dialog default width
private get isUseDrawer() : boolean {
- return this.syncIsOpen && isMobileDevice();
+ return this.syncIsOpen && UtilsService.isMobileDevice();
}
private set isUseDrawer(value: boolean) {
this.$emit('update:isOpen',value);
}
private get isUseDialog() : boolean {
- return this.syncIsOpen && !isMobileDevice();
+ return this.syncIsOpen && !UtilsService.isMobileDevice();
}
-
+
private set isUseDialog(value: boolean) {
this.$emit('update:isOpen',value);
}
--
Gitblit v1.8.0