Laravel 数据表自定义按钮 CSS

问题描述 投票:0回答:1

我有一个使用 Rappasoft livewire 数据表的 Laravel 应用程序。我已将组件标签上的主题属性设置为“tailwind”,但表格上的“添加新”按钮正在使用 Bootstrap 类“btn btn-primary”。我正在尝试找到可以编辑此内容的位置,但尚未找到该文件或视图。知道在哪里可以找到编辑此按钮的文件吗?

我确实发布了视图,但在那里找不到。我也多次查看文档,但没有看到有关此问题的任何内容。

css laravel twitter-bootstrap tailwind-css laravel-livewire
1个回答
0
投票
  1. 运行 php artisanvendor:publish --tag=livewire:views 命令将 Livewire 的视图文件发布到您的 resources/views/vendor 目录

  2. 导航到 resources/views/vendor/livewire 目录并查找与 Livewire 数据表组件相关的视图文件。它通常被命名为 data-table.blade.php。

  3. 打开 data-table.blade.php 文件并搜索“添加新”按钮的 HTML 标记。可能类似于添加新内容。

  4. 修改按钮的类以匹配您所需的样式。例如,如果您想使用 Tailwind CSS 类,您可以将其更改为 Add New。

  5. 保存文件并刷新您的应用程序以查看更新的按钮样式。

它对我有用

© www.soinside.com 2019 - 2024. All rights reserved.