修改Layui表单验证提示框样式

一直以来都认为layui挺好看的,包括它的弹层组件layer,不过今天恰好碰到了layui表单验证弹框的位置和样式不能调整的问题;它的默认样式是这样的:

因为我页面布局的关系,弹框挡住了按钮,所以我决定得修改一下弹框方式,从文档上看,弹框类型是可以修改的,就是给input加上lay-verType属性

我用这种方式试了一下,效果如下

 可惜这种方法只能改变弹框类型,无法设置弹框的位置,我想要弹框的位置显示在右边,所以只好用第二种方式了,那就是改源码。

首先我们要找到form.js,然后搜索i.msg

然后将红框中的内容i.msg(f,{icon:5,shift:6})  改为 i.tips(f, r),搞定,效果图:

  • 6
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

honvin_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值