popupkit
1.3.5 (April 3, 2020)
Popupkit เป็นแพ็คเกจ NPM ที่คุณสามารถโทรจากรหัส JavaScript หนึ่งบรรทัดเพื่อแสดงโมดอลป๊อปอัพที่ดูดี
npm i popupkit
yarn add popupkit
หลังจากการติดตั้งให้วางสิ่งนี้ลงในแท็ก <head> ไฟล์ HTML ของคุณ:
< script src =" ./node_modules/popupkit/index.min.js " > </ script > หรือถ้าคุณต้องการใช้ CDN ให้วางสิ่งนี้ไว้ในแท็ก <head> แทน:
< script src =' https://unpkg.com/[email protected]/index.min.js ' > </ script > สิ่งที่คุณต้องมีคือรหัส JavaScript หนึ่งบรรทัด ใช่! คุณได้ยินฉันถูกต้อง หนึ่ง บรรทัดคือทั้งหมดที่คุณต้องการ
popupkit . simpleLight ( "This is the title" , "This is the message." , ( ) => {
console . log ( "Popup is closed" )
} ) ;| ฟังก์ชันธีม | คำอธิบาย |
|---|---|
| SimpleLight () | ป๊อปอัพที่มีธีมเบา ๆ |
| Simpledark () | ป๊อปอัพแนวมืดเรียบง่าย |
| Blackandwhite () | ป๊อปอัปขาวและขาว |
| BlueAndWhite () | ป๊อปอัพสีน้ำเงินและสีขาว |
| Redandwhite () | ป๊อปอัปสีแดงและสีขาว |
| Yellowandwhite () | ป๊อปอัปสีเหลืองและสีขาว |
| Greenandwhite () | ป๊อปอัพสีเขียวและสีขาว |
อีกมากที่จะมา!
โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT - ดูไฟล์ใบอนุญาต MIT สำหรับรายละเอียด
