layui的layer.tips支持html富文本，需直接传入含标签的字符串（如），并启用tipsmore: true配合自定义skin类控制样式；移动端须同时监听mouseenter/touchstart及mouseleave/touchend事件，并设time: 0防止自动关闭。
要在Layui的layer.tips中显示带格式的富文本内容，比如加粗文字、换行、链接或小图标，必须绕过原生纯文本限制，用HTML字符串直接传入content参数，并确保样式与结构不被框架过滤或转义。
直接传入HTML字符串作为content
layer.tips的第一个参数content支持HTML字符串，无需额外配置：调用时直接把含标签的字符串传进去即可。
例如：layer.tips('<strong>重要</strong>：请确认操作<br><small>（支持换行与内联样式）</small>', elem, {tips: [2, '#FFB800']});
这一步操作起来很简单，直接把文件拖进去就行。
⚠️注意：HTML内容会被浏览器原生解析，但layer.tips默认对特殊字符不做转义处理，若content来自用户输入，必须由后端或前端提前做XSS清洗，否则存在安全风险。
控制富文本样式与布局
layer.tips容器本身没有class暴露给外部CSS，但可通过options.tipsMore设为true启用自定义class，再配合CSS选择器精准控制：
在调用时添加 tipsMore: true 和 skin: 'my-tips-html'；
然后在全局CSS中写：.my-tips-html .layui-layer-content { line-height: 1.5; padding: 8px 12px; font-size: 14px; }；
这样就能让换行
、、等标签真正生效，且文字不会挤在一起。
如果不加tipsMore: true，.layui-layer-content会套上默认skin类，你写的CSS可能被层级覆盖而无效。
适配移动端点击穿透与长按触发
移动端Safari和部分安卓浏览器不响应hover，仅靠mouseenter无法稳定触发tips——必须同时监听touchstart事件。
第一步：绑定双事件，用jQuery写法：$(elem).on('mouseenter touchstart', function(e) { e.preventDefault(); layer.tips(htmlContent, this, {time: 0}); });
第二步：手动绑定mouseleave和touchend关闭tips，避免残留：$(document).on('mouseleave touchend', '.layui-layer-tips', function() { layer.closeAll('tips'); });
第三步：关闭自动消失（time: 0是必须的），否则移动端手指移开前tips就消失了，根本来不及看完整内容。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
