🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 底部导航 * 装载方式 ~~~ head.append(sbh_include_css('block/nav/1')); <script type="text/javascript" src="../include/1.1.0/block/nav/1.js"></script> ~~~ * HTML部分 ~~~ <div class="dis nav_1" id="nav" style="display: none;"> <div class="object_check" fun="index"> <div><i on="v8 sbh-1" off="v8 sbh-shouye1"></i><note></note></div> <div>栏目一</div> </div> <div class="object_check" fun="task"> <div><i on="v8 sbh-biaodanbiaoqian" off="v8 sbh-biaodan"></i><note></note></div> <div>栏目二</div> </div> <div class="object_check" fun="coupon"> <div><i on="v8 sbh-jingdong_" off="v8 sbh-jingdong"></i><note></note></div> <div>栏目三</div> </div> <div class="object_check" fun="me"> <div><i on="v8 sbh-04f" off="v8 sbh-icon"></i><note></note></div> <div>栏目四</div> </div> </div> ~~~ * HTML参数设置 ~~~ 1. id 识别索引 2. fun 点击执行函数名 3. on 选中时候展示图标 4. off 未选中时候展示图标 ~~~ * JS加载 ~~~ var format = 0; //初始选中栏目 nav_1({'id':'nav','format':0}); ~~~ * 参数说明 ~~~ 1. id 识别标识 2. format 选中栏目(起始0) ~~~