基于jquery的组件开发-mask

xiaoxiao2021-02-28  87

mask

一个常用的浮层组件,自己写的,基于jquery,业务需求,样式基于支付宝ui规范

mask.js 1.0版本

mask2.js 升级版本

效果截图如下所示:

调用方法如下:

modal式调用

$.mask({ title: 'hello', text: '我是text信息', type: 'normal', //[normal|alert|content] buttons: [{ buttonTxt: '立即开启1', buttonFn: function() { console.log(1) } }, { buttonTxt: '立即开启2', buttonFn: function() { console.log(2) } }] });

内容式调用

$.mask({ title: '请汇款至下方账号:', text: [ '<font color="#888">账户名:</font>上海限公司', '<font color="#888">账户号:</font>0207 000 9455', '<font color="#888">开户号:</font>中国民黄浦支行' ], tips: [ '·汇款时需备注信息:贵公司名称 + 订单金额', '·收款后的2个工作日内将向您的企业账户充值' ], type: 'content', //[normal|alert|content] buttons: [{ buttonTxt: '立即开启1', buttonFn: function() { console.log(1) } }], close: true });

toast式调用

$.mask({ type: 'alert', alertTime: 2000, alertTips: '请汇款至下方账号:' })

源码地址请戳→ http://git.oschina.net/zula_zhu/mask 如果觉得ok,请star一下~~O(∩_∩)O谢谢

转载请注明原文地址: https://www.6miu.com/read-80243.html

最新回复(0)