ivanaquino/laravel-taildashboards

Laravel Taildashboards 是 Taildashboards 和 Laravel 之间的无缝集成,允许开发人员轻松地将美观的预设计仪表板组件集成到他们的 Laravel 应用程序中。这是我的包 laravel-taildashboards

v0.1.1 2023-08-21 05:54 UTC

README

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

此 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)。有关更多信息,请参阅 许可文件