README

安装

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

composer require cloudstudio/card-extended

接下来，您需要使用Nova注册字段。这通常在资源文件中完成。

use Cloudstudio\CardExtended\CardExtended;

/**
     * Get the cards available for the request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return array
*/
public function cards(Request $request)
{
    return [
        (new CardExtended())
            ->view('cards.text')
            ->data(User::find(1))
            ->onlyOnDetail()
            ->width('full'),
    ];
}

第一个参数是典型的blade视图

resurces/views/cards/text.blade.php

示例视图

<div class="max-w-sm rounded overflow-hidden shadow-lg bg-white">
    <img class="w-full" src="https://tailwind.org.cn/img/card-top.jpg" alt="Sunset in the mountains">
    <div class="px-6 py-4">
        <div class="font-bold text-xl mb-2">{{ $data->name }}</div>
        <p class="text-grey-darker text-base">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil.
        </p>
    </div>
    <div class="px-6 py-4">
        <span class="inline-block bg-grey-lighter rounded-full px-3 py-1 text-sm font-semibold text-grey-darker mr-2">#photography</span>
        <span class="inline-block bg-grey-lighter rounded-full px-3 py-1 text-sm font-semibold text-grey-darker mr-2">#travel</span>
        <span class="inline-block bg-grey-lighter rounded-full px-3 py-1 text-sm font-semibold text-grey-darker">#winter</span>
    </div>
</div>

Nova 卡片预览

(使用此blade预览)

第二个参数是数据，您可以使用字符串、数字、数组、集合等...

$data = User::all();
$data = Auth::user()->name;
$data = ['title' => 'Hello world']
$data = 'hello!';
$data = 1;

更新日志

有关最近更改的更多信息，请参阅更新日志

贡献

有关详细信息，请参阅贡献指南

鸣谢

• Toni Soriano

许可证

MIT许可证（MIT）。有关更多信息，请参阅许可证文件