ivanaquino / laravel-taildashboards
Laravel Taildashboards 是 Taildashboards 和 Laravel 之间的无缝集成,允许开发人员轻松地将美观的预设计仪表板组件集成到他们的 Laravel 应用程序中。这是我的包 laravel-taildashboards
v0.1.1
2023-08-21 05:54 UTC
Requires
- php: ^8.1
- illuminate/contracts: ^10.0
- spatie/laravel-package-tools: ^1.14.0
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^7.8
- nunomaduro/larastan: ^2.0.1
- orchestra/testbench: ^8.8
- pestphp/pest: ^2.0
- pestphp/pest-plugin-arch: ^2.0
- pestphp/pest-plugin-laravel: ^2.0
- phpstan/extension-installer: ^1.1
- phpstan/phpstan-deprecation-rules: ^1.0
- phpstan/phpstan-phpunit: ^1.0
This package is auto-updated.
Last update: 2024-09-09 14:29:33 UTC
README
此 Laravel 包提供了一种轻松实现来自 Taildashboards 的美观且响应式的仪表板模板的方法。Taildashboards 提供了一个由 Tailwind CSS 构建的预设计模板集合,此包帮助您轻松将这些模板集成到 Laravel 应用程序中。您的描述应放在这里。请将其限制在一两段之内。考虑添加一个小的示例。
安装
您可以通过 composer 安装此包
composer require ivanaquino/laravel-taildashboards
您需要在 Laravel 上安装 Tailwind,如果您使用的是 jetstream 或 breeze,您已经安装了它;如果没有,您可以遵循 官方 Tailwind CSS 指南
您需要 npm 包 @tailwindcss/typography,并将字体配置添加到 tailwind.config.js 中
export default { theme: { extend: { fontFamily: { sans: ["Figtree", ...defaultTheme.fontFamily.sans], }, }, }, plugins: [require("@tailwindcss/typography")], };
如果您遇到样式损坏的问题,可以将此行添加到 tailwind.config.js 中
export default { content: [ // ... "./vendor/ivanaquino/laravel-taildashboards/resources/views/**/*.blade.php", // ... ], };
您可以使用以下命令发布配置文件
php artisan vendor:publish --tag="taildashboards-config"
在此文件中,您将能够编辑仪表板的菜单
'menu' => [ [ 'label' => 'Dashboard', 'route' => 'dashboard', 'active_route' => 'dashboard', 'icon' => 'home', ], [ 'label' => 'View 1', 'route' => 'view-1', 'active_route' => 'view-1', 'icon' => 'circle', ], [ 'label' => 'View 2', 'route' => 'view-2', 'active_route' => 'view-2', 'icon' => 'home', ], ],
可选地,您可以使用以下命令发布视图
php artisan vendor:publish --tag="laravel-taildashboards-views"
用法
# As blade layout @extends('laravel-taildashboards::layouts.tailapp') @section('content') Lorem ipsum dolor sit amet consectetur adipisicing elit. @endsection # Or as a component layout <x-laravel-taildashboards::layout-tailapp> Lorem, ipsum dolor sit amet consectetur </x-laravel-taildashboards::layout-tailapp>
可用性
@extends('laravel-taildashboards::layouts.tailapp') @extends('laravel-taildashboards::layouts.tailism') <x-laravel-taildashboards::layout-tailapp> <x-laravel-taildashboards::layout-tailism>
路线图
测试
composer test
变更日志
有关最近更改的更多信息,请参阅 CHANGELOG
贡献
有关详细信息,请参阅 CONTRIBUTING
安全漏洞
请参阅 我们的安全策略 了解如何报告安全漏洞。
鸣谢
许可
MIT 许可证 (MIT)。有关更多信息,请参阅 许可文件