基础调用:$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】等