javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 04:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(demos): forms and input

Browse Source
This commit is contained in:
Drew Rygh
2015-11-04 19:37:41 -06:00
parent 19ce43a182
commit a766c20d65
50 changed files with 306 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
demos/component-docs/cards/image/pages.ts Normal file
View File

@ -0,0 +1,13 @@
import {Page} from 'ionic/ionic';
import {forwardRef} from 'angular2/angular2';
import {AndroidAttribute} from '../../helpers';
@Page({
templateUrl: 'cards/image/template.html',
directives: [forwardRef(() => AndroidAttribute)]
})
export class ImagePage {
constructor() {
}
}

140
demos/component-docs/cards/image/template.html Normal file
View File

@ -0,0 +1,140 @@
<ion-navbar *navbar hide-back-button class="show-navbar android-attr">
<ion-title>Card Images</ion-title>
</ion-navbar>
<ion-content class="has-header components-demo cards-bg">
<ion-card>
<img src="img/nin-live.png"/>
<ion-card-content>
<h2 class="card-title">
Nine Inch Nails Live
</h2>
<p>
The most popular industrial group ever, and largely responsible for bringing the music to a mass audience.
</p>
</ion-card-content>
<ion-item actions class="demo-card">
<button clear item-left danger>
<icon star></icon>
Favorite
</button>
<button clear item danger>
<icon musical-notes></icon>
Listen
</button>
<button clear item-right danger>
<icon share-alt></icon>
Share
</button>
</ion-item>
</ion-card>
<ion-card>
<div>
<img src="img/badu-live.png"/>
</div>
<ion-card-content>
<h2 class="card-title">
Erykah Badu
</h2>
<p>
American singer-songwriter, record producer, activist, and actress, Badu's style is a prime example of neo-soul.
</p>
</ion-card-content>
<ion-item actions class="demo-card">
<button clear item-left danger>
<icon star></icon>
Favorite
</button>
<button clear item danger>
<icon musical-notes></icon>
Listen
</button>
<button clear item-right danger>
<icon share-alt></icon>
Share
</button>
</ion-item>
</ion-card>
<ion-card>
<div>
<img src="img/queen-live.png"/>
</div>
<ion-card-content>
<h2 class="card-title">
Queen
</h2>
<p>
The British rock band formed in London in 1970, and is considered one of the biggest stadium rock bands in the world.
</p>
</ion-card-content>
<ion-item actions class="demo-card">
<button clear item-left danger>
<icon star></icon>
Favorite
</button>
<button clear item danger>
<icon musical-notes></icon>
Listen
</button>
<button clear item-right danger>
<icon share-alt></icon>
Share
</button>
</ion-item>
</ion-card>
<ion-card>
<div>
<img src="img/rundmc-live.png"/>
</div>
<ion-card-content>
<h2 class="card-title">
Run-D.M.C.
</h2>
<p>
The American hip hop group widely acknowledged as one of the most influential acts in the history of hip hop.
</p>
</ion-card-content>
<ion-item actions class="demo-card">
<button clear item-left danger>
<icon star></icon>
Favorite
</button>
<button clear item danger>
<icon musical-notes></icon>
Listen
</button>
<button clear item-right danger>
<icon share-alt></icon>
Share
</button>
</ion-item>
</ion-card>
</ion-content>