fix: 文件格式
This commit is contained in:
parent
ae29fe669a
commit
86b79744cb
@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="chat-container">
|
<div class="chat-container">
|
||||||
<!-- 聊天按钮 -->
|
<!-- 聊天按钮 -->
|
||||||
<div v-if="isCollapsed"
|
<div v-if="isCollapsed"
|
||||||
class="chat-button"
|
class="chat-button"
|
||||||
@mousedown="startDrag"
|
@mousedown="startDrag"
|
||||||
:style="position"
|
:style="position"
|
||||||
>
|
>
|
||||||
@ -13,8 +13,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 聊天面板 -->
|
<!-- 聊天面板 -->
|
||||||
<div v-else
|
<div v-else
|
||||||
class="chat-panel"
|
class="chat-panel"
|
||||||
:style="panelPosition"
|
:style="panelPosition"
|
||||||
@mousedown="startDrag"
|
@mousedown="startDrag"
|
||||||
>
|
>
|
||||||
@ -336,12 +336,10 @@ const startDrag = (event) => {
|
|||||||
|
|
||||||
const handleDrag = (event) => {
|
const handleDrag = (event) => {
|
||||||
if (!isDragging.value) return
|
if (!isDragging.value) return
|
||||||
|
|
||||||
// 使用 requestAnimationFrame 优化性能
|
// 使用 requestAnimationFrame 优化性能
|
||||||
requestAnimationFrame(() => {
|
requestAnimationFrame(() => {
|
||||||
const x = event.clientX - dragOffset.value.x
|
const x = event.clientX - dragOffset.value.x
|
||||||
const y = event.clientY - dragOffset.value.y
|
const y = event.clientY - dragOffset.value.y
|
||||||
|
|
||||||
// 确保按钮不会超出屏幕边界
|
// 确保按钮不会超出屏幕边界
|
||||||
const buttonWidth = 60
|
const buttonWidth = 60
|
||||||
const buttonHeight = 60
|
const buttonHeight = 60
|
||||||
|
@ -1,5 +1,4 @@
|
|||||||
import { createApp } from 'vue'
|
import { createApp } from 'vue'
|
||||||
// import './style.css'
|
|
||||||
import router from './router'
|
import router from './router'
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
|
|
||||||
|
@ -3,7 +3,9 @@ import { defineStore } from 'pinia'
|
|||||||
export const useUserStore = defineStore('user-info',{
|
export const useUserStore = defineStore('user-info',{
|
||||||
state: () => {
|
state: () => {
|
||||||
return {
|
return {
|
||||||
userInfo: {}
|
userInfo: {},
|
||||||
|
authList: [],
|
||||||
|
menuList: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
actions: {
|
actions: {
|
||||||
@ -12,6 +14,11 @@ export const useUserStore = defineStore('user-info',{
|
|||||||
},
|
},
|
||||||
clearInfo() {
|
clearInfo() {
|
||||||
this.userInfo = {}
|
this.userInfo = {}
|
||||||
|
},
|
||||||
|
logout() {
|
||||||
|
this.userInfo = {}
|
||||||
|
this.authList = []
|
||||||
|
this.menuList = []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
getters: {
|
getters: {
|
||||||
|
@ -2,7 +2,6 @@
|
|||||||
<div class="layout-container">
|
<div class="layout-container">
|
||||||
<!-- 侧边菜单 -->
|
<!-- 侧边菜单 -->
|
||||||
<div class="sidebar" :class="{ 'collapsed': isCollapsed }" @mouseenter="expandMenu" @mouseleave="collapseMenu">
|
<div class="sidebar" :class="{ 'collapsed': isCollapsed }" @mouseenter="expandMenu" @mouseleave="collapseMenu">
|
||||||
<!-- <SideMenu :is-collapsed="isCollapsed" :menu-items="menuItems" /> -->
|
|
||||||
<!-- 侧边面板 -->
|
<!-- 侧边面板 -->
|
||||||
<SidePanel :is-collapsed="isCollapsed" :menu-items="menuItems" logo="jifuyun.cn.png" />
|
<SidePanel :is-collapsed="isCollapsed" :menu-items="menuItems" logo="jifuyun.cn.png" />
|
||||||
</div>
|
</div>
|
||||||
@ -18,7 +17,6 @@
|
|||||||
<router-view></router-view>
|
<router-view></router-view>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<chat-window v-if="isLoggedIn"></chat-window>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -29,7 +27,6 @@
|
|||||||
import { removeToken } from '@/utils'
|
import { removeToken } from '@/utils'
|
||||||
import SidePanel from '@/components/SidePanel.vue'
|
import SidePanel from '@/components/SidePanel.vue'
|
||||||
import HeaderBar from '@/components/HeaderBar.vue'
|
import HeaderBar from '@/components/HeaderBar.vue'
|
||||||
import ChatWindow from '@/components/ChatWindow.vue'
|
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const userStore = useUserStore()
|
const userStore = useUserStore()
|
||||||
|
Loading…
Reference in New Issue
Block a user