Gaya CSS tidak berjaya digunakan pada Flickity
P粉412533525
P粉412533525 2023-08-26 20:25:09
0
1
513

Soalan yang agak mudah, saya fikir ia mungkin berkaitan dengan isu ini, tetapi dalam Vue dan bukannya Angular. Penggayaan CSS yang saya cuba gunakan pada karusel Flickity saya tidak dipaparkan dalam aplikasi Vue 3 saya. Dalam IDE gaya dikelabukan, tetapi apabila saya mengeditnya dalam penyemak imbas melalui pemeriksaan (cth. menukar lebar sel karusel) ia berfungsi dengan baik.

Adakah saya kehilangan import CSS tertentu yang membolehkan fail CSS saya menukar rupa reka letak yang diberikan dalam penyemak imbas dengan betul?

  .carousel-cell { warna latar belakang: #248742; lebar: 300px; /* lebar penuh */ ketinggian: 160px; /* ketinggian karusel */ jidar kanan: 10px; } /* letak titik dalam karusel */ .flickity-page-dots { bawah: 0px; } /* bulatan putih */ .flickity-page-dots .dot { lebar: 12px; ketinggian: 12px; kelegapan: 1; latar belakang: putih; sempadan: 2px putih pepejal; }  
     
P粉412533525
P粉412533525

membalas semua (1)
P粉482108310

Jika saya memahami soalan dengan betul, anda ingin mengatasi gaya beberapaFlickity.vuekomponen dalam komponen induk.

GunakanSkop CSS(iaitu

Demo 1

Sebagai alternatif, anda boleh menggunakan