欧美成人片一区二区三区,久久碰人妻一区二区三区,久久婷婷激情综合色综合俺也去,狂野欧美性猛交免费视频,久久夜色精品国产亚洲

29
2024/06

Layui表格中使用Tips彈層

發(fā)布時間:2024-06-29 10:43:40
發(fā)布者:dzw
瀏覽量:
0

    前兩天有一個需求,當鼠標移動到表格中時,展示一些內容,再elementUI中,我們可以使用cell-mouse-enter和Tooltip 文字提示來實現,但是layui中并沒有這些,所以需要原生的鼠標移入事件。這里我們選擇toolbar。

    Toolbar類似于templet ,通常接受一個選擇器或者一段html,這里我們選擇選擇器。

    Toolbar對應的模板容器則是下邊這塊,我們給它添加一個鼠標移入事件,并且傳遞的參數是調用事件的元素,也就是它本身。

    接下來我們構造一個foodInfo函數,然后使用layer.tips彈出層來實現我們的需求,layer.tips參數為:

    layer.tips(新加的內容,'選擇節(jié)點',{time: 0, area: ['20%', '20%'], skin: 'layui-layer-rim', tips: [3, '#ffffff'], closeBtn: false});
        time:為0時tips窗口不會消失
        area:窗口大小設置
        skin:官方的皮膚
        tips:2 tips(默認)層的私有參數。支持上右下左四個方向,通過1-4進行方向設定。如tips: 3則表示在元素的下面出現。有時你還可能會定義一些顏色
        closeBtn:右上角的關閉按鈕

 

        效果實現:

    了解更多l(xiāng)ayui知識點擊這里。

關鍵詞:
返回列表