当前博客:动态选项卡 标题前面,怎么添加圆点

135 次浏览【转载需注明来源】

博客作者:【编程侠客】

个性签名:寒窗苦读十年一朝凤舞九天

不是动态的可以添加,但是这个方法传参的 不知道怎么加 ,测试几次都没有成功

默认排序
Generic placeholder image
Generic placeholder image
已采纳
快码FOF编程 Time: 2024-01-18 09:50:58

可以把HTML翻译成英文在写

[lay_元素.选项卡配置.标题]: "<span class='layui-badge-dot'></span> 选项卡的标题",
Generic placeholder image
快码FOF编程 Time: 2024-01-17 22:51:31
<区块 类名="lay-选项卡" lay-过滤器="测试" lay-允许关闭="真">
    <无序列表 类名="lay-选项卡-标题">
        <列表项 类名="lay-选中"><行内元素 类名="lay-徽章-圆点"></行内元素> 网站设置</列表项>
    </无序列表>
    <区块 类名="lay-选项卡-内容" 行内样式="高度: 150px">
        <区块 类名="lay-选项卡-项目 lay-显示">内容内容</区块>
    </区块>
</区块>
<样式>
    .lay-选项卡 .lay-徽章-圆点 {
        背景: #ccc;
        右边距: 10px;
    }
    .lay-选项卡 .lay-选中 .lay-徽章-圆点 {
        背景: 颜色值-蓝色;
    }
</样式>
<脚本>
    lay_元素.选项卡添加("测试", {
        [lay_元素.选项卡配置.标题]: "<行内元素 类名='lay-徽章-圆点'></行内元素> 选项卡的标题",
        [lay_元素.选项卡配置.内容]: "选项卡的内容", //支持传入html
        [lay_元素.选项卡配置.id]: "123"
    });
</脚本>

核心代码是这一段

[lay_元素.选项卡配置.标题]: "<行内元素 类名='lay-徽章-圆点'></行内元素> 选项卡的标题",

Generic placeholder image
编程侠客 回复 1楼 快码FOF编程 Time: 2024-01-18 00:35:41

我这 

就报错了 

Generic placeholder image
编程侠客 回复 1楼 快码FOF编程 Time: 2024-01-18 00:56:09

 

不知道哪的问题, 麻烦老师看下


动态选项卡 标题前面,怎么添加圆点