README

Описание

本包包含将 tailwindcss 和 livewire 连接到 Laravel 空项目的配置。分为主网站和后台管理面板的样式。在 tailwindcss-theme.php 文件中有默认样式页面 /styles 的设置，在 prod 模式下运行应用程序时需要禁用 showStylesPage 页面。此外，有三个主要模板：app、admin 和 auth。默认情况下，auth 使用 admin 的样式。

定义了样式（以 Bootstrap 为基础，取用常用元素）

• 主题的主要颜色（浅色、深色、成功、危险、警告、信息、主要、次要）
• 按钮（颜色、类型、大小）
• 表单元素
• 卡片，类似于 Bootstrap，但选项较少
• 下拉菜单
• 对话框模态框
• 侧边栏模态框
• 分页（两个模板，用于 livewire 和常规分页）
• 表格

安装

首先需要在应用程序中创建主要模板的组件

php artisan vendor:publish --provider="Aweram\TailwindcssTheme\TailwindcssThemeServiceProvider" --tag="layout-components"

要连接样式，需要替换项目文件：package.json、tailwind.config.js、vite.config.js、app.css、app.js。命令将替换文件并添加新文件

php artisan vendor:publish --provider="Aweram\TailwindcssTheme\TailwindcssThemeServiceProvider" --tag="frontend" --force

要添加包中包含的图像

php artisan vendor:publish --provider="Aweram\TailwindcssTheme\TailwindcssThemeServiceProvider" --tag="images"

要编辑后台管理面板中的菜单，需要重写文件

php artisan vendor:publish --provider="Aweram\TailwindcssTheme\TailwindcssThemeServiceProvider" --tag="changable"

安装包并启动

npm install
npm run dev

启动最终构建

npm run build

如果需要更改主要模板，需要将它们复制到应用程序中

php artisan vendor:publish --provider="Aweram\TailwindcssTheme\TailwindcssThemeServiceProvider" --tag="layout-views"

Auth

本包包含授权视图。要使用它们，可以安装 Fortify。

composer require laravel/fortify
php artisan vendor:publish --provider="Laravel\Fortify\FortifyServiceProvider"

要连接视图，需要将 App\Providers\FortifyServiceProvider::class, 添加到 app.php。在 fortify.php 中禁用注册页面，因为本包中没有此页面。在 FortifyServiceProvider.php 中添加视图的设置。

Fortify::viewPrefix("tt::auth.");