LayUI默认样式调整

  • 1、Layui 表格一个单元格显示多行数据
.layui-table-cell {
    height: auto;
    text-overflow: inherit;
    overflow: visible;
    white-space: normal;
    word-wrap: break-word;
}
  • 2、Layui表格,单元格宽度溢出,鼠标移入时会出现下拉框,点击时会弹窗显示所有单元格内容,影响美观,可在表格渲染完毕后的done事件中解绑该事件
$('.layui-table-body').off('mouseenter','td');
  • 3、Layui控件会重写当前div(传入layui控件的元素),一些style不会生效,要获取当前控件的兄弟元素或父子元素:
  • <div id="likeLevel' + i + '">' + 这里是控件div,可能在表格里,因此每个元素设置id不方便 + '</div><div style="display:none;">' + 把一个其他地方用到的属性隐藏在这里 +'</div>

    下文中{其他作用域}this.spanthis可以指向控件内的元素,但不能this.next() {this本身是一个包含了当前控件的对象,但不是指向某一个元素,所以this.parent()指向别的地方会报错}

    因此,想要使用旁边元素,可以先指向子元素,在指到父元素:

    this.span.parent().next().text();

 

 

 

posted @ 2019-12-20 16:23  Zdelta  阅读(127)  评论(0编辑  收藏  举报