javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(split-pane): update split-pane test to match v3

Browse Source
This commit is contained in:
Brandy Carney
2018-01-23 16:56:13 -05:00
parent 58ba18b505
commit d1a3f9a963
1 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
packages/core/src/components/split-pane/test/basic/index.html
View File

@@ -49,12 +49,21 @@
<ion-header>
<ion-toolbar>
<ion-title>Ionic CDN demo</ion-title>
<ion-buttons slot="start">
<ion-button onclick="openLeft()"><ion-icon slot="icon-only" name="menu"></ion-icon></ion-button>
</ion-buttons>
<ion-title>Navigation</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-button onclick="openLeft()">Open left menu</ion-button>
<h1>Page 1</h1>
<ion-button onclick="push()">Push</ion-button>
<ion-button onclick="menu()">Disable/enable menu</ion-button>
<f></f>
<f></f>
<f></f>
<f></f>
</ion-content>
</ion-page>
@@ -64,11 +73,34 @@
<ion-menu-controller></ion-menu-controller>
<script>
const menu = document.querySelector('ion-menu-controller');
const menuCtrl = document.querySelector('ion-menu-controller');
function openLeft() {
console.log('Open left menu');
menu.open('left');
menuCtrl.open('left');
}
function push() {
console.log('Push page');
}
function menu() {
console.log('Disable/enable menu');
menuCtrl.enable(!menuCtrl.isEnabled());
}
</script>
<style>
f {
display: block;
height: 150px;
width: 150px;
background-color: blue;
margin: 15px auto;
}
f:last-child {
background-color: red;
}
</style>
</body>
</html>