如何修改 Laravel Spark 侧边栏视图？答案

【问题标题】：How to modify Laravel Spark sidebar view?如何修改 Laravel Spark 侧边栏视图？
【发布时间】：2023-03-03 04:39:01
【问题描述】：

我是第一次在 Laravel 中使用 Spark 进行订阅，现在我想修改 Spark 左侧边栏的一些更改。

我已使用以下命令发布了Spark View 文件，但不知道如何在左侧边栏中放置一些 HTML。

php artisan vendor:publish --tag=spark-lang

【问题讨论】：

您是否对发布的视图进行了更改但未显示？
我不确定是否要在边栏中放置一些 HTML。发布视图文件后，我在 app.blade.php 中获得了这个 HTML。 <body class="font-sans antialiased"> @inertia  <script> window.translations = <?php echo $translations; ?>; {!! file_get_contents($jsPath) !!} </script> </body>
所有的 HTML 都来自 /vendor/laravel/spark-stripe/resources/js/Pages/BillingPortal.vue 文件
从documentation:php artisan vendor:publish --tag=spark-views发布视图，--tag=spark-lang发布本地化文件。然后应该在resources/views/vendor/spark/ 中提供视图
是的。该视图可用，并且在 spark 文件夹中有一个应用刀片文件。具有此 HTML <body class="font-sans antialiased"> @inertia  <script> window.translations = <?php echo $translations; ?>; {!! file_get_contents($jsPath) !!} </script> </body> 的应用内刀片，但如何在侧边栏中添加一些 html？

【解决方案1】：

您无法轻松更改 HTML，但可以修改 resources/lang/spark/en.json 文件中的计费门户文本。该文件旨在用于翻译，但在紧要关头，您可以使用它来更改默认文本。

如果您需要更改 HTML，可以在这个 Vue 文件中找到它：vendor/laravel/spark-stripe/resources/js/Pages/BillingPortal.vue（假设您使用的是 Stripe）。

但是，当您更新软件包时，对该文件的任何更改都将被覆盖，因此最佳做法是复制/分叉该软件包。详情请见these answers。

【讨论】：