From 9f4e449a4159c9debf5520a797393bd5df2e5908 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期一, 18 七月 2022 15:01:46 +0800
Subject: [PATCH] css
---
src/components/DailogSearchUser/index.vue | 18 ++++++++++++++++--
1 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/src/components/DailogSearchUser/index.vue b/src/components/DailogSearchUser/index.vue
index 80f82fe..177c84f 100644
--- a/src/components/DailogSearchUser/index.vue
+++ b/src/components/DailogSearchUser/index.vue
@@ -1,5 +1,6 @@
<template>
- <el-dialog v-model="dialogVisible" title="用户选择" width="60%" draggable>
+ <el-dialog v-model="dialogVisible" :fullscreen="full" title="用户选择" width="60%" draggable>
+ <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
<el-row>
<el-col :span="6">
<div class="userTree">
@@ -62,6 +63,7 @@
</template>
<script lang="ts">
import { defineComponent, ref, reactive } from 'vue';
+import { FullScreen } from '@element-plus/icons-vue';
interface Tree {
label: string;
children?: Tree[];
@@ -178,6 +180,15 @@
const openDailog = () => {
dialogVisible.value = true;
};
+ //全屏
+ const full = ref(false);
+ const toggleFullscreen = () => {
+ if (full.value == false) {
+ full.value = true;
+ }else{
+ full.value = false;
+ }
+ };
return {
dialogVisible,
names,
@@ -191,7 +202,10 @@
handleCurrentChange,
radio1,
dynamicTags,
- handleClose
+ handleClose,
+ FullScreen,
+ full,
+ toggleFullscreen
};
},
});
--
Gitblit v1.9.2