工具集文档 - layui.util

我们将一些工具性元素放入 util 模块中,以供选择性使用。其内部由多个小工具组件组成,他们也许不是必须的,但很多时候却能为你的页面提供良好的辅助作用。

模块加载名称:util

layui.use('util', function(){
  var util = layui.util;
  
  //使用内部工具组件
  util.fixbar();
});
      

看到页面右下角的那个包含top的bar了吗?对,就是她。她通常会出现在那个固定位置,由两个可选的bar和一个默认必选的TopBar组成。

语法:util.fixbar(options)
其中参数 options 是一个对象,可支持的key如下表:

参数 类型 描述
bar1 boolean/string 默认false。如果值为true,则显示第一个bar,带有一个默认图标。
如果值为图标字符,则显示第一个bar,并覆盖默认图标
bar2 boolean/string 默认false。如果值为true,则显示第二个bar,带有一个默认图标。
如果值为图标字符,则显示第二个bar,并覆盖默认图标
bgcolor string 自定义区块背景色
css object 你可以通过重置bar的位置,比如 css: {right: 100, bottom: 100}
click function 点击bar的回调,函数返回一个type参数,用于区分bar类型。
支持的类型有:bar1、bar2、top
util.fixbar({
  bar1: true
  ,click: function(type){
    console.log(type);
    if(type === 'bar1'){
      alert('点击了bar1')
    }
  }
})
      

嗯,对的,目前util模块中的组件只有这么多了,会逐步添加的。如果你有好的建议记得告诉我们。

Layui - 用心与你沟通