整合zui 1.6时,漂浮提示出现问题的原因和修改方法
已结题首先,确定对zui.css和zui.js的正确引用,主要是引用位置。以免造成Jquery冲突。(提示,zui.js的引用在js.html中);
其次,为避免使用最新版zui造成代码大面积的改动,还得大体上沿用OS之前的写法。以登录提示为例,需要修改下面几个文件:
/Public/js/com/com.toast.class.js
/Application/Ucenter/View/Widget/Login/login.html
第一步,com.toast.class.js中:
这是V3版
两个版本标红线的部分,均可以将其修改为:
$.zui.messager.show(text, {placement: 'center', type: 'error'});
注意:需要有$.zui进行调用才行
另外,也可以写成更复杂一点的形式:
$.zui.messager.show(text, {
type: 'default',
icon: 'warning-sign',
placement: 'center',
cssClass: 'toast-mes'
});
另外,在zui v1.6 中,type参数共有'default'|'primary'|'success'|'info'|'warning'|'danger'|'important'|'special'。
具体的参数应用可查看官方文档!
第二步,login.html中,以V3为例:
toast.success('欢迎回来!');
注意:必须加引号
或者:
toast.error(data.info);
注意:不能加引号
其它地方的漂浮消息插件的引用与此类似。。。
请登录后回答