7

我安装了带有 Jetstream 身份验证的 Laravel 8。现在我想更改登录组件，特别是徽标。这些组件放置在哪里？

4

5 回答 5

5

安装教程中有答案。

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

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

活线

接下来，您应该自定义位于 resources/views/vendor/jetstream/components/application-logo.blade.php、resources/views/vendor/jetstream/components/authentication-card-logo.blade.php 和 resources 中的 SVG /views/vendor/jetstream/components/application-mark.blade.php 组件。

惯性

接下来，您应该自定义位于 resources/views/vendor/jetstream/components/authentication-card-logo.blade.php、resources/js/Jetstream/ApplicationLogo.vue 和 resources/js/Jetstream/ApplicationMark.vue 中的 SVG。自定义这些组件后，您应该重建资产：

于 2020-09-27T19:31:01.907 回答
3

我找到了这个，请按照以下步骤操作。

您可以运行以下命令来发布资产。

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

之后文件将在文件夹下可用resources/views/vendor/jetstream/components

于 2020-09-27T19:23:37.757 回答
3

只需添加您自己的html。

这样做，

<x-slot name="logo">
    <img src="{{ url('logo.png') }}" />
</x-slot>
于 2021-04-08T18:56:18.383 回答
2

如果您想在数据库中获取您的徽标。

您需要先运行php artisan vendor:publish --tag=jetstream-views此命令。之后，您需要获取resources\views\auth\login.blade.php并<x-jet-authentication-card-logo />用您自己的组件替换它！

你可以这样做，运行这个命令php artisan make:component AppLogo并创建一个你自己的组件。

<?php

namespace App\View\Components;

use App\Models\GeneralSettings;
use Illuminate\View\Component;

class AppLogo extends Component
{
    public $logo;

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

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

之后，您需要resources\views\components\home\app-logo.blade.php像这样编辑文件；

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

之后，您需要获取resources\views\auth\login.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" />
....
于 2020-12-19T20:28:56.113 回答
1

在 Laravel 8 中更改 Jetstream 徽标。你必须做3个步骤

  • 1.首先运行此命令生成组件
    php artisan vendor:publish --tag=jetstream-views 这将生成视图 [\vendor\laravel\jetstream\resources\views] 到
    [\resources\views\vendor\jetstream]
  • 2.打开 \resources\views\vendor\jetstream 并移动到 authentication-card-logo.blade
  • 3.从https://www.w3schools.com/graphics/svg_intro.asp创建您的 Svg 图像或从1：https ://freesvg.org 免费下载我也通过这样做来更改我的徽标这是jetstreme的登录页面
于 2021-07-08T08:53:10.270 回答