如何更改Laravel Jetstream应用程序中的徽标

f1tvaqid 于 2023-02-20 发布在其他

关注(0)|答案(2)|浏览(123)

我是新的Laravel，并试图改变标志，在一个Laravel应用程序与Jetstream和惯性。
我已经阅读了Laracasts上的文档和资源，并了解到我需要更新以下文件中的svg（或者可以通过使用html img标记使用png/jpg等）：

application-logo.blade.php
authentication-card-logo.blade.php
application-mark.blade.php

在AppLayout.vue中通过jet-application-mark元素引用徽标：

<div class="flex-shrink-0 flex items-center">
    <inertia-link :href="route('dashboard')">
        <jet-application-mark class="block h-9 w-auto" />
    </inertia-link>
</div>

以及Welcome.vue中的喷气式飞机应用程序徽标元素：

<div>
    <jet-application-logo class="block h-12 w-auto" />
</div>

在上面列出的每个文件中，我都将svg替换为资源的html img：

<img src="{{ asset('images/enhanced-logo.png') }}" />

更改上述文件并重新构建后，原始的Jetstream徽标仍然保留-它唯一工作的地方是在login.blade.php中，以下代码确实拉入了我想要的图像：

<x-slot name="logo">
    <x-jet-authentication-card-logo />
</x-slot>

任何关于我做错了什么的指示都将不胜感激。

laravel

来源：https://stackoverflow.com/questions/65192178/how-to-change-the-logo-in-a-laravel-jetstream-application

2条答案

按热度按时间

ukqbszuj1#

要更改Laravel Jetstream应用程序中的徽标：
Jetstream应用程序中的身份验证视图，无论是哪个堆栈，都是两个堆栈共用的简单刀片视图。要更改身份验证视图的徽标，请编辑resources/views/vendor/jetstream/components/authentication-card-logo.blade.php

<a href="/">
    //Replace the default svg with your own logo svg or an image
    <img src="custom/logo.png" />
</a>

然后根据堆栈

- 惯性叠加**

在中将默认徽标替换为您自己的自定义徽标

资源/js/Jetstream/应用程序徽标. vue
资源/js/Jetstream/应用程序标记. vue

与

<template>
    //Replace the default svg with your own logo svg or an image
    <img src="custom/logo.png" />
</template>

- 火线堆栈**

在中将默认徽标替换为您自己的自定义徽标

resources/views/vendor/jetstream/components/application-logo.blade.php
resources/views/vendor/jetstream/components/application-mark.blade.php

与

//Replace the default svg with your own logo svg or an image
<img src="custom/logo.png" />

赞(0）回复(0）举报 2023-02-20

a8jjtwal2#

由于我使用的是Inertia堆栈，因此需要编辑以下文件：

资源/js/Jetstream/应用程序徽标. vue
资源/js/Jetstream/应用程序标记. vue

其中：

<template>
      <img src="/images/enhanced-logo.png"/>
</template>

以及文件：

resources/views/vendor/jetstream/components/authentication-card-logo.blade.php

其中：

<img src="{{ asset('images/enhanced-logo.png') }}" />

用我的照片替换现有的捷流标志。

赞(0）回复(0）举报 2023-02-20

我来回答

如何更改Laravel Jetstream应用程序中的徽标

2条答案

相关问题

热门标签

最新问答