小编new*_*aux的帖子

我正在使用tabsdaisyUI 来显示一组提升的选项卡。

然而，选项卡“下划线”在最后一个选项卡之后停止，我希望它一直继续到 div 的边缘。

有没有一种简单的方法可以实现这一目标？

<div class="tabs">
    <a class="tab tab-lifted tab-active" wire:click="omitted" id="tab1">Tab1</a>
    <a class="tab tab-lifted" wire:click="omitted" id="tab2">Tab2</a>
    <a class="tab tab-lifted" wire:click="omitted" id="tab3">Tab3</a>
    <a class="tab tab-lifted" wire:click="omitted" id="tab4">Tab4</a>
    <a class="tab tab-lifted" wire:click="omitted" id="tab5">Tab5</a>
</div>

我有一个 Laravel + Livewire 应用程序，我正在尝试为生产构建它。

我可以成功运行./vendor/bin/sail npm run build：

./vendor/bin/sail npm run build\n\n> build\n> vite build\n\nvite v3.2.7 building for production...\ntransforming (19) node_modules/axios/lib/helpers/buildURL.js\n daisyUI components 2.52.0  https://daisyui.com\n  \xe2\x9c\x94\xef\xb8\x8e Including:  base, components, 2 themes, utilities\n  \xe2\x9d\xa4\xef\xb8\x8e Support daisyUI:  https://opencollective.com/daisyui \n  \n\xe2\x9c\x93 60 modules transformed.\npublic/build/manifest.json             0.25 KiB\npublic/build/assets/app.bf5ec64f.css   80.27 KiB / gzip: 12.73 KiB\npublic/build/assets/app.8c40d1a4.js    143.69 KiB / gzip: 51.52 KiB\n

使用 @vite 指令将资源加载到刀片布局中：

...\n{{-- Scripts --}}\n@vite([\'resources/css/app.css\', \'resources/js/app.js\'])\n...\n

然而，当我查看页面源代码时，我可以看到它仍然引用端口 5173（这将是 vite 开发服务器）：

<script type="module" src="http://localhost:5173/@vite/client"></script><link rel="stylesheet" href="http://localhost:5173/resources/css/app.css" …