Tailwind CSS: Buat butang berbentuk pil

Saya mempunyai butang ini: <buttononClick={()=>removeTask(task)}class="text-xstext-redrounded-full">Padam</button> Saya ingin melihat sesuatu yang serupa: https://tailwindcss.com /docs/border-radius#pill-buttons Walau bagaimanapun, saya tidak mendapat bentuk pil untuk diteka...

P粉189606269 2024-03-26 20:59:03 0  1  452

Jadual Tanstack dan React JS: Bagaimana untuk menunjukkan/menyembunyikan butang berdasarkan keadaan apabila menggunakan React JS dan Jadual Tanstack

Saya mempunyai reactjs dan melaksanakan jadual tanstack (react-table). Saya memerlukan bantuan untuk membuat butang/pautan menunjukkan atau menyembunyikan berdasarkan keadaan setiap baris. Katakan jika terdapat baris yang mengandungi status butang "Luluskan" akan ditunjukkan sebaliknya ia ...

P粉042455250 2023-09-02 23:04:17 0  2  734

Paparan semula menggunakan tika React.StrictMode dan fabric.js's Canvas

Saya sedang mencipta kanvas fabrik dan butang yang menunjukkan bentuk yang sepatutnya boleh dipilih. Saya tidak faham mengapa komponen saya dipaparkan semula dua kali dalam situasi berikut. Oleh itu, bentuk kain saya tidak boleh dipilih. Walau bagaimanapun, apabila saya mengeluarkannya daripada fail...

P粉659378577 2023-09-21 23:48:52 0  1  897

Butang pada mudah alih kekal fokus atau aktif, menyebabkan masalah dengan animasi CSS

Saya cuba mencapai animasi setiap kali saya mengklik butang, ia berfungsi dengan baik pada desktop tetapi saya tidak boleh mencapai kesan yang sama pada mudah alih. Saya perlu mengklik butang dahulu, kemudian klik di tempat lain untuk menyahfokus CSS, kemudian klik butang sekali lagi untuk mendapatk...

P粉043295337 2023-08-28 15:14:37 0  1  547

Butang dengan teks dan ikon berpusat

Saya sedang membangunkan komponen butang dengan ikon dan teks. Ikon diletakkan di sebelah kiri butang dan teks dijajarkan di tengah-tengah butang. Jika teks tidak boleh dimuatkan ke dalam butang, ia tidak sepatutnya dibalut tetapi boleh dipotong. Syarat utama untuk memotong teks ialah teks hendaklah...

P粉033429162 2023-08-15 11:01:09 0  1  560

CSS untuk menambah bayang/sempadan pada setiap butang apabila butang bootstrap aktif

Saya menggunakan rangka kerja React untuk mencipta bahagian hadapan dan Bootstrap5.3 untuk reka bentuk. Dari pemahaman saya, Bootstrap kini telah mengeluarkan kesan bayangan sebagai standard. Jadi, jika butang aktif, butang itu tidak akan menunjukkan bayang/sempadan, seperti dalam dokumentasi Bootst...

P粉256487077 2023-08-17 23:54:27 0  1  531

Pengaktifan butang menyebabkan kesan hover tidak berfungsi

Saya telah cuba mempelajari asas pembangunan web (HTML, CSS dan JS), jadi saya telah cuba membuat kalkulator Apple yang berfungsi. Semuanya berfungsi dengan baik sehingga saya perasan pepijat kecil. Pada mulanya, kesan hover pada butang tindakan berfungsi dengan baik, warna menjadi lebih cerah semas...

P粉548512637 2024-04-01 21:51:26 0  1  609

javascript - Acara tampal terminal mudah alih, acara tampal tidak sah dalam apl, cara mengesan acara tampal dalam apl

Acara tampal terminal mudah alih, acara tampal tidak sah dalam apl Bagaimana untuk memantau acara tampal dalam apl, iaitu, selepas menampal kod pengesahan, pantau acara tampal Jika nilai kotak teks untuk mengisi kod pengesahan tidak kosong, butang seterusnya tersedia. Jika tidak, butang seterusnya t...

黄舟 2017-05-16 13:23:57 0  1  813

Buat kesan hover yang mengubah butang menu menjadi bentuk x dengan versi klon berbayang

Pertama saya ingin mengakui bahawa tajuk saya mengelirukan dan saya minta maaf untuk itu. Apa yang saya ingin capai ialah kesan berikut pada hover: Tapak web saya ada di sini https://wordpress-493302-3130963.cloudwaysapps.com/ Saya telah berjaya mencapai separuh daripada apa yang saya ingin capai me...

P粉546257913 2024-04-04 11:55:21 0  2  515

Mengapakah useState dan borang kemas kini berfungsi dalam React diperlukan?

Saya sedang membaca dokumentasi tentang kemas kini fungsi ReactHook dan melihat ayat ini: butang "+" dan "-" menggunakan borang berfungsi kerana nilai yang dikemas kini adalah berdasarkan nilai sebelumnya tetapi saya tidak dapat melihat apakah tujuan kemas kini fungsi, dan perbez...

P粉041856955 2023-08-24 13:38:45 0  2  542

Mengapa anda perlu menggunakan React useState dalam bentuk kemas kini berfungsi?

Saya sedang membaca dokumentasi ReactHook tentang kemas kini ciri dan melihat petikan berikut: Butang "+" dan "-" menggunakan bentuk berfungsi kerana nilai yang dikemas kini adalah berdasarkan nilai sebelumnya tetapi saya tidak nampak apa tujuannya kemas kini ciri adalah, dan bag...

P粉155551728 2023-10-22 15:37:50 0  2  755

Tidak dapat menambah nod atau bentuk dalam Edisi Komuniti Jsplumb

Saya menggunakan @jsplumb/browser-ui untuk mencipta beberapa Nod dalam aplikasi Nuxtjs/Vuejs saya seperti yang diterangkan dalam dokumentasinya. Tetapi saya mahu mencipta nod semasa runtime. Saya tidak boleh melakukannya. Saya mahu mencipta bentuk nod/segi empat tepat apabila pengguna mengklik butan...

P粉864872812 2024-03-28 21:22:23 0  1  438

Bagaimana untuk menetapkan semula keadaan aplikasi Nuxt semasa log keluar?

Apabila pengguna keluar dari aplikasi, keadaan authStore berterusan Pinia ditetapkan semula dan pengguna dialihkan ke /log masuk. Walau bagaimanapun, jika pengguna seterusnya log masuk tanpa memuat semula halaman, halaman utama masih memaparkan data pengguna sebelumnya kerana ia masih dalam keadaan ...

P粉706038741 2023-09-16 20:59:12 0  1  698

javascript - Mengapa saya tidak boleh mengakses perkhidmatan tempatan selepas chrome dinaik taraf kepada versi 55?

Syarikat membuat fungsi pencetakan sisi klien Selepas memasang klien, perkhidmatan 127.0.0.1:8801 akan dimulakan Kemudian mengklik butang cetak pada tapak web akan membuat permintaan silang domain ajax ke http://127.0.0.1. :8801/ Jika dipasang Jika klien disambungkan, antara muka ini akan mengembali...

typecho 2017-06-15 09:22:56 0  1  740

javascript - Bagaimana untuk mendapatkan nilai $index tertentu berulang dalam angularjs?

{code...} {code...} Keperluan saya ialah meminta semula status tamat masa ini selepas mengklik butang "Dapatkan indeks masa tamat" Jika permintaan berjaya, tamat masa akan dipaparkan seperti pada permintaan pekeliling Kadang-kadang tamat masa tamat, jadi masalah terbesar sekarang ialah car...

阿神 2017-05-16 13:19:43 0  1  799

Amaran tindak balas: Kedalaman kemas kini melebihi had maksimum apabila mengemas kini keadaan dalam useEffect

Saya cuba mengemas kini pembolehubah keadaan saya yang merupakan objek yang mengandungi pembolehubah boolean. Setelah data tersedia (sebagai tindak balas kepada panggilan API yang digunakan pada klik butang), saya mengemas kini keadaan saya di dalam useEffect. Kemudian dengan data ini saya memanggil...

P粉447785031 2023-09-06 13:46:55 0  1  581

Fungsi Vue Pinia tidak ditentukan dalam onMounted semasa menjalankan ujian unit

Saya mempunyai komponen dan kedai Pinia yang mengandungi keadaan dan beberapa tindakan. Kod ini berfungsi dengan baik dalam pelayar dan ujian E2E (cypress), tetapi gagal dalam ujian unit. Saya menggunakan vue-testing-utils dan vitest. Apabila butang diklik, fungsi yang disimpan dipanggil baik daripa...

P粉103739566 2023-10-31 21:58:42 0  1  818

Buat papan tanda berskala menggunakan HTML, CSS dan SVG

Saya ingin membuat butang dalam bentuk papan tanda (segi empat tepat dengan hujung). _______|\|_______/Saya mahu menulis teks secara dinamik ke dalam logo, setiap teks mempunyai panjang yang berbeza. Jika saya mencuba ini hanya menggunakan grafik sebagai grafik latar belakang, skala anak panah dan m...

P粉555682718 2024-03-31 14:45:14 0  1  498

Apabila memilih pilihan yang berbeza, jenis medan input boleh menyokong rupee 20 digit dengan simbol rupee atau digantikan dengan peratusan

Jika pilihan dipilih untuk memilih nilai tetap maka jenis medan input ialah nilai Rupee menyokong hanya 20 digit dengan simbol Rupee. Jika peratusan dipilih maka simbol rupee digantikan dengan simbol peratusan dan jenis nilai hanya 2 digit untuk memasukkan nilai tanpa mengklik butang Saya kod ini be...

P粉022140576 2023-08-13 18:35:32 0  1  485

Cara untuk membetulkan isu 2003 (HY000): Tidak dapat menyambung ke pelayan MySQL 'db_mysql:3306' (111)

Saya baru-baru ini cuba menyimpan pelayan FastAPIPython saya (juga untuk replikasi/penggandaan). Sebelum ini, saya hanya mempunyai pelayan MySQL dalam bekas Docker dan semuanya baik-baik saja, tetapi apabila saya juga menjadikan pelayan web saya sebagai perkhidmatan, ia tidak dapat menyambung ke pel...

P粉178132828 2023-09-05 11:18:47 0  1  900