Penilaian Editor: Penilaian Pengguna:.ilfs_responsive_below_title_1 { width: 300px; } @media(lebar min: 500px) {.ilfs_responsive_below_title_1 { width: 300px; } } @media(min-lebar: 800px) {.ilfs_responsive_below_title_1 { width: 336px; } }
Pemutar pemuatan ialah elemen dengan animasi gelung untuk menunjukkan bahawa apl atau modul tertentu sedang dalam proses pemuatan dan tempat ia akan dipaparkan. Loading Spinners biasanya dipaparkan apabila pemuatan perlahan supaya pengguna dimaklumkan bahawa proses sedang berjalan dan mungkin mengambil sedikit masa.
Uiball.com ialah Tapak Web Percuma dari mana anda boleh mendapatkan CSS Memuatkan Animasi Spinner untuk projek anda. Animasi ini telah dibuat dengan CSS, HTML dan sedikit SVG yang ringan. Spinners dibangunkan untuk React yang merupakan perpustakaan JavaScript sumber terbuka untuk mereka bentuk antara muka pengguna bahagian hadapan.
Ciri:
Terdapat banyak jenis pemutar yang tersedia, 24 tepatnya. Mereka sangat menarik namun cukup mudah untuk digunakan dengan mudah dalam projek anda. Boleh disesuaikan: Anda boleh menyesuaikan saiz, warna, berat garisan dan animasi Spinners ini agar sepadan dengan reka bentuk Apl anda. Saiz Kecil: Pemutar individu bersaiz sangat kecil. Kebanyakannya kurang daripada 1 Kb (GZipped). Boleh digoncang pokok: Pakej ini direka bentuk untuk menggunakan kelebihan goncangan pokok yang bermaksud bahawa aplikasi boleh berjaya mengalih keluar bahagian perpustakaan yang tidak digunakan untuk menjadikannya lebih kecil dan lebih pantas.
Pemasangan:
Anda boleh memasang Loading Spinners for Node Package Manager (NPM) dan Yarn. NPM ialah pengurus pakej lalai untuk Node JS. Benang ialah sistem pembungkusan yang dibangunkan oleh Facebook, sebagai alternatif kepada NPM untuk menyelesaikan isu tertentu yang berkaitan dengan NPM.
Proses Pemasangan:
Untuk Pengurus Pakej Node gunakan arahan berikut
npm pasang @uiball/loaders
Untuk Benang:
benang tambah @uiball/loaders
Cara ia Berfungsi:
1. Pasang Pemuat untuk NPM atau Benang menggunakan arahan yang telah dinyatakan di atas.
2. Navigasi ke halaman Pemuat uiball.com menggunakan pautan yang disediakan di penghujung artikel ini.
3. Lihat semua Pemuat yang tersedia dan klik pada mana-mana daripadanya yang anda inginkan. Seterusnya, klik butang’Sumber’untuk membuka bar sisinya dari mana anda boleh menyalin/menampal komponen HTML dan CSS sekiranya anda tidak mahu menggunakan elemen React.
4. Sesuaikan Pemuat dengan pilihan yang sangat mudah yang diberikan di bawah.
Pilihan berikut tersedia
Saiz: nombor – Ini mentakrifkan dimensi terbesar pemuat dalam piksel. Warna: rentetan – Rentetan ini mentakrifkan warna pemuat dalam nilai warna CSS Kelajuan: nombor – Nombor ini mewakili tempoh (dalam saat) bagi satu animasi lengkap Lineweight: nombor – Nombor ini mewakili lebar garisan dalam berasaskan baris tertentu pemuat.
Keputusan:
Secara keseluruhan, Uiball menyediakan koleksi Pemutar Pemuatan yang hebat dalam HTML dan CSS dengan pilihan mudah disesuaikan. Semua pemuat boleh digoncangkan pokok dan bersaiz kecil sehingga memerlukan masa pemuatan yang boleh diabaikan. Anda boleh menggunakannya dengan mudah untuk Aplikasi anda di mana sahaja yang diperlukan.
Klik di sini untuk menavigasi ke Uiball pemuat.
