首页天道酬勤vue开发小程序框架vant,vue弹窗组件dialog

vue开发小程序框架vant,vue弹窗组件dialog

张世龙 05-12 03:50 65次浏览

创建toast.js文件。 (图像正在自由搜索,请更改) import { Toast } from 'vant ); VUE.use(toast ); toast.set default options ({ duration :2000 }; //将所有toast设置为2秒//constmytoast=(msg,type=1) )type=1、2、3分别是成功、警告、失败的图标。 默认情况下,成功图标letimgurl=nullif(type==1) imgurl=' http://one tribe.top/Qt/picture/success.png ' } if (type=) if(type==3) imgurl=' http://one tribe.top/Qt/picture/error.png ' } toast ) (消息单)。 导入vue from ' vue '; Vue.prototype.$mytoast=new Vue () vue.prototype.$ mytoast=mytoastexportdefaultmytoast弹窗样式在全局样式设置中/*类型height: 120px; 定位:固定; top:calc(50%-60px ); left:calc(50%-60px ); 文本对齐3360中心; 背景色: # F6 F9 Fe; border-radius: 20px; }.myshowtoastimg { width :80 px; 高: 80px; }行内button @click=' ()={this.$mytoast ('成功',1 ) } '成功/button button @click=' ) )={ this.$ mytoast } 导出默认值{ methods : { go () { mytoast )“成功”); (、)、); /脚本

flutter插件第三方库,flutter组件库Demo