卡片的用法和说明
基础调用:$Q.card(opts)
opts对象的参数详情参考如下:
var opts = { autoCreate:true,//可选,是否自动创建 hasMask:true,//可选,是否启用mask背景图层 canMove:true,//可选,是否支持移动 title:window.location.host+'提醒',//可选,展示标题 content:"",//必填,默认的卡片展示内容,支持传入为dom与text class:"",//可选,卡片的额外的class名称 format:['head','body','foot'],//可选,卡片格式化 sure:null,//可填写,点击确认按钮触发回调函数 sureText:"确定",//可选,确定按钮展示文本,一旦没有内容则视为隐藏 sureClass:"",//可选,确定按钮额外的classname sureCss:{},//可选,确定按钮额外的自定义样式 cancel:null,//可选,点击关闭触发函数 cancelText:"取消",//可选,取消按钮展示文本一旦没有内容则视为隐藏 cancelClass:"",//可选,取消按钮额外的classname cancelCss:{},//可选,取消按钮额外的样式 zIndex:6,//可选,使用图层的层级 //可选,c,t,r,b,l,tr,tl,br,bl,与none,none是默认的不靠边卡片,这种卡片可以拖拽 position:'none', bgClick:null,//可选,卡片背景点击触发回调函数 bgColor:"",//可选,卡片背景的颜色 width:"auto",//可选,卡片宽度的大小 height:"auto",//可选,高度的大小 maxWidth:'100%',//可选,设置卡片的最大宽度 maxHeight:'100%',//可选,设置卡片的最大高度 box:'body',//可选,设置卡片的盒子元素,如果设置卡片放置到盒子元素之下,默认在body之下 create:null,//可选,创建卡片完成的时候触发 remove:null,//可选,移除当前盒子的时候触发 beforeCancel:null,//可选,关闭卡片的前置操作,自定义处理cancle方法的情况下本函数返回false }
基于卡片的对象都默认继承卡片的属性,基于卡片模块的常用的有【pageload,pagemdi,msg,alert,confirm,prompt】等