基于Vue2.0的手机弹出窗口(提醒、确认、吐司)组件详细说明

WC-消息框

基于vue 2.0开发的插件包含了一些模仿iOS原生UI(风格来源： MUI)的Alert、Confirm、Toast、Prompt的思路

刚开始的时候想用现成的弹出组件，但是搜索后没有找到合适的项目，就自己开发了一个，包括Alert、Comfirm、Toast、Prompt，可以单独介绍。

其实Vue的组件开发是比较简单的。如果有兴趣，可以看看源代码实现，步骤很清楚。

关于风格的问题直接取自MUI(魅族开发)，模仿iOS的效果。

翻译

这幅画是一幅动人的画.我不能移动它，只要点击它。

安装

NPM I WC-消息框-保存快速启动

从' wc-messagebox '导入{Alert，Confirm，Toast}导入' WC-messagebox/style . CSS ' Vue . use(Alert，options)Vue.use(Confirm，options)Vue.use(Toast，options)用法

这个。$ alert (text，options) options={title : ' '，//默认无标题BTN : {text : ' '，style : { ' Backgroun-color ' 3360 ' red '，Font-size' :' 20px '，' color' :' blue'}}此。$ confirm (text，options) options={title : ' '，//默认无标题yes: {text:' OK '，Style : {}，no : {text :' cancel '，style : { } } } this。$ toast(文本，选项)；options={ position : ' bottom '//' bottom ' | ' center '，duration :' 1500'}其他

提醒，确认返回承诺支持连锁电话。

这个。$ confirm(文本)。然后(成功)。捕获(失败)项目地址

项目地址

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。