DcatAdmin行操作按鈕樣式調整(圖示+文字)

Slowlyo發表於2022-05-05

效果

更改方式

app/Admin/Actions/Grid/下新建TextActions.php檔案, 內容如下
<?php

namespace App\Admin\Actions\Grid;

use Dcat\Admin\Grid\Displayers\Actions;

/**
 * 重寫行操作按鈕樣式
 */
class TextActions extends Actions
{

    /**
     * @return string
     */
    protected function getViewLabel()
    {
        $label = trans('admin.show');
        return '<i class="feather icon-eye text-success"></i> <span class="text-success">' . $label . '</span> &emsp;';
    }

    /**
     * @return string
     */
    protected function getEditLabel()
    {
        $label = trans('admin.edit');

        return '<i class="feather icon-edit-1 text-custom"></i> <span class="text-custom">' . $label . '</span> &emsp;';
    }

    /**
     * @return string
     */
    protected function getQuickEditLabel()
    {
        $label = trans('admin.edit');
        $label2 = trans('admin.quick_edit');

        return '<i class="feather icon-edit-1 text-custom"></i> <span class="text-custom" title="' . $label2 . '">' . $label . '</span> &emsp;';
    }

    /**
     * @return string
     */
    protected function getDeleteLabel()
    {
        $label = trans('admin.delete');

        return '<i class="feather icon-alert-triangle text-danger"></i> <span class="text-danger">' . $label . '</span> &emsp;';
    }
}
config/admin.php中更改配置項grid.grid_action_class, 如下
// The global Grid action display class.
'grid_action_class'  => App\Admin\Actions\Grid\TextActions::class,

參考文章:  Dcat Admin 修改全域性行操作按鈕顯示方式為文字+圖示

本作品採用《CC 協議》,轉載必須註明作者和本文連結
海到無涯天作案,山登絕頂我為峰

相關文章