eugenevdm/nova-text-card

基于Eric Lagarda的Laravel Nova自定义卡片分支,用于在卡片中显示文本并具有一些良好选项

1.1 2020-02-08 05:05 UTC

This package is auto-updated.

Last update: 2024-09-13 17:57:57 UTC


README

一个用于Laravel Nova的自定义卡片,用于在卡片中显示文本并具有一些良好选项。

preview

安装

您可以通过Composer将此包安装到使用Nova的Laravel应用程序中

composer require ericlagarda/nova-text-card

然后,在NovaServiceProvidercards方法或您的ResourceTool类中注册您的新链接。

public function cards()
{
    return [
        // ...
        // Examples from the preview image
 
        (new TextCard())
            ->forceFullWidth()
            ->heading('My custom awesome heading')
            ->text('Congue platea augue fames nullam morbi vehicula egestas lobortis lacus adipiscing eleifend'),

        (new TextCard())
            ->width('1/2')
            ->height(100)
            ->center(false)
            ->heading('Custom card no centered')
            ->text('Congue platea augue fames nullam morbi'),

        (new TextCard())
            ->width('1/2')
            ->height()
            ->text('<h4 class="font-light">This is a custom card with text and no heading. Height is set to auto.</h4>')
            ->textAsHtml(),

        (new TextCard())
            ->forceFullWidth()
            ->height(90)
            ->heading('<h1 class="text-3xl text-80 font-light">Just a heading text with a smile <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path class="fill-current" d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 14h-12c.331 1.465 2.827 4 6.001 4 3.134 0 5.666-2.521 5.999-4zm0-3.998l-.755.506s-.503-.948-1.746-.948c-1.207 0-1.745.948-1.745.948l-.754-.506c.281-.748 1.205-2.002 2.499-2.002 1.295 0 2.218 1.254 2.501 2.002zm-7 0l-.755.506s-.503-.948-1.746-.948c-1.207 0-1.745.948-1.745.948l-.754-.506c.281-.748 1.205-2.002 2.499-2.002 1.295 0 2.218 1.254 2.501 2.002z"/></svg></h1>')
            ->headingAsHtml(),
    ];
}

卡片选项

  • ->width('string'):卡片的宽度。
  • ->forceFullWidth():强制卡片全宽。解决nova卡片顺序问题。
  • ->height('string or number'):卡片的长度。如果没有选项,长度将自动调整。默认为nova卡片长度。
  • ->center(boolean):如果您想使文本居中或不在。默认为true。
  • ->heading('string or html'):标题文本或自定义HTML。默认为false。不显示标题文本。
  • ->text('string or html'):卡片的文本或自定义HTML。默认为false。不显示文本。
  • ->headingAsHtml():如果您想将标题打印为HTML
  • ->textAsHtml():如果您想将文本打印为HTML