layuimin添加外部（或第三方）组件---以loading为例

最新推荐文章于 2024-08-16 17:10:14 发布

桔子爱笑

最新推荐文章于 2024-08-16 17:10:14 发布

阅读量1.7k

点赞数

分类专栏： ui

本文链接：https://blog.csdn.net/juziaixiao/article/details/107631817

版权

ui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文详细介绍如何从layui组件网站下载并集成loading组件至layuimini项目。步骤包括：下载组件、解压并复制到指定目录、修改配置文件以启用新模块。通过此教程，开发者可以轻松实现项目的加载效果。

摘要由CSDN通过智能技术生成

1 到layui的组件网站上下载loading组件

链接:https://fly.layui.com/extend/

在这里插入图片描述

2点击下载组件解压到本地后有两个文件夹：

在这里插入图片描述

2.1 进入layui_ext文件夹，将里面的loading文件夹复制到项目目录中**\layuimini\js\lay-module**中
2.2 修改lay-config.js文件再layui.condig中添加模块 loading: ‘loading/loading’,

window.rootPath = (function (src) {
    src = document.scripts[document.scripts.length - 1].src;
    return src.substring(0, src.lastIndexOf("/") + 1);
})();

layui.config({
    base: rootPath + "lay-module/",
    version: true
}).extend({
    miniAdmin: "layuimini/miniAdmin", // layuimini后台扩展
    miniMenu: "layuimini/miniMenu", // layuimini菜单扩展
    miniTab: "layuimini/miniTab", // layuimini tab扩展
    miniTheme: "layuimini/miniTheme", // layuimini 主题扩展
    miniTongji: "layuimini/miniTongji", // layuimini 统计扩展
    step: 'step-lay/step', // 分步表单扩展
    treetable: 'treetable-lay/treetable', //table树形扩展
    tableSelect: 'tableSelect/tableSelect', // table选择扩展
    iconPickerFa: 'iconPicker/iconPickerFa', // fa图标选择扩展
    echarts: 'echarts/echarts', // echarts图表扩展
    echartsTheme: 'echarts/echartsTheme', // echarts图表主题扩展
    wangEditor: 'wangEditor/wangEditor', // wangEditor富文本扩展
    layarea: 'layarea/layarea', //  省市县区三级联动下拉选择器
    loading: 'loading/loading', //  layui loading加载效果
});