sweetAlert1不像sweetAlert2那样可以通过width属性来配置弹窗的宽度。但是可以通过customClass属性来配置自定义样式
1、如何使用自定义样式
swal({
title: "漂亮！",
text: "这是自定义图标。",
imageUrl: "images/thumbs-up.jpg" ,
customClass: "sweetAlert sweetAlert2"
});
其中的sweetAlert和sweetAlert2就是在CSS样式中定义的样式类，多个类中间使用空格隔开
2、使用自定义样式设置弹窗的宽度为22em
.sweetAlert {
width: 22em;
margin: 0 auto;
left: 0;
right: 0;
}
sweetAlert1不像sweetAlert2那样可以通过width属性来配置弹窗的宽度。但是可以通过custo...
SYAlertView自定义弹窗子视图UI根据UI设计需求，自定义各种样式的弹窗子视图： 自定义UI及样式 自定义...
自定义dialog类 dialog样式 调用方式 dialog设置宽度全屏，要设置在show的后面 错误不足之处或...
自定义的titleView通过initWithFrame创建，设置宽度无效 使用Masonry设置navigati...
1、先在一个独立的form中自定义好弹窗样式及内容 2、在想使用弹窗的界面中，找到要触发弹窗的事件中进行引入该弹窗...
自定义密度 自定义断线宽度 自定义圆角样式 样式： 调用： 封装代码：
样式设置问题： 当我们使用自定义组件的时候，在父组件中给自定义的组件设置样式会发现无效，设置如下： 本质上是对于引...
需求: 插槽为动态, 可以在使用页面自行设置 可以自定义设置每个tab的样式, 也可以设置容器的样式 如果tab太...
设置宽度固定自动换行我使用的是样式：word-break:break-all代码部分： 这样就能实现宽度固定，内容...
微信小程序开发使用计算样式calc的坑 （calc设置无效）wxss样式中如果要使用calc计算宽度或高度需要注意...
本文标题：sweetAlert1 使用自定义样式设置弹窗宽度
本文链接：https://www.haomeiwen.com/subject/qdulfftx.html
网友评论