🚧 🎉 I have neglected this project for a long time, I am really sorry, I will not give it up, now start to upgrade the plan, provide the use of modern engineering, provide a more concise appearance, add a rich function display, looking forward to joining the ambitious, everyone, I love you! This is a message, like every message you have, is the most important
Not everyone can be a great artist, but future artists can come from any corner
English | 简体中文
* ✨Every piece of information needs to be cherished.* 🎉A friendlier message prompt.
- Easy to use
- Better message prompt, built-in four scenarios, support the use of custom
- Add to your UI library for refinement
Install with pnpm:
pnpm add nanometer-message -S
- Similar to script:
<script src="https://github.com/webvs2/Nanometer/blob/master/dist/index.js"></script>
Vue.prototype.$meessage = Message - COMMON ant ES6:
import message from "nanometer-message"
import "nanometer-message/dist/index.css"
Message({option}) A separate method is defined for each type，example: Message.success(options)。- Similar to VUE2.X:
import "nanometer-message/dist/index.css"
import message from "nanometer-message"
Vue.prototype.$meessage = Message - The pattern of object customization has been added. The previous way of use remains the same, which requires more flexible use of option
| Name | Description |
|---|---|
| [type] | The current state of the message. [success |
| [durationTime] | Buffer animation duration(The default for 3 seconds) |
| [calss] | CSS state customization |
| [content] | Message content.Please note: this is a must |
| [postEvent] | A callback after the message has disappeared |
Get involved and get better
* Submit issues
* Visit the github address https://github.com/webvs2/Nanometer