动态加载资源

未匹配的标注

📖 组件文档请查看 amis ~
🫣 框架论坛




仅支持全局加载, 以下方法只能在 app/admin/bootstrat.php 中使用
前端会在获取配置信息时, 将这些资源加载到页面中


方法

Admin 中提供了以下方法来动态加载资源:


js()

加载 js 资源,支持单个和多个。

// 加载单个js
Admin::js($js);
// 加载多个js
Admin::js([$js1, $js2]);

// eg:
Admin::js('https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/echarts.min.js');
Admin::js([
    'https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/echarts.min.js',
    'https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/extension/bmap.min.js',
]);


css()

加载 css 资源,支持单个和多个。

// 加载单个css
Admin::css($css);
// 加载多个css
Admin::css([$css1, $css2]);

// eg:
Admin::css('https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/echarts.min.css');
Admin::css([
    'https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/echarts.min.css',
    'https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/extension/bmap.min.css',
]);


styles()

加载 style,支持单个和多个。

// 加载单个style
Admin::styles($style);
// 加载多个style
Admin::styles([$style1, $style2]);

// eg:
Admin::styles('.box { color: red; }');
Admin::styles([
    '.box { color: red; }',
    '.box2 { color: blue; }',
]);


script()

加载 script,支持单个和多个。

// 加载单个script
Admin::script($script);
// 加载多个script
Admin::script([$script1, $script2]);

// eg:
Admin::script('console.log("hello world")');
Admin::script([
    'console.log("hello world")',
    'console.log("hello world2")',
]);




😏建议在使用前通读并背诵相关文档: laravelamis ~

常见问题参见 FAQ

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
发起讨论 只看当前版本


暂无话题~