我正在尝试使用 tailwind
子菜单 组件。
// templat// Ini baris lucu...{{ link.label }} {{ sublink.label }} Tingkah laku yang dijangkakan ialah apabila
link.open
menjaditrue
,ditakrifkan dalam baris yang menarik< ;
tag/strong> mengembang (atau memaparkan) dengan peralihan 300 milisaat, nilaitingginya telah dilaraskan berdasarkan link.sublinks.length
Takrifan nilai, yang kesemuanya menggunakan kelasApa yang saya maksudkan ialah: .sidebar-dropdown-menu { @apply w-full overflow-hidden transition-[height] duration-[300ms] }Jika
link.sublinks.length
sama dengan3
, kelas tersuai yang digunakan ialahh-[135px]
; dan tegdalam baris lucu penukaran tidak berfungsi. Alat Pembangun Google Chrome menunjukkan kepada sayatinggi: 135px Akhir sekali, jika saya menggantikan
h-[${link.sublinks.length * 45}px]
dengan nilai tetap (cth.h-[200px]< /code>) semuanya berfungsi seperti yang diharapkan.
Saya mengesyaki
h-auto mengatasi kelas tersuai ketinggian saya. Saya orang Latin, jadi bahasa Inggeris saya tidak begitu baik.
Terima kasih terlebih dahulu.
Saya telah berjaya, tetapi saya tidak suka penyelesaian yang saya temui: