Nanometer-message NPM

Segmentfault

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

Similar to script:

<script src="./nanometer-message/index-umd.js"></script>
Vue.prototype.$meessage = Message

COMMON ant ES6:

import message from "nanometer-message"
<link rel="stylesheet" type="text/css" href="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	warning	info	error]
durationTime	( animationDuration abandoned ,Use this instead) Buffer animation duration(The default for 3 seconds)
calss	( egoClass abandoned,Use this instead) CSS state customization
content	( context abandoned,Use this instead ) Message content.Please note: this is a must
postEvent	(destroy abandoned,Use this instead ) A callback after the message has disappeared