弹窗UI改造

现在系统弹窗UI风格不统一,有的使用浏览器自带的alert风格,有的使用layui风格,总之风格不统一。现在要改为统一使用layui风格的弹窗样式。

  • 登陆页面弹窗UI改造

1)用户名不能为空改造

找到登录页面对应的jsp文件,如深海豪情风格的登陆页面jsp文件位置为:\xoa\WebRoot\WEB-INF\login\default\index.jsp。

在页面的script标签上引入layui组件:<script src="/lib/layui/layuiadmin/layui/layui.js"></script>。

在登录点击事件代码区,去除alert("请输入用户名!");,新增:

//layer.alert("请输入用户名!");

layer.alert('请输入用户名!', {

    icon: 0,

    shadeClose: true,

    title: '信息提示: '

});

2)错误提示信息改

在相同页面,且引入layui组件的前提下,找到错误提示位置去除相应的alert,添加对应的layui弹窗提醒,示例:

layer.alert('用户名或密码错误(错误代码:100010)', {

    icon: 2,

    shadeClose: true,

    title: '信息提示: '

});

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐