aweram/tailwindcss-theme 问题修复 & 功能扩展

解决BUG、新增功能、兼容多环境部署,快速响应你的开发需求

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

aweram/tailwindcss-theme

最新稳定版本:v3.0.2

Composer 安装命令:

composer require aweram/tailwindcss-theme

包简介

Tailwind theme for laravel

README 文档

README

Описание

Пакет содержит настройки для подключения tailwindcss и livewire к пустому проекту на Laravel. Есть разделение стилей на основной сайт и на панель администрирования. В фале tailwindcss-theme.php есть настройки для показа страницы со стилями по умолчанию /styles, при запуске приложения в prod нужно отключить страницу showStylesPage. Так же есть три основных шаблона: app, admin и auth. По умолчанию auth использует стили admin.

Прописаны стили (основой был bootstrap, взяты наиболее часто используемые элементы):

  • Основные цвета темы (light, dark, success, danger, warning, info, primary, secondary)
  • Кнопки (цвета, типы, размеры)
  • Элементы формы
  • Card, как в bootstrap, но с меньшим количеством вариантов
  • Dropdown
  • Dialog modal
  • Aside modal
  • Pagination (два шаблона, для 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.");

统计信息

  • 总下载量: 89
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 0
  • 点击次数: 1
  • 依赖项目数: 3
  • 推荐数: 0

GitHub 信息

  • Stars: 0
  • Watchers: 1
  • Forks: 0
  • 开发语言: Blade

其他信息

  • 授权协议: MIT
  • 更新时间: 2023-12-17

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固