Revert "更新1"
This reverts commit 53a694be367e0b30a1070e9a72476cf01be8db90.
This commit is contained in:
parent
bc5fa85ba6
commit
332e728ca3
@ -1,7 +1,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { Icon } from '@/components/Icon'
|
import { Icon } from '@/components/Icon'
|
||||||
import { propTypes } from '@/utils/propTypes'
|
import { propTypes } from '@/utils/propTypes'
|
||||||
import { ElDialog, ElContainer, ElAside, ElHeader, ElMain } from 'element-plus'
|
import { Dialog } from '@/components/Dialog'
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
import { useDesign } from '@/hooks/web/useDesign'
|
import { useDesign } from '@/hooks/web/useDesign'
|
||||||
|
|
||||||
@ -14,6 +14,7 @@ defineProps({
|
|||||||
})
|
})
|
||||||
|
|
||||||
const dialogVisible = ref(false)
|
const dialogVisible = ref(false)
|
||||||
|
const dialogTitle = ref('聊天室')
|
||||||
|
|
||||||
const toggleFullscreen = () => {
|
const toggleFullscreen = () => {
|
||||||
dialogVisible.value = true
|
dialogVisible.value = true
|
||||||
@ -24,35 +25,6 @@ const toggleFullscreen = () => {
|
|||||||
<div :class="prefixCls" @click="toggleFullscreen">
|
<div :class="prefixCls" @click="toggleFullscreen">
|
||||||
<Icon :size="18" icon="bi:chat-dots" :color="color" />
|
<Icon :size="18" icon="bi:chat-dots" :color="color" />
|
||||||
|
|
||||||
<ElDialog
|
<Dialog v-model="dialogVisible" :title="dialogTitle" :height="650"><div></div> </Dialog>
|
||||||
v-model="dialogVisible"
|
|
||||||
class="chat-dialog !p-[0px]"
|
|
||||||
:fullscreen="false"
|
|
||||||
destroy-on-close
|
|
||||||
lock-scroll
|
|
||||||
draggable
|
|
||||||
top="8vh"
|
|
||||||
width="839px"
|
|
||||||
:close-on-click-modal="true"
|
|
||||||
:show-close="false"
|
|
||||||
>
|
|
||||||
<div class="flex justify-start h-[708px]">
|
|
||||||
<div class="border-r-solid border-r-1 border-gray-300 w-[200px]"> Aside </div>
|
|
||||||
<div>
|
|
||||||
<div class="h-[200px]">Header</div>
|
|
||||||
<div>Main</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ElDialog>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="less">
|
|
||||||
.chat-dialog .el-dialog__header {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chat-dialog .el-dialog__body {
|
|
||||||
padding: 0px !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user