第一步：添加CSS文件
在RIPRO后台ripro主题设置-顶部设置-代码框内复制以下代码进去。
/***二级导航前面小圆点***/
.lanse {
box-sizing: border-box;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
top: 57%;
margin-left: 10px;
margin-top: -6px;
left: 2px;
border-color: #61e1b9;
border: 3px solid #70d7cf;
}
.lvse {
box-sizing: border-box;
content: '';
width: 5px;
height: 5px;
border-radius: 57%;
position: absolute;
top: 57%;
margin-left: 10px;
margin-top: -6px;
left: 2px;
border-color: #00adff;
border: 3px solid #00adff;
}
.huangse {
box-sizing: border-box;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
top: 57%;
margin-left: 10px;
margin-top: -6px;
left: 2px;
border-color: #61e1b9;
border: 3px solid #f5c745;
}
.hongse {
box-sizing: border-box;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
top: 57%;
margin-left: 10px;
margin-top: -6px;
left: 2px;
border-color: #61e1b9;
border: 3px solid #f1787f;
}
/***二级导航前面小圆点结束***/
第二步：添加代码
在需要显示圆点的菜单前面添加以下代码
<i class="hongse"></i> //这里的"hongse"对应的是上面CSS样式，一共4个样式，根据自己的爱好可以作相应的调整，双引号内hongse可更换为lanse/lvse/huangse,自己测试看喜欢什么！
转自：RIPRO-计划书之家
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
