หน้าแรก>ซอร์สโค้ด PHP>หมวดหมู่อื่นๆ
ดาวน์โหลด

ข่าวสารเกี่ยวกับการแจ้งเตือน

ไลบรารีพร้อมท์ข้อความบับเบิลธรรมดา ขนาดเพียง 3kb

การเลียนแบบองค์ประกอบ Element-ui Message เพราะฉันชอบองค์ประกอบนี้เป็นพิเศษ แต่ใช้ได้กับ Vue.js เท่านั้น ดังนั้นฉันจึงเลียนแบบองค์ประกอบหนึ่งโดยใช้ Native js ฉันไม่สามารถพูดได้ว่ามันเหมือนกัน 100% แต่ต้องเป็นเช่นนั้น มีความคล้ายคลึงกันอย่างน้อย 90% หากมีที่ว่างสำหรับการเพิ่มประสิทธิภาพ ยินดีรับ PR ??

ติดตั้ง

ใช้เวลาต่อนาที: 

npm install msg-alert --save

การใช้ CDN: 

 < script src =" https://cdn.jsdelivr.net/npm/msg-alert " > </ script >

วิธีใช้

โปรดดูที่ public/index.html ในคลังสินค้า

โมดูล ESModule 

 import message from 'msg-alert'
// 使用方法如下浏览器使用示例

โมดูล CommonJS 

 const message = require ( 'msg-alert' )
// 使用方法如下浏览器使用示例

ใช้ในเบราว์เซอร์ 

 < script src =" https://cdn.jsdelivr.net/npm/msg-alert " > </ script >
< script >
  // 默认 等价 message({type:'info',text:'这是一个段落'})
  message ( '这是一个段落' )
  message . info ( '这是一个段落' )
  // 成功 等价 message({type:'success',text:'success'})
  message . success ( 'success' )
  // 警告 等价 message({type:'warn',text:'warn'})
  message . warn ( 'warn' )
  // 错误 等价 message({type:'error',text:'error'})
  message . error ( 'error' )
</ script >

ตัวเลือก API

message.zIndex

ประเภท: Number

ค่าเริ่มต้น: 1

แสดงระดับข้อความ (ทั่วโลก)

message.destroyAll

ประเภท: Function

ทำลายข้อความทั้งหมด

พิมพ์

ประเภท: String

ค่าเริ่มต้น: info

ประเภทการแสดงข้อความ

ข้อความ

ประเภท: String

ค่าเริ่มต้น: ''

เนื้อหาการแสดงข้อความ

zดัชนี

ประเภท: Number

ค่าเริ่มต้น: 1

ระดับการแสดงข้อความ (ปัจจุบันโผล่ขึ้นมา)

ชดเชย

ประเภท: Number

ค่าเริ่มต้น: 20

ข้อความชดเชยจากด้านบนของหน้าต่าง

ระยะเวลา

ประเภท: Number

ค่าเริ่มต้น: 3000

ระยะเวลาการแสดงข้อความ ตั้งค่าเป็น 0 เพื่อไม่ให้ปิด (หน่วย: มิลลิวินาที)

คลาสแบบกำหนดเอง

ประเภท: String

ค่าเริ่มต้น: ''

ปรับแต่งชื่อคลาสของข้อความ

html

ประเภท: Boolean

ค่าเริ่มต้น: false

ว่าจะประมวลผลแอตทริบิวต์ text เป็นส่วน HTML หรือไม่ (โปรดเตรียมการประมวลผลแบบ xss ล่วงหน้า)

แสดงปิด

ประเภท: Boolean

ค่าเริ่มต้น: false

ไม่ว่าจะแสดงปุ่มปิด

บนปิด

ประเภท: Function

ค่าเริ่มต้น: -

ฟังก์ชั่นโทรกลับก่อนปิดข้อความ

ผนวกไปที่

ประเภท: String | HTMLElement

ค่าเริ่มต้น: document.body

ตั้งค่าลิงก์องค์ประกอบรูทของส่วนประกอบ

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด