快速提示:Laravel Jetstream 横幅
发布于 作者: Jason Beggs
如果您使用的是 Laravel Jetstream,并且使用的是 Livewire 或 Intertia.js,则脚手架在应用布局中包含一个横幅通知组件,您可以在自己的视图/Livewire/Inertia.js 组件中使用它。可以使用 Laravel 的会话来调度通知。
<?php // ... class ExampleComponent extends Component{ public function submit() { // Do some stuff... session()->flash('flash.banner', 'Yay for free components!'); session()->flash('flash.bannerStyle', 'success'); return $this->redirect('/'); }}
横幅支持默认的“成功”和“危险”样式。如果您想自定义组件的外观,请运行 php artisan vendor:publish --tag=jetstream-views
来发布 Jetstream 视图。然后,如果您使用的是 Livewire,请编辑 banner.blade.php 文件
resources/views/vendor/jetstream/components/banner.blade.php
或者,如果您使用的是 Inertia.js,请编辑 resources/js/Jetstream/Banner.vue
文件!
TALL 技术栈(Tailwind CSS、Alpine.js、Laravel 和 Livewire)顾问,也是 designtotailwind.com 的所有者。