Öznitelikleri birleştir-bunların düzgün çalışmasını nasıl sağlayabilirim?

Question 1

kaynaklar/görünümler/bileşenler/yeşil düğmede saklanan bir bileşende aşağıdakilere sahibim.bıçaklı.laravel 8'de php.

<button {{ $attributes->merge(['type' => 'button', 'class' => 'px-4 inline-flex justify-center py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500']) }}>
    {{ $slot }}
</button>

Kullanıyorum :

<x-green-button class="px-0"
                title="Click to show or hide data entry for {{$person->firstname}}."
                wire:click="toggleVisibility({{$person->id}})">
  <h3 class="my-1">{{$person->FullName_fh}}</h3>
</x-green-button>

Bileşen, px-4'ün x ekseni dolgusuna sahiptir. Px-0'ı geçiyorum ama hiçbir etkisi yok. Neyi yanlış yapıyorum?

rbd

Question 2

Kullanabilirsiniz @props() hedefe ulaşmak için.

// In your component

@props(['customClass' => ''])

<button {{ $attributes->merge([
    'type'  => 'button', 
    'class' => 'all-your-classes ' . $customClass
]) }}>
    {{ $slot }}
</button>

// In your blade file

<x-green-button customClass="px-0">
    {{ $person->FullName_fh }}
</x-green-button>

Samuel Ferdary · Answer 1 · 2021-11-18T22:15:11

Kullanabilirsiniz @props() hedefe ulaşmak için.

// In your component

@props(['customClass' => ''])

<button {{ $attributes->merge([
    'type'  => 'button', 
    'class' => 'all-your-classes ' . $customClass
]) }}>
    {{ $slot }}
</button>

// In your blade file

<x-green-button customClass="px-0">
    {{ $person->FullName_fh }}
</x-green-button>

merhaba thx. 'tüm sınıflarınız' içinde 'px-4' ve $customClass = 'px-0' varsa, px-4 önce geldiği için öncelik kazanır mı? yoksa son çelişen sınıf önceliğe sahip mi? Thx S.
@ RobertBryanDavis Her şey stil sayfasının sırasına bağlıdır, Bkz.: stackoverflow.com/a/3066365/13916713
Merhaba, geri bildirim için thx. Aradığım işlevselliği props () kullanarak ve bu şekilde stillere ayarlamalar yaparak kazandım.

Öznitelikleri birleştir-bunların düzgün çalışmasını nasıl sağlayabilirim?

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride