使用Hbuilder的mui框架开发移动端非常便利、高效； 底部导航栏切换功能也是移动APP开发中必须实现的； 引入mui文件、下面会用到jquery，同时引进 html代码： 在index的同级目录下创建首页，商城和购物车页面，home.html ...

...

1.建好子模板目录 2.导航代码 <nav class="mui-bar mui-bar-tab"> <a id="defaultTab" class="mui-tab-item mui-active" href="html/home1.html"> < ...

1.登陆页面进入之后，进入到main页面，main页面只有一个底部导航，然后引入子页面进行渲染。 2.css部分，点击高亮切换图片。 3，js部分 4.子页面需要调用的。 ...

mui是通过mui-active的class属性来表示激活状态（改变该按钮的颜色） 配合router-link的linkActiveClass属性，就能在每次点击后并且跳转后，改变样式。 ...

样式代码 <style type="text/css"> *{ padding:0px; margin:0px; } li{ ...

...

mui 底部导航栏的实现 ...