首页 > 其他分享 >RiPro主题二级菜单添加小圆点图标

RiPro主题二级菜单添加小圆点图标

时间:2022-12-16 15:02:52浏览次数:64  
标签:box 12px top 50% RiPro left 小圆点 border 图标

RiPro主题二级菜单添加小圆点图标

效果展示

RiPro主题二级菜单添加小圆点图标_.net


在ripro/assets/css/diy.css 中添加下列CSS

.lanse{box-sizing:border-box;content:'';
width:12px;height:12px;border-radius:50%;
position:absolute;top:50%;margin-left:10px;
margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #7a99f2}
.lvse{box-sizing:border-box;content:'';
width:12px;height:12px;border-radius:50%;
position:absolute;top:50%;margin-left:10px;margin-top:-6px;
left:0;border-color:#61e1b9;border:3px solid #70d7cf}
.huangse{box-sizing:border-box;content:'';
width:12px;height:12px;border-radius:50%;
position:absolute;top:50%;margin-left:10px;
margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #f5c745}
.hongse{box-sizing:border-box;content:'';
width:12px;height:12px;border-radius:50%;
position:absolute;top:50%;margin-left:10px;
margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #f1787f}

在后台-菜单里设置,共有四个样式,任选其一即可!

<i class="lanse"></i> 首页
<i class="lvse"></i> 首页
<i class="huangse"></i> 首页
<i class="hongse"></i> 首页

资源宝分享:​​www.httple.net​

标签:box,12px,top,50%,RiPro,left,小圆点,border,图标
From: https://blog.51cto.com/yunbk/5947478

相关文章