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>
相關文章
- 【學習圖片】07:JPEG
- [SQL]學習007有感SQL
- Day07——Java新手學習Java
- 學習筆記 07 --- JUC集合筆記
- 學習流程-2024-07
- Java基礎-學習筆記07Java筆記
- pandas學習task07缺失資料
- 07.初步學習redis哨兵機制Redis
- 設計師學習HTML/CSS之路-07HTMLCSS
- Linux運維學習記錄07Linux運維
- 學習Android-2024-07Android
- 學習產品快報07 | “CSDN學習”移動端上線,讓學習隨時隨地
- 前端學習-vue影片學習007-標籤的ref屬性前端Vue
- 蘇嵌學習日誌0716
- 蘇嵌學習日誌0711
- OpenGL 學習 07 向量 矩陣變換 投影矩陣
- 【Redis學習筆記】2018-07-11 Redis指令學習5Redis筆記
- 【Redis學習筆記】2018-07-10 Redis指令學習3Redis筆記
- 11月07日 考研英語學習任務
- 【學習】SQL基礎-007-子查詢SQL
- 學習進度條2024-06-07
- 浩浩同學-資訊學-2020-07-29-學習記錄
- git reset 命令詳解(一)—— Git 學習筆記 07Git筆記
- POJ 3070 Fibonacci(需要繼續學習)
- ccnp學習007--路由與交換(03ospf)路由
- 傳智黑馬python基礎學習——day07Python
- 彙編學習筆記07——BCD碼及調整指令筆記
- iOS學習筆記07 運動事件和遠端控制iOS筆記事件
- 《吳恩達機器學習》學習筆記007_支援向量機吳恩達機器學習筆記
- 【C#學習筆記】讀access2007C#筆記
- java學習第二天 20207/7Java
- POJ3070 Fibonacci[矩陣乘法]【學習筆記】矩陣筆記
- 學習學習再學習
- ADMIN07 - 綜合練習
- 寫給產品經理的12封信(第07封:學習能力)
- Linux系統學習07-Centos軟體安裝幾種方法LinuxCentOS
- day10-pygame基礎操作學習/2018-07-27GAM
- 洛谷----P1079 Vigenère 密碼(知識點學習)密碼