f1e4601f7c
- 新增悬浮窗组件，用于在直播页面显示"回到直播"按钮- 优化直播室侧边按钮，使用新的悬浮窗组件 - 修复商品详情页面的成交价显示问题 - 优化首页拍卖列表的成交价显示 -改进用户主页的拍卖信息展示 - 重构签名面板组件，使用 vue-signature-pad 替代原生实现 - 优化 nuxt 配置，启用 vscode devtools
34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
import { createApp } from 'vue'
|
|
import MinWindow from '@/components/floatingBubble/index.vue'
|
|
|
|
let minWindowInstance = null
|
|
let minWindowApp = null // 新增：保存应用实例
|
|
|
|
// 创建悬浮窗
|
|
export const showMinWindow1 = ( props = {}) => {
|
|
if (process.client){
|
|
const container = document.createElement('div')
|
|
container.className = 'floating-bubble-container' // 添加类名
|
|
document.body.appendChild(container)
|
|
const app = createApp(MinWindow, {
|
|
...props
|
|
})
|
|
|
|
minWindowApp = app // 保存应用实例
|
|
minWindowInstance = app.mount(container)
|
|
return minWindowInstance
|
|
}
|
|
}
|
|
|
|
export const hideMinWindow1 = () => {
|
|
if (!minWindowApp) return
|
|
const cleanup = () => {
|
|
minWindowApp.unmount() // 使用应用实例的unmount方法
|
|
const container = document.querySelector('.floating-bubble-container') // 假设您的容器有这个类名
|
|
container && document.body.removeChild(container)
|
|
minWindowApp = null
|
|
minWindowInstance = null
|
|
}
|
|
|
|
cleanup()
|
|
} |