Great God Post
1. Layui encapsulates third-party components
2. [Third-party plug-ins] Use layui to extend Select2, a well-known selection box based on jQuery
One: Modify 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";Two: layui use
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 //是否隐藏滚动条
});
});