RIPRO美化二级菜单增加小圆点

第一步：添加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-计划书之家