优化软件内文本悬浮提示

This commit is contained in:
lyswhut
2020-09-29 10:37:41 +08:00
parent 2f528d2a03
commit 37de0b59c3
20 changed files with 277 additions and 96 deletions
+30
View File
@@ -0,0 +1,30 @@
import Tips from './Tips.vue'
import Vue from 'vue'
const TipsConstructor = Vue.extend(Tips)
export default ({ position, message } = {}) => {
if (!position) return
let instance = new TipsConstructor().$mount(document.createElement('div'))
// Tips实例挂载到刚创建的div
// 属性设置
instance.visible = true
instance.message = message
instance.position.top = position.top
instance.position.left = position.left
// 将Tips的DOM挂载到body上
document.body.appendChild(instance.$el)
instance.cancel = () => {
instance.visible = false
instance = null
}
instance.setTips = tips => {
instance.message = tips
}
return instance
}