一个简单的vue-toast/model，适合PC端，匹配typescript。效果默认为屏幕垂直居中位置。新项目需要使用typescript+vue+elementui模式搭建PC项目，一开始踩了很多坑。产品说不想用element-ui提示。我打算用吐司形式。于是自己写了一个pctoast（也可以和ts结合）放上来分享给大家。一开始是自己写的组件，后来想了想。也方便以后使用，于是尝试用npm包上传。Toast源码安装本toast是基于vue的，所以需要在vue环境下安装使用。npmieasytoast-f-vue--save参数//toastcopytext?:string;//Duration(ms)duration?:number;//遮罩背景颜色（支持直接写色号，rgb，rgba，英文单词）background?:string;//吐司背景颜色toastBackground?:string;//吐司文本颜色textColor?:string;//toast文本排列（适用于文本过长时换行）textAlign?:textAlign;//吐司最大宽度（默认400px）max?：数字;//支持html输入(保留允许输入html字符串)content?:string;默认持续时间为2s，默认字体颜色为白色，吐司背景为rgba(0,0,0,.5)如果使用htmlFragments，设置的text参数、textColor参数、textAlign参数和max参数将是无效的。如果使用html片段，它会检查入口的main.js或main.ts中是否有inputscript标签和a标签，importmyToastfrom'easytoast-f-vue'；Vue.use(myToast);然后在需要使用的页面中，//普通文本toastthis.$ftoast({text:'TOAST',background:'rgba(0,0,0,.5)',textColor:'pink',toastBackground:'rgba(255,255,255,1)'})//html样式toastthis.$ftoast({text:'TOAST',background:'rgba(0,0,0,.5)',textColor:'粉红色',toastBackground:'rgba(255,255,255,1)',content:'
蓝字