weui 弹出 $.toast(“我是文本“,“text“)；总是带有图标

在前段代码中引入 weui.css ，weuix.css 和js jquery-weui.min.js就可以使用weui的一些样式了

按照官方的文档中

$.toast("我是文本","text");

弹出的样式应该如下：

但是我在实际中使用弹出的结果却是这个样子：

为什么

原因肯定是weui的样式和其他的样式冲突了

我们看看 $.toast 这一串代码：

t.toast=function(t,a,r){ "function"==typeof a&&(r=a);var o,s="weui-icon-success-no-circle",c=i.duration;"cancel"==a?(o="weui-toast_cancel",s="weui-icon-cancel"):"forbidden"==a?(o="weui-toast--forbidden",s="weui-icon-warn"):"text"==a?o="weui-toast--text":"number"==typeof a&&(c=a),
e('<i class="'+s+' weui-icon_toast"></i><p class="weui-toast_content">'+(t||"已经完成")+"</p>",o),setTimeout(function(){n(r)},c)}

大概能看出来 cancel ，forbidden，text 这些都是一些选项，当选择而不同的时候，出现不同的样式

text 应该是没有图标，为什么有图标了

我在页面上设置100，来查看这个样式

可以看到的是图标来源于这一部分

我们选中 i 这个标签，看右侧使用的样式：

果然是其他的样式干扰的

如果我们引入的其他的css作用不大，我们可以找到直接删除了

或者将 important 删除了

最终结果:

因为这次的样式调试用了很长的时间，特此记录

希望对你有所帮助

weui 弹出 $.toast(“我是文本“,“text“)；总是带有图标相关推荐

H5弹窗，弹出toast（横竖屏通用）
代码如下,亲测好用 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
【wpf】在win10系统上弹出toast和notification
原文:[wpf]在win10系统上弹出toast和notification 老规矩,先看效果右下角的notification: 操作中心的notification: 整体效果: 前提条件 1.需要在 ...
clipboard实现复制粘贴功能,解决复制成功多次弹出问题.
1.引用该js <script type="text/javascript" src="${pageContext.request.contextPath}/mob ...
Android开发遇到手机无法弹出Toast
今天遇到了一个很奇怪的问题,一个很简单的程序,就是点击按钮弹出一个Toast,但在手机上运行起来,却没有正常弹出Toast 第一反应就是看看是否调用了show方法,很显然,并不是这个低级问题,为了确定 ...
layui弹层同时弹出多个
解决layer点击多次(重复)弹出,layuiAdmin点击弹出框叠加弹出多个的问题这个问题其实是疏忽了一些基础参数(仔细看文档,仔细看文档,仔细看文档) 一.type - 基本层类型类型:Nu ...
移动硬盘USB经常无法安全弹出
环境: Win10 专业版绿联移动SSD硬盘盒问题描述: 移动硬盘经常无法安全弹出,提示再使用,关闭资源管理器了还是不行解决方案: 1.关闭移动硬盘窗口和重启资源管理器还是不能弹出(未解决) 2 ...
JavaScript弹出框元素文本输入
JavaScript弹出框元素文本输入通过是否确定或者取消进行判断,利用confirm语法,msg会变成布尔值,确定是true,取消是false,可通过,msg值进行判断 msg=confirm( ...
drcom上网登录窗不弹出_上网登录窗口不弹出怎么办
上网登录窗口不弹出怎么办导读:小编根据大家的需要整理了一份关于<上网登录窗口不弹出怎么办>的内容,具体内容:很多时候上网都要输入登录账号和密码经验证以后才可以上网,但是有的时候电脑不知道 ...
添加删除按钮html代码怎么写,JavaScript添加一个文本框并带有删除按钮
JavaScript添加一个文本框并带有删除按钮属于前端实例代码,有关更多实例代码大家可以查看. 实际操作中可能需要动态的创建和删除一个元素,比较常见是添加一个文本框和一个删除按钮,点击删除按钮可以删 ...

weui 弹出 $.toast(“我是文本“,“text“)；总是带有图标

weui 弹出 $.toast(“我是文本“,“text“)；总是带有图标相关推荐

最新文章

热门文章

weui 弹出 $.toast(“我是文本“,“text“)； 总是带有图标

weui 弹出 $.toast(“我是文本“,“text“)； 总是带有图标相关推荐

最新文章

热门文章

weui 弹出 $.toast(“我是文本“,“text“)；总是带有图标

weui 弹出 $.toast(“我是文本“,“text“)；总是带有图标相关推荐