diff --git a/packages/toast/src/toast.js b/packages/toast/src/toast.js index 3dce57f45..54a57f124 100644 --- a/packages/toast/src/toast.js +++ b/packages/toast/src/toast.js @@ -3,9 +3,9 @@ import Vue from 'vue'; const ToastConstructor = Vue.extend(require('./toast.vue')); let toastQueue = []; -let getInstance = () => { +const getInstance = () => { if (toastQueue.length > 0) { - let instance = toastQueue[0]; + const instance = toastQueue[0]; toastQueue.splice(0, 1); return instance; } @@ -26,7 +26,6 @@ const removeDom = event => { } }; - var Toast = (options = {}) => { const duration = options.duration || 3000; @@ -41,7 +40,6 @@ var Toast = (options = {}) => { Vue.nextTick(function() { instance.visible = true; instance.$el.removeEventListener('transitionend', removeDom); - instance.timer = setTimeout(function() { if (instance.closed) return; instance.visible = false; diff --git a/packages/zanui-css/src/toast.css b/packages/zanui-css/src/toast.css index 33477d24d..c8063f6f2 100644 --- a/packages/zanui-css/src/toast.css +++ b/packages/zanui-css/src/toast.css @@ -3,9 +3,10 @@ @component-namespace zan { @b toast { position: fixed; + z-index: 3000; border-radius: 5px; background-color: #272727; - opacity: 0.7; + opacity: .7; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0);