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

论坛 期权论坛 脚本     
匿名技术用户   2021-1-5 14:45   33   0

在前段代码中引入 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 删除了

最终结果:

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

希望对你有所帮助

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP