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

feat(grid): adding some markup for grids

Browse Source 
references #536
This commit is contained in:
Brandy Carney
2015-11-16 13:30:14 -05:00
parent b5384e0dd9
commit 6f66cc23c9
2 changed files with 51 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ionic/components/grid/test/basic/index.ts Normal file
View File

@@ -0,0 +1,7 @@
import {App} from 'ionic/ionic';
@App({
templateUrl: 'main.html'
})
class E2EApp {}

44
ionic/components/grid/test/basic/main.html Normal file
View File

@@ -0,0 +1,44 @@
<ion-toolbar><ion-title>Grid</ion-title></ion-toolbar>
<ion-content class="grid-demo">
<ion-row>
<ion-col>Col 1</ion-col>
<ion-col>Col 2</ion-col>
<ion-col>Col 3</ion-col>
<ion-col>
Col 4<br>
w/ 3 lines<br>
of text<br>
</ion-col>
</ion-row>
<ion-row center>
<ion-col>Col 1</ion-col>
<ion-col>Col 2</ion-col>
<ion-col>Col 3</ion-col>
<ion-col>
Col 4<br>
w/ 3 lines<br>
center<br>
</ion-col>
</ion-row>
<ion-row baseline>
<ion-col>Col 1</ion-col>
<ion-col>Col 2</ion-col>
<ion-col>Col 3</ion-col>
<ion-col>
Col 4<br>
w/ 3 lines<br>
baseline<br>
</ion-col>
</ion-row>
</ion-content>
<style>
.grid-demo ion-col {
background-color: #f7f7f7;
border: 1px solid #ddd;
margin: 1px;
}
</style>