使用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 底部導航欄的實現 ...