aec3825a3b
- 重构 x-message 组件，支持更多自定义选项 - 添加 artDetail 页面用于展示艺术品详情 - 修改 liveRoom 页面，接入新的消息提示功能- 优化 profile 页面布局，增加去支付按钮 - 调整 home 页面，集成新的消息系统 - 修改 websocket 插件，支持携带 token 认证
64 lines
1.4 KiB
JavaScript
64 lines
1.4 KiB
JavaScript
import { createApp, nextTick } from 'vue'
|
|
import MessagePopup from './index.vue'
|
|
|
|
const message = {
|
|
success(options, duration = 2000) {
|
|
if (process.client) {
|
|
if (typeof options === 'string') {
|
|
this.show({ type: 'success', message: options, duration })
|
|
} else {
|
|
this.show({
|
|
type: 'success',
|
|
...options,
|
|
duration
|
|
})
|
|
}
|
|
}
|
|
},
|
|
error(options, duration = 2000) {
|
|
if (process.client) {
|
|
if (typeof options === 'string') {
|
|
this.show({ type: 'error', message: options, duration })
|
|
} else {
|
|
this.show({
|
|
type: 'error',
|
|
...options,
|
|
duration
|
|
})
|
|
}
|
|
}
|
|
},
|
|
warning(options, duration = 2000) {
|
|
if (process.client) {
|
|
if (typeof options === 'string') {
|
|
this.show({ type: 'warning', message: options, duration })
|
|
} else {
|
|
this.show({
|
|
type: 'warning',
|
|
...options,
|
|
duration
|
|
})
|
|
}
|
|
}
|
|
},
|
|
show(options) {
|
|
if (!process.client) return
|
|
|
|
const container = document.createElement('div')
|
|
document.body.appendChild(container)
|
|
|
|
const app = createApp(MessagePopup, {
|
|
onAfterLeave: () => {
|
|
app.unmount()
|
|
document.body.removeChild(container)
|
|
}
|
|
})
|
|
|
|
const instance = app.mount(container)
|
|
nextTick(() => {
|
|
instance.showMessage?.(options)
|
|
})
|
|
}
|
|
}
|
|
|
|
export { message } |