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(header): update header markup

Browse Source
This commit is contained in:
Adam Bradley
2016-06-17 11:43:30 -05:00
parent 33672aef62
commit 1a8f6d745d
121 changed files with 1418 additions and 824 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/scroll/test/basic/main.html
View File

@@ -1,26 +1,32 @@
<!-- <ion-view nav-title="Pull to refresh"> -->
<ion-toolbar><ion-title>Scroll</ion-title></ion-toolbar>
<ion-header>
<ion-content>
<ion-toolbar>
<ion-title>Scroll</ion-title>
</ion-toolbar>
<h2>Horizontal</h2>
<ion-scroll scroll-x="true" style="height: 200px">
<div style="height: 200px; width: 2500px; background: url('eight_horns.png') repeat"></div>
</ion-scroll>
</ion-header>
<h2>Vertical</h2>
<ion-scroll scroll-y="true" style="width: 200px; height: 500px">
<div style="height: 2500px; width: 200px; background: url('eight_horns.png') repeat"></div>
</ion-scroll>
<h2>Both</h2>
<ion-scroll scroll-x="true" scroll-y="true" style="width: 100%; height: 500px">
<div style="height: 2500px; width: 2500px; background: url('eight_horns.png') repeat"></div>
</ion-scroll>
<ion-content>
<h2>Horizontal</h2>
<ion-scroll scroll-x="true" style="height: 200px">
<div style="height: 200px; width: 2500px; background: url('eight_horns.png') repeat"></div>
</ion-scroll>
<h2>Vertical</h2>
<ion-scroll scroll-y="true" style="width: 200px; height: 500px">
<div style="height: 2500px; width: 200px; background: url('eight_horns.png') repeat"></div>
</ion-scroll>
<h2>Both</h2>
<ion-scroll scroll-x="true" scroll-y="true" style="width: 100%; height: 500px">
<div style="height: 2500px; width: 2500px; background: url('eight_horns.png') repeat"></div>
</ion-scroll>
</ion-content>
</ion-content>
<!-- </ion-view> -->
<style>
f { display: block; height: 400px; width: 100%; background-color: #387ef5; margin-bottom: 15px; }
#counter {