flash message toast

แฟลช-ข้อความ

การออกแบบที่ตอบสนองและวัสดุ แพ็คเกจที่จะแสดงข้อความแฟลชหรือข้อความขนมปังปิ้ง โดยไม่มีการพึ่งพาเฟรมเวิร์ก UI!
แพ็คเกจข้อความแฟลชอื่น ๆ มักจะขึ้นอยู่กับกรอบ UI อื่น ๆ เช่น bootstrap หรือเป็นรูปธรรม สิ่งนี้อาจทำให้เกิดความขัดแย้งกับโครงการของคุณ แพ็คเกจนี้ไม่ได้ขึ้นอยู่กับแพ็คเกจ UI หรือ UI Framework ดังนั้นคุณไม่จำเป็นต้องกังวลเกี่ยวกับความขัดแย้งกับโครงการของคุณ

คุณสามารถดูตัวอย่างจากตำแหน่ง 1 หรือตำแหน่ง 2

การใช้งาน

 import { FlashMessage } from 'meteor/haojia321:flash-message-toast';   
FlashMessage.show({  
    align: 'bottomCenter',  
    text: 'Hello World!'  
});  

API

FlashMessage.SHOW (ตัวเลือก);

อาร์กิวเมนต์: วัตถุตัวเลือก

• จัดตำแหน่ง สตริง
  ไม่จำเป็น. กำหนดวิธีที่คุณต้องการจัดแนวคอนเทนเนอร์ข้อความของคุณ
  ค่าที่อนุญาต: 'Topright', 'Topleft', 'TopCenter', 'Bottomright', 'Bottomleft' และ 'BottomCenter' ค่าเริ่มต้นคือ 'TopCenter'
• บูลีน อัตโนมัติ
  ไม่จำเป็น. กำหนดว่าข้อความจะหายไปโดยอัตโนมัติ
  ค่าที่อนุญาต: จริงและเท็จ ค่าเริ่มต้นเป็นจริง
• มิลลิวินาที จำนวนเต็ม
  ไม่จำเป็น. ล่าช้าเวลาก่อนที่ข้อความแฟลชจะหายไป
  ค่าเริ่มต้นคือ 2000
• สตริง ข้อความ
  ไม่จำเป็น. เนื้อหาของข้อความแฟลชของคุณ
  ค่าเริ่มต้นคือ 'Hello World'
• บูลีน ishtml
  ไม่จำเป็น. ข้อความจะแสดงเป็นเนื้อหา HTML หากตั้งค่า ISHTML เป็น TRUE
  ค่าเริ่มต้นเป็นเท็จ
• พิมพ์ สตริง
  ไม่จำเป็น. กำหนดประเภทของข้อความแฟลช
  อนุญาตให้มีค่า 'ข้อมูล', 'ข้อผิดพลาด', 'ความสำเร็จ' และ 'คำเตือน' ค่าเริ่มต้นคือ 'ข้อมูล'
• SHOWCLOSEBUTTON BOOLEAN
  ไม่จำเป็น. ข้อความแฟลชจะแสดงปุ่มปิดหากตั้งค่าเป็นจริง
  ค่าเริ่มต้นเป็นเท็จ
• ฟังก์ ชั่น beforeshow
  ไม่จำเป็น. ฟังก์ชั่นจะถูกเรียกก่อนที่ข้อความแฟลชจะปรากฏบน UI
• ฟังก์ ชั่น Aftershow
  ไม่จำเป็น. ฟังก์ชั่นจะถูกเรียกหลังจากข้อความแฟลชจะปรากฏบน UI
• ฟังก์ ชั่นก่อน
  ไม่จำเป็น. ฟังก์ชั่นจะถูกเรียกก่อนที่ข้อความแฟลชจะถูกลบออกจาก UI
• ฟังก์ ชั่น Afterhide
  ไม่จำเป็น. ฟังก์ชั่นจะถูกเรียกหลังจากข้อความแฟลชถูกลบออกจาก UI

ส่งคืน ID ขององค์ประกอบ DOM ข้อความแฟลช

FlashMessage.Hide (ID, OBJ);

อาร์กิวเมนต์: id string

• จำเป็นต้องใช้ สตริง ID ID ขององค์ประกอบ Flash Message DOM

อาร์กิวเมนต์: OBJ Object

• ฟังก์ ชั่นก่อน
  ไม่จำเป็น. ฟังก์ชั่นจะถูกเรียกก่อนที่ข้อความแฟลชจะถูกลบออกจาก UI
• ฟังก์ ชั่น Afterhide
  ไม่จำเป็น. ฟังก์ชั่นจะถูกเรียกหลังจากข้อความแฟลชถูกลบออกจาก UI