fastadmin自定义title提示tip标签提示

方法一

效果:

在项目文件夹/public/assets/js/backend-init.js添加以下代码

 var tip_index = '';
            $("body").on("mouseenter",'div',function() {
                if(!$(this).attr('title')){
                    return;
                }
                    var that = this;
                    var text = $(this).text();
                    tip_index = layer.tips(text, that,{
                        tips: [2, '#181818'],
                        time: 0,
                        maxWidth: '300px'
                    });
            }).on('mouseleave','div', function(){
                layer.close(tip_index);
            })

方法二

直接使用fastadmin自带tooltip,在元素添加data-toggle="tooltip" title="提示内容"即可

<div style="display: flex;align-items: end;font-size:12px;color: #000;cursor: pointer;" data-toggle="tooltip" title="APP版本:${data.app_version}">
                                    <div class="price" style="opacity: 1;font-size: 12px;font-weight: 400;font-family: 'PingFang SC';text-align: left;line-height: 20px;">APP版本:</div>
                                    <div style="margin-left: 9px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">${data.app_version}</div>
                                </div>