workup/nova-back-button

一个用于显示返回按钮的 Laravel Nova 卡片。

v2.0.2.002 2023-09-05 07:07 UTC

This package is auto-updated.

Last update: 2024-09-05 09:24:30 UTC


README

Latest Stable Version Total Downloads

添加一个卡片,实现 Nova 的返回按钮,内容可以完全自定义。URL 通过路由调用,如果没有设置 URL,则调用 history.go(-1)。

image image

安装

您可以通过 composer 在使用 Nova 的 Laravel 应用中安装此包。

  • 为 Laravel Nova ^1.0|^2.0|^3.0 安装版本 ^1.0
  • 为 Laravel Nova ^4.0 安装版本 ^2.0
composer require Workup/nova-back-button

用法

注册您的新的卡片.

use Workup\NovaBackButton\NovaBackButton;

public function cards()
{
    return [ 
        (new NovaBackButton())
            ->onlyOnDetail(),
        
        (new NovaBackButton())
            ->onlyOnDetail()
            ->width('1/3')
            ->markdown('# Hello World!'),

        (new NovaBackButton())
            ->onlyOnDetail()
            ->width('1/3')
            ->view('partials.back-button')
            ->url(sprintf('%s/resources/%s/%d', config('nova.path'), User::uriKey(), \App\Models\User::first()->id)),
     ];
}

选项

  • 设置内容,默认使用返回 SVG。
    • ->html('<h1>Hello!</h1>'):设置 HTML 或纯文本内容。
    • ->markdown('# Hello!'):设置 Markdown 内容,它将被转换为 HTML。
    • ->view('path.to.view', []):指定 blade 视图文件,并可选地传递一个数据数组给视图。
  • 样式
    • ->center(false):居中卡片内容。默认为 false
    • ->withoutCardStyles(true):是否为卡片使用标准的 Nova 卡片样式(背景、填充等)。默认为 false
    • ->forceFullWidth(true):强制卡片全宽。修复 nova 卡片顺序 问题。

源代码

本包是在以下帮助下的创建: https://github.com/InteractionDesignFoundation/nova-html-card

许可证

MIT 许可证 (MIT)。请参阅 许可证文件 以获取更多信息。