选项卡删除符号显示异常

提问 未结 13 549
三翼黑崎
悬赏:20飞吻


正常拷贝示例里的选项卡显示没有问题,但放到自己代码里就显示出问题
有可能是嵌套在其他div的锅,新手上路,望大佬捞一下。

附上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/layui.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo">页面布局</div>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item"><a href="">图标分析</a></li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item"><a class="" href="javascript:;">类别管理</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">类别管理</a>
</dd>
</dl></li>
<li class="layui-nav-item"><a href="javascript:;">工作量统计</a>
<dl class="layui-nav-child">
<dd>
<a href="javascript:;">审核人工作量统计</a>
</dd>
<dd>
<a href="javascript:;">业务流水信息统计</a>
</dd>
</dl></li>
</ul>
</div>
</div>

<div class="layui-body">
<div class="layui-tab layui-tab-card" lay-filter="demo" lay-allowclose="true">
<ul class="layui-tab-title">
<li class="layui-this">初始页</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">欢迎登陆</div>
</div>
</div>
</div>
<div class="layui-footer">@transport.com 底部固定区域</div>
</div>


<script src="js/layui.all.js"></script>
<script>
layui.use('element', function() {
var $ = layui.jquery, element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
});
</script>
</body>
</html>
回帖
  • 秋心
    2020-4-9
    检查一下编码
    0 回复
  • 项目的和html上都是UTF-8,应该没问题吧
    0 回复
  • 是不是css冲突了? 用F12 查看一下元素的style
    0 回复
  • @Angel丨灬泪雨
    我能帮我看一下吗,我都没看懂是哪个样式控制那个删除符号
    0 回复
  • @三翼黑崎 看着 没有问题, 你是用的哪个版本 是不是字体库的原因? 你吧这个i 单独拿出来写到html页面,看看是什么效果? 或者从文档上多换几个,看看和文档给出的样式一样吗
    0 回复
  • @Angel丨灬泪雨
    我新开一个html页面单独写一个i是能正常显示删除符号的,但是如果放到上面那个项目里就会显示错误
    我是前几天下的layui,应该是最新版本,字体库的话,我就不知道怎么查错了
    0 回复
  • @三翼黑崎 我的意思 你在你的项目里 多写几个 i 看看和文档上的都一样吗
    0 回复
  • @Angel丨灬泪雨 没太懂什么意思[泪] ,如果在项目中加入<i>标签的话就是正常的斜体,没什么其他问题
    0 回复
  • @三翼黑崎 你现在这个i标签,样式不是有问题吗, 你在你的html里 多写一个i,看看和文档的icon 有没有不同,是都不一样 还是个别的不一样; 而且你的这个样式有问题是在你项目里,在其他地方没问题,可能是你引入了其他字体库导致icon被覆盖了
    0 回复
  • @Angel丨灬泪雨 如果我没理解错的话,你说的那个我好像上面就说了,但是没贴图,效果是这样的

    0 回复