Блог

Я установил Laravel 8 с аутентификацией Jetstream. Теперь я хочу изменить компоненты входа, в частности логотип. Где размещены эти компоненты?

Ответ есть в руководстве по установке.

https://jetstream.laravel.com/1.x/installation.html#application-logo

 php artisan vendor:publish --tag=jetstream-views
  

Livewire

Далее вы должны настроить SVG, расположенные в resources/views/vendor/jetstream/components/application-logo.blade.php , resources/views/vendor/jetstream/components/authentication-card-logo.blade.php , и resources/views/vendor/jetstream/components/application-mark.blade.php компоненты.

Инерция

Далее вам следует настроить SVG, расположенные в resources/views/vendor/jetstream/components/authentication-card-logo.blade.php , ресурсы/js/Jetstream/ApplicationLogo.vue и ресурсы/js/Jetstream/ApplicationMark.vue. После настройки этих компонентов вам следует перестроить свои ресурсы:

Я нашел это, выполните следующий шаг.

Вы можете выполнить следующие команды для публикации ресурсов.

 php artisan vendor:publish --tag=jetstream-views
  

После этого файлы будут доступны в папке resources/views/vendor/jetstream/components

Просто добавьте свой собственный html.

Сделайте так,

 <x-slot name="logo">
    <img src="{{ url('logo.png') }}" />
</x-slot>
  

Если вы хотите, чтобы ваш логотип был в вашей базе данных.

Сначала вам нужно выполнить php artisan vendor:publish --tag=jetstream-views эту команду. После этого вам нужно получить resourcesviewsauthlogin.blade.php и заменить <x-jet-authentication-card-logo /> его своим собственным компонентом!

Вы можете сделать это следующим образом: запустите эту команду php artisan make:component AppLogo и создайте свой собственный компонент.

 <?php

namespace AppViewComponents;

use AppModelsGeneralSettings;
use IlluminateViewComponent;

class AppLogo extends Component
{
    public $logo;

    public function __construct()
    {
        $this->logo = GeneralSettings::first()->favicon;
    }

    /**
     * Get the view / contents that represent the component.
     *
     * @return IlluminateContractsViewView|string
     */
    public function render()
    {
        return view('components.home.app-logo');
    }
}

  

После этого вам нужно отредактировать свой resourcesviewscomponentshomeapp-logo.blade.php файл следующим образом;

 <div>
    <img src="{{$logo}}">
</div>

  

После этого вам нужно получить resourcesviewsauthlogin.blade.php и заменить <x-jet-authentication-card-logo /> его своим собственным компонентом! Вот так <x-applogo />

Результат должен быть таким;

 <x-guest-layout>
    <x-jet-authentication-card>
        <x-slot name="logo">
{{--            <x-jet-authentication-card-logo />--}}
            <x-applogo />
        </x-slot>

        <x-jet-validation-errors class="mb-4" />
....
  

Чтобы изменить логотип Jetstream в Laravel 8. Вы должны выполнить 3 шага

• 1. сначала запустите эту команду для создания компонентов
  поставщик php artisan:publish —tag=jetstream-views это создаст view [vendor laraveljetstreamresources views] В
  [resources views vendor jetstream]
• 2.Откройте resourcesviewsvendor jetstream и перейдите к authentication-card-logo.blade
• 3. Создайте свое Svg-изображение из https://www.w3schools.com/graphics/svg_intro.asp или скачать бесплатно с 1: https://freesvg.org Я также меняю свой логотип, делая это