ionc學習--07
側邊欄ion-menu元件的基本使用
一、ion-menu元件
1.建立專案
ionic start myApp sidemenu
2.配置專案
屬性 | 作用 | 可選值 |
---|---|---|
side | 配置側邊欄的位置 | start end |
menuId | 側邊欄的唯一標識 | |
type | 配置側邊欄的彈出方式 | overlay,reveal,push |
swipe-gesture | 滑動彈出側邊欄 | true,false |
二、ion-menu-toggle
點選的時候側邊欄消失
<ion-content>
<ion-list>
<ion-menu-toggle>
<ion-item>a</ion-item>
</ion-menu-toggle>
<ion-item>b</ion-item>
<ion-item>c</ion-item>
<ion-item>d</ion-item>
</ion-list>
</ion-content>
三、ion-menu-button
<ion-toolbar>
<ion-buttons slot="start">
<ion-menu-button></ion-menu-button>
</ion-buttons>
<ion-title>{{ folder }}</ion-title>
<ion-buttons slot="end">
<ion-menu-button></ion-menu-button>
</ion-buttons>
</ion-toolbar>
相關文章
- 學習Android-2024-07Android
- 學習流程-2024-07
- 【學習圖片】07:JPEG
- Day07——Java新手學習Java
- Linux運維學習記錄07Linux運維
- Java基礎-學習筆記07Java筆記
- 【Redis學習筆記】2018-07-10 Redis指令學習3Redis筆記
- 【Redis學習筆記】2018-07-11 Redis指令學習5Redis筆記
- 學習進度條2024-06-07
- 07.初步學習redis哨兵機制Redis
- pandas學習task07缺失資料
- 設計師學習HTML/CSS之路-07HTMLCSS
- OpenGL 學習 07 向量 矩陣變換 投影矩陣
- 浩浩同學-資訊學-2020-07-29-學習記錄
- 學習產品快報07 | “CSDN學習”移動端上線,讓學習隨時隨地
- 11月07日 考研英語學習任務
- 機器學習中的數學-07-偏度與峰度機器學習
- 傳智黑馬python基礎學習——day07Python
- git reset 命令詳解(一)—— Git 學習筆記 07Git筆記
- 彙編學習筆記07——BCD碼及調整指令筆記
- iOS學習筆記07 運動事件和遠端控制iOS筆記事件
- day10-pygame基礎操作學習/2018-07-27GAM
- ADMIN07 - 綜合練習
- Linux系統學習07-Centos軟體安裝幾種方法LinuxCentOS
- 07年07月07日
- 《機器學習_07_01_svm_硬間隔支援向量機與SMO》機器學習
- 寫給產品經理的12封信(第07封:學習能力)
- TensorFlow筆記-07-神經網路優化-學習率,滑動平均筆記神經網路優化
- 【2024-07-16】減去壞習慣
- 立創泰山派學習07--串列埠UART3的收發測試串列埠
- 《機器學習_07_03_svm_核函式與非線性支援向量機》機器學習函式
- 07.ElementUI 2.X 原始碼學習:原始碼剖析之工程化(二)UI原始碼
- 大資料技術之_16_Scala學習_07_資料結構(上)-集合大資料資料結構
- 07
- 暑期自學 Day 07 | Junit,反射,註解(一)反射
- 微服務架構學習與思考(07):企業團隊組織架構如何變革?微服務架構
- GoCN每日新聞(2018-07-07)Go
- 07索引索引