第一步:添加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-计划书之家
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。