通知事件:
// 商户后台通知
MerchantBackgroundNotice() {// 禁止消息通知弹出多条if(this.notifyInstance) {this.notifyInstance.close();}const h = this.$createElement; // 创建文本节点this.notifyInstance = this.$notify({showClose: false, // 禁止关闭按钮出现title: '订单通知', // 标题position: 'top-left', // 消息通知位置type: 'success', // 带有成功性的通知duration: 0, // 不自动关闭dangerouslyUseHTMLString: true, // 允许自定义HTML片段message: h("div",{style:"padding-top: 10px;height: 90px;",},[h("div", {style: "height: 45px;",},'当前订单已通知商户!'),h("div",{class: 'close_notify', // 自定义class// style: "",on: {click: this.close_notify, // 确定按钮的点击事件},},"确定"),]),});
},
//关闭消息提示
close_notify() {this.notifyInstance.close();
},
// 消息通知显示位置(居中).el-notification.left{top: 15% !important;left: 45% !important;/* transform: translate(-50%, -50%) !important; */
}
.close_notify{color: #fff;cursor: pointer;width: 60px;height: 30px;line-height: 30px;background: rgb(64, 158, 255);text-align: center;position: absolute;bottom: 20px;right: 30px;
}