как вставить разные иконки для каждого виджета - PullRequest
Новая
       20

как вставить разные иконки для каждого виджета

0 голосов
/ 28 апреля 2020

как мне вставить разные иконки для каждого виджета? 

[
            'type'          => 'progress_white',
            'class'         => 'card mb-2',
            'progressClass' => 'progress-bar bg-primary',
            'value'         => $userCount,
            'description'   => 'Utenti registrati.',
            'progress'      => (int)$userCount/10*100, // integer
            'hint'          => 'Numero di utenti registrati al portale.',
        ],

часть html эта часть ниже 

<div class="{{ $widget['wrapperClass'] ?? 'col-sm-6 col-md-4' }}">
<div class="{{ $widget['class'] ?? 'card' }}">
<div class="card-body">
  @if (isset($widget['value']))
  <div class="text-value">{!! $widget['value'] !!}</div>
  @endif

......

Ответы [ 2 ]

0 голосов
/ 28 апреля 2020

Какие иконки вы хотите? Если вы используете набор иконок, такой как значок материала или потрясающий значок, вы можете передать имя своего значка и использовать его в теге «i» следующим образом: 

"icon" => "fa fa user"

и в своем клинке: 

<i class"{{$widget['icon']}}"></i>
0 голосов
/ 28 апреля 2020

К сожалению, с виджетами по умолчанию вы не сможете создать свои собственные. 

@if(isset($widget['icon']))
   <div class="text-right" style="position:absolute;top:5px;right:15px;font-size: 40px;color: {{ $widget['icon_color'] ?? 'rgba(0,0,0,0.2)' }}">
      <span class="{{ $widget['icon'] }}"></span>
   </div>
@endif

Поместите это в класс body-body. Возможно, стиль нужно немного изменить.

Другой вариант - Backpack использует новую тему, основанную на CoreUI. Можете посмотреть документацию по CoreUI или посмотреть исходный текст темы по адресу https://backstrap.net

...