资讯专栏INFORMATION COLUMN

弹出框美化 alert样式美化

niuxiaowei111 / 2911人阅读

摘要:引用和就可以直接用以下接口调用文末附完整代码带标题带标题这是效果带图标这是效果带标题带图标带标题带图标这是效果无标题无图标这是效果无标题是否要取消关注取消成功带标题是否要取消关注温馨提醒取消成功新浪微博默认秒消失已取消关注自定义时间秒已取消

引用style.css和ui.js就可以直接用以下接口调用!(文末附完整代码)

alert_带标题:

mizhu.alert("alert_带标题", "这是alert效果");

alert_带图标:

mizhu.alert("", "这是alert效果","alert_red");

alert_带标题带图标:

mizhu.alert("alert_带标题带图标", "这是alert效果","alert_green");

alert_无标题无图标:

mizhu.alert("", "这是alert效果");

confirm_无标题:

mizhu.confirm("", "是否要取消关注?", function(flag) {
    if(flag) {
        mizhu.alert("", "取消成功");
    }
});   

confirm_带标题:

mizhu.confirm("", "是否要取消关注?", function(flag) {
    if(flag) {
        mizhu.alert("温馨提醒", "取消成功");
    }
});  

open:

mizhu.open(600, 400, "新浪微博", "http://weibo.com/yuanyuanforlove");

toast_默认3秒消失:

mizhu.toast("已取消关注");

toast_自定义时间(6秒):

mizhu.toast("已取消关注", 6000);

下载Demo:

http://files.cnblogs.com/files/yuanxiaojian/alert.rar

本人参考了http://www.cnblogs.com/kewei/... 进行修改和美化,增加了一些自定义开关,后续会继续更新。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81259.html

相关文章

  • 出框美化 alert样式美化

    摘要:引用和就可以直接用以下接口调用文末附完整代码带标题带标题这是效果带图标这是效果带标题带图标带标题带图标这是效果无标题无图标这是效果无标题是否要取消关注取消成功带标题是否要取消关注温馨提醒取消成功新浪微博默认秒消失已取消关注自定义时间秒已取消 showImg(https://segmentfault.com/img/bVIm3c?w=289&h=361); 引用style.css和ui....

    BLUE 评论0 收藏0
  • Element组件引发的Vue中mixins使用,写出高复用组件

    摘要:我们就来说说如何创建一个灵活的高复用的组件。在一款优秀的组件库中有这么两个组件与。什么是官方说法混入是一种分发组件中可复用功能的非常灵活的方式。对象可以包含实例中的所有选项,当组件使用对象时,对象中的所有选项将和组件中的选项进行合并。 我们都知道 Vue 采用的是一种组件化开发模式,组件在 Vue 中一个非常重要的核心概念。每个组件都是一个完整的实例,组件的创建,组件间的通讯,组件如何...

    AlphaGooo 评论0 收藏0
  • zhilizhili-ui 2016始动 移动端select美化

    摘要:移动端样式不统一问题如何解决用不过弹出层是不可以的但是展示的地方可以就像如图我们找个设计然后你就可以开始做了首先会导致一些不对的地方不可以单独使用其实我们发现我们需要这样一个 移动端 select 样式不统一问题如何解决 用css 不过弹出层是不可以的 但是展示的地方可以 就像如图showImg(https://segmentfault.com/img/bVrWCb); 我们找个设计s...

    dreamtecher 评论0 收藏0
  • HTML5上传图片文件(含拖拽、预览、上传、美化

    摘要:本文讲细分讲述图片上传预览等。对象的类数组序列考虑多文件上传或者从桌面拖动目录或文件。可将文件分割为字节范围。 欢迎交换友链 Lakers Blog--进击的程序媛Github:https://github.com/younglaker微博: 江小湖Laker showImg(https://segmentfault.com/img/bVuO9f); 上篇文章讲了如何上传文件。本文讲...

    JackJiang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<