Layui集成第三方插件nicescroll

大神贴

1、layui 封装第三方组件 
2、【第三方插件】使用 layui 扩展 Select2 ，基于jQuery的知名选择框

一：修改nicescroll   github

/* jquery.nicescroll
-- version 3.7.6
-- copyright 2017-07-19 InuYaksa*2017
-- licensed under the MIT
--
-- https://nicescroll.areaaperta.com/
-- https://github.com/inuyaksa/jquery.nicescroll
--
*/

/* jshint expr: true */

(function (factory) {
  if (typeof define === 'function' && define.amd) {
    // AMD. Register as anonymous module.
    define(['jquery'], factory);
  } else if (typeof exports === 'object') {
    // Node/CommonJS.
    module.exports = factory(require('jquery'));
  }else if (window.layui && layui.define) {  //layui加载
    layui.define('jquery',function (exports) {
          exports('nicescroll', factory(layui.jquery));
        });
  } else {
    // Browser globals.
    factory(jQuery);
  }
}(function (jQuery) {

  "use strict";

二：layui使用

layui.config({
    base:'lib/nicescroll/jquery.'  //实际调用的js文件为 base+nicescroll.js。需根据实际情况修改
}).use(['nicescroll'], function() {
    //代码
    var $ = layui.jquery;
    //美化滚动条
    $(".flow-default").niceScroll({
	    cursorcolor: "#5B76A1", //#CC0071 光标颜色
	    cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
	    touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
	    cursorwidth: "5px", //像素光标的宽度
	    cursorborder: "0", // 	游标边框css定义
	    cursorborderradius: "5px", //以像素为光标边界半径
	    autohidemode: false //是否隐藏滚动条
    });
});