漂亮可定制的 JavaScript 弹窗 SweetAlert2

MIT
JavaScript
跨平台
2017-08-07
王练

SweetAlert2 是一个漂亮、响应式、可定制、易用的(WAI-ARIA) JavaScript 弹窗(弹出框)。无任何依赖。


安装

npm install --save sweetalert2

或:

bower install --save sweetalert2

也可从 CDN 直接下载:cdnjs.com/limonte-sweetalert2

使用

<script src="bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" type="text/css" href="bower_components/sweetalert2/dist/sweetalert2.min.css">

<!-- Include a polyfill for ES6 Promises (optional) for IE11, UC Browser and Android browser support -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>

或:

// ES6 Modules or TypeScript
import swal from 'sweetalert2'

// CommonJS
const swal = require('sweetalert2')

注意:支持 TypeScript ,因此不必安装第三方声明文件。

的码云指数为
超过 的项目
加载中
此软件有 16 条评论,请先登录后再查看。

暂无资讯

暂无问答

sweetalert2使用教程

背景: 项目的开发中经常会遇到弹窗的问题,但是我们用到的弹窗都特别low,而且网上找了一下,发现easy-ui以及layer对应的弹窗都不是我想要的,后来发现sweetalert,发现评论还不错,所以个人...

2019/11/28 17:19
44
0
SweetAlert2 弹窗

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>SweetAlert2</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=...

2018/01/16 02:02
22
0
sweetalert2 全面替代 alert ,从 sweetalert2 弹出 text 到 弹出 Dom 以及模态框和取消 sweetalert2 的 OK 按钮

1. 简易基本版 sweetalert 涵盖日常基本的弹出及对话框 2. 升级版本 sweetalert2 满足常见开发工作中的各种要求 3 取消 OK 按钮, 只需要设置 showConfirmButton: false, Swal({ ...

2018/07/12 00:01
15
0
SweetAlert2模态窗的使用

SweetAlert2是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框,它提供各种参数和方法,支持嵌入图片,背景,HTML标签等,并提供5种内置的情景类,功能非...

2019/09/10 16:29
23
0
用过的前端插件合集

用过的前端插件合集 FontAwesome字体 Font Awesome 详细用法参见上述站点的Examples。 SweetAlert系列 SweetAlert SweetAlert2 SweetAlert 到 SweetAlert2 升级指南 SweetAlert2快速部署 ht...

2019/07/01 19:32
21
0
sweetAlert1 设置弹窗宽度,及使用自定义样式

sweetAlert1不像sweetAlert2那样可以通过width属性来配置弹窗的宽度。但是可以通过customClass属性来配置自定义样式 1、如何使用自定义样式 swal({ title: "漂亮!", text: "这是自定...

2018/03/02 14:44
51
0
Front_end - - Bootstrap框架

目录 Bootstrap介绍 为什么要使用Bootstrap? Bootstrap下载 Bootstrap环境搭建 Bootstrap全局样式 常用Bootstrap组件 响应式开发 JavaScript插件 Bootstrap实例精选 1, Bootstrap介绍 Boot...

2018/11/20 17:20
34
0
Vue实战之插件 sweetalert 的使用

安装 npm install sweetalert2@7.15.1 --save 封装 sweetalert import swal from 'sweetalert2' export default { install: (Vue) => { // sweetalert2 的设置默认配置的方法 swal.setDefaul...

2019/06/08 00:35
36
0
web前端【第十四篇】Bootstrap简单使用

一、一个小知识点 1、截取长屏的操作 2、设置默认格式 3、md,sm, xs 4、空格和没有空格的选择器 二、响应式介绍 - 响应式布局是什么?   同一个网页在不同的终端上呈现不同的布局等 - 响...

2018/02/20 18:46
15
0
常用的前端开发插件与工具合集

常用的前端开发插件与工具合集 Font Awesome字体图标插件 Font Awesome的矢量图标,将使您的网站在视网膜级的高分屏上大放异彩。 完美兼容其它框架 尽管是为Bootstrap设计,但Font Awesome同样...

2019/08/01 22:24
11
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部