README

此包为您 Laravel Livewire 项目添加全局加载旋转器。当任何 Livewire 动作正在执行时，旋转器会显示出来。这可以让用户保持参与感，因为他们不会因为网络延迟而导致页面挂起而感到沮丧。它还可以使您的代码更加简洁，因为您不需要在所有地方添加加载旋转器。

文档

需要此包

composer require bastinald/laravel-livewire-loader

将 livewire:loader 组件添加到您的应用程序布局视图

<livewire:loader/>
<livewire:scripts/>
<script src="{{ asset('js/app.js') }}"></script>

在您的应用程序 JavaScript 文件中引入 ../../vendor/bastinald/laravel-livewire-loader/resources/js/loader

require('@popperjs/core');
require('bootstrap');
require('../../vendor/bastinald/laravel-livewire-loader/resources/js/loader');

通过发布配置文件来自定义加载器配置

php artisan vendor:publish --tag=laravel-livewire-loader:config

现在您可以轻松地更改显示延迟和动画速度等设置。

通过发布视图文件使用您自己的加载器视图

php artisan vendor:publish --tag=laravel-livewire-loader:views

现在编辑 resources/views/vendor/laravel-livewire-loader 内部的视图文件。此包将使用此视图来渲染组件。