vue-ui-wl
Version:
vue component
2 lines • 4.43 kB
JavaScript
webpackJsonp([1],{111:function(t,e){},124:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{show:{type:Boolean,default:!1},position:{type:String,default:"middle"},type:{type:String,default:"text"},time:{type:String,default:"3000"},msg:{type:String,default:""}},data:function(){return{toastShow:this.show}},methods:{autoShowHide:function(){this.toastShow=this.show,setTimeout(function(){this.toastShow=!1,this.$emit("toast-hide")}.bind(this),this.time)}},mounted:function(){this.autoShowHide()},watch:{show:function(){this.autoShowHide()}}}},138:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=o(41),n=function(t){return t&&t.__esModule?t:{default:t}}(s);e.default={components:{Toast:n.default},data:function(){return{toast:{show:!0,position:"top",type:"text",time:"2000",msg:"hello vueUI"}}},methods:{toastHide:function(){this.toast.show=!1},showToast:function(t){switch(t){case 1:this.toast={show:!0,position:"middle",type:"text",time:"3000",msg:"默认就是我这样的"};break;case 2:this.toast={show:!0,position:"middle",type:"text",time:"2000",msg:"我显示2s"};break;case 3:this.toast={show:!0,position:"top",type:"text",time:"3000",msg:"我在顶部显示"};break;case 4:this.toast={show:!0,position:"bottom",type:"text",time:"3000",msg:"我在底部显示"};break;case 5:this.toast={show:!0,position:"middle",type:"warn",time:"3000",msg:"我是警告类型的提示"};break;case 6:this.toast={show:!0,position:"middle",type:"cancel",time:"6000",msg:"我是取消类型的提示, 我会展示6s哦"};break;case 7:this.toast={show:!0,position:"middle",type:"cancel",time:"1000",msg:"我只显示1s, 看好了"}}}}}},152:function(t,e,o){t.exports=o(26)},2:function(t,e,o){o(4);var s=o(0)(o(6),o(3),"data-v-12f6e127",null);t.exports=s.exports},26:function(t,e,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}var n=o(1),i=s(n),a=o(55),u=s(a),c=o(5),r=s(c);i.default.config.productionTip=!1,new i.default({el:"#toast",router:r.default,template:"<Toast/>",components:{Toast:u.default}})},3:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("div")},staticRenderFns:[]}},4:function(t,e){},41:function(t,e,o){o(97);var s=o(0)(o(124),o(68),"data-v-52c19bfc",null);t.exports=s.exports},5:function(t,e,o){"use strict";function s(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),i=s(n),a=o(7),u=s(a),c=o(2),r=s(c);i.default.use(u.default),e.default=new u.default({routes:[{path:"/",name:"Index",component:r.default}]})},55:function(t,e,o){o(111);var s=o(0)(o(138),o(82),"data-v-e1816784",null);t.exports=s.exports},6:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={}},68:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("transition",{attrs:{name:"toast"}},[o("div",{directives:[{name:"show",rawName:"v-show",value:1==t.toastShow,expression:"toastShow==true"}],staticClass:"toast",class:{top:"top"===t.position,middle:"middle"===t.position,bottom:"bottom"===t.position}},["cancel"===t.type?o("span",{staticClass:"icon-cancel"}):t._e(),t._v(" "),"warn"===t.type?o("span",{staticClass:"icon-warn"}):t._e(),t._v("\n "+t._s(t.msg)+"\n ")])])},staticRenderFns:[]}},82:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"content"},[o("input",{attrs:{type:"button",value:"默认"},on:{click:function(e){t.showToast(1)}}}),t._v(" "),o("input",{attrs:{type:"button",value:"中部"},on:{click:function(e){t.showToast(2)}}}),t._v(" "),o("input",{attrs:{type:"button",value:"顶部"},on:{click:function(e){t.showToast(3)}}}),t._v(" "),o("input",{attrs:{type:"button",value:"底部"},on:{click:function(e){t.showToast(4)}}}),t._v(" "),o("input",{attrs:{type:"button",value:"警告"},on:{click:function(e){t.showToast(5)}}}),t._v(" "),o("input",{attrs:{type:"button",value:"取消"},on:{click:function(e){t.showToast(6)}}}),t._v(" "),o("input",{attrs:{type:"button",value:"1s消失"},on:{click:function(e){t.showToast(7)}}}),t._v(" "),o("Toast",{attrs:{show:t.toast.show,position:t.toast.position,type:t.toast.type,time:t.toast.time,msg:t.toast.msg},on:{"toast-hide":t.toastHide}})],1)},staticRenderFns:[]}},97:function(t,e){}},[152]);
//# sourceMappingURL=toast.b0eece4f783fbcfd0357.js.map