co-dialog弹出框组件使用教程

coog.app(".base").use("这是一个基础的弹出框").show()

coog.app(".alert").use(
 "标题",
 "这是一个CoDialog组件",
 "OK"
).show()

coog.app(".try-drag").use({
    title: "拖动-isDrag",
    message: "请尝试拖动窗口",
    isDrag: true,
}).show()

coog.app(".layout-right-bottom").use({
    title: "布局-layout",
    message: "这是一个layout布局，靠右下角显示的弹出框",
    layout: "right bottom",
}).show()

coog.app(".timeout").use({
    title: "超时-timeout",
    message: "超时自动关闭",
    timeout: 2000,
}).show()

coog.app(".show-cancle").use({
    title: "取消-show-cancle",
    message: "显示取消按钮和功能",
    showCancleButton: true,
    isGesture: true,
    isDrag: true,
}).show()

coog.app(".custom").use({
    isGesture: true,
    isDrag: true,
    onHeaderBefore: function  () {
     this.innerHTML = "<span ref='top'>顶部</span>"
   },
    onBodyBefore: function  () {
     this.innerHTML = "<span ref='middle'>中间</span>"
   },
    onFooterBefore: function  () {
     this.innerHTML = "<span ref='bottom'>底部</span>"
   },
    methods: function  () {
     this.header.$refs.top.style.color =  "#4E5198"
     this.body.$refs.middle.style.color =  "#4E5198"
     this.footer.$refs.bottom.style.color =  "#4E5198"
   }
}).show()

coog.app(".customAnimation").use({
    title: "自定义动画-customAnimation",
    message: "基于animated.css类实现自定义动画",
    isClose: true,
    layout: "center",
    isDrag: true,
    animation: false,
    customAnimation: "slideInDown",
}).show()

coog.app(".confirmCallback").use({
    title: "确认回调-confirmCallback",
    message: "你想清除确认回调函数吗？",
    showCancleButton: true,
    confirmCallback: function  () {
     coog.app(".confirm-clear-callback").use("你已确定清除").show()
   },
}).show()

coog.app(".theme-purple").use({
    title: "紫色主题-purple-theme",
    message: "Your have seen the purple theme",
    layout: "right top",
    isGesture: true,
    isDrag: true,
    titleColor: "#4E5198",
    closeColor: "#4E5198",
    showCancleButton: true,
    confirmButtonBackground: "#4E5198",
    cancleButtonText: "Confirm",
    confirmButtonText: "Cancle",
}).show()