vue項(xiàng)目如何引入layer彈框?
-
在項(xiàng)目控制臺(tái)輸入: cnpm install --save layui-layer 安裝控件
image.png
2.在main.js中引入 layer: import layer form 'layui-layer'
image.png
3.在項(xiàng)目看看效果:
layer.msg('hello 啊,樹(shù)哥',{icon:2,time:1000});
icon是按鈕的類(lèi)型,time是彈框的時(shí)長(zhǎng)
icon 為1 時(shí):
image.png
icon 為2 時(shí):
image.png
icon 為3 時(shí):
image.png
icon 為4 時(shí):
image.png
icon 為5 時(shí):
image.png
icon 為6 時(shí):
image.png
icon 為7 時(shí):
image.png
可根據(jù)自己項(xiàng)目來(lái)選擇使用哪個(gè)樣式的彈框。
