当前博客:Layui的选项卡标题左边小圆点怎么弄!

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

博客作者:【野生程序菌】

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

Layui的选项卡标题左边小圆点怎么弄!

默认排序
Generic placeholder image
Generic placeholder image
已采纳
qiang Time: 2023-11-29 11:33:34

是自己添加的,没有设置项可以设置。

<区块 类名="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"
    });
</脚本>
Generic placeholder image
野生程序菌 Time: 2023-11-28 16:28:38

会是设置出来的吗!

Generic placeholder image
快码FOF编程 Time: 2023-11-28 20:31:41

可以等明天开发组安排回复及案例

Generic placeholder image
野生程序菌 回复 3楼 qiang Time: 2023-11-29 14:08:18

谢谢技术大哥

Generic placeholder image
编程侠客 回复 3楼 qiang Time: 2024-01-17 19:57:43

动态选项卡,方法传参过去的,标题怎么添加圆点,

Generic placeholder image
qiang 回复 5楼 编程侠客 Time: 2024-01-18 15:21:00

一样的


Layui的选项卡标题左边小圆点怎么弄!