原文：Material使用01 側邊欄MdSidenavModule、工具欄MdTollbarModule
前提准備： 構建好一個Angular 應用 熟悉CSS的flex布局風格 利用flex進行布局 . 創建三個組件 app header app main app footer . 在主組件中編寫大體結構代碼 . 在全局樣式中編寫代碼實現flex風格布局 . 布局效果如下 利用MdSidenavModule快速構建側邊欄 . 下載相關的依賴包 cnpm i save angular material ...
2017-12-21 16:45 0 1600 推薦指數：
相關推薦
不多bb，直接上代碼 html的代碼： css的代碼 重點來了，js的代碼： js就實現了，切換的功能，很簡陋，等有空了再加點功能 ...
側邊欄效果，至於頁面左部分。點擊menu菜單，出現側邊欄，點擊關閉，關閉菜單欄。 效果圖： 1.首先要引入boostrap的css庫、字體圖標。 2.html如下： 3.設置樣式關鍵代碼用紅色標出。 <style> ...
兩種效果如下所示： 隱藏側邊欄： 折疊側邊欄： 下面，分享隱藏側邊欄實現方法： 實現思路：給body切換class，通過class控制側邊欄和主體部分left 來實現效果 html部分： <div class="sidebar">側邊欄< ...
在線實例 左邊欄 右邊欄 使用方法 <div class="txt"> <p class="btn"> <span id ...
側邊欄的使用范例： ...
側邊欄功能實現圖片： ...
kibana項目自帶的側邊欄配置在 src/legacy/core_pugins/kibana/index.js 這里有一個new kibana.Plugin 側邊欄的配置找找就找到了 如果我們自己創建了插件，默認的插件在側邊欄里面是字母大寫，不是很好看，並且名字也是創建的時候的文件名 ...