mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-26 08:13:34 +08:00
76 lines
1.7 KiB
HTML
76 lines
1.7 KiB
HTML
|
|
<ion-navbar *navbar class="show-navbar android-attr">
|
|
<ion-title>Social Card</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-content class="has-header components-demo cards-bg">
|
|
|
|
<ion-card>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="img/marty-avatar.png">
|
|
</ion-avatar>
|
|
<h2>Marty McFly</h2>
|
|
<p>November 5, 1955</p>
|
|
</ion-item>
|
|
|
|
<img src="img/advance-card-bttf.png">
|
|
|
|
<ion-card-content>
|
|
<p>Wait a minute. Wait a minute, Doc. Uhhh... Are you telling me that you built a time machine... out of a DeLorean?! Whoa. This is heavy.</p>
|
|
</ion-card-content>
|
|
|
|
<ion-item actions class="demo-card">
|
|
<button primary clear item-left>
|
|
<icon thumbs-up></icon>
|
|
<div style="color: #4b4b4b">12 Likes</div>
|
|
</button>
|
|
<button primary clear item-left>
|
|
<icon text></icon>
|
|
<div style="color: #4b4b4b">4 Comments</div>
|
|
</button>
|
|
<p item-left class="time-ago">
|
|
11h ago
|
|
</p>
|
|
</ion-item>
|
|
|
|
</ion-card>
|
|
|
|
<ion-card>
|
|
|
|
<ion-item>
|
|
<ion-avatar item-left>
|
|
<img src="img/ian-avatar.png">
|
|
</ion-avatar>
|
|
<h2>Dr. Ian Malcolm</h2>
|
|
<p>June 28, 1990</p>
|
|
</ion-item>
|
|
|
|
<img src="img/advance-card-jp.jpg">
|
|
|
|
<ion-card-content>
|
|
<p>Your scientists were so preoccupied with whether or not they could, that they didn't stop to think if they should.</p>
|
|
</ion-card-content>
|
|
|
|
<ion-item actions class="demo-card">
|
|
<button primary clear item-left>
|
|
<icon thumbs-up></icon>
|
|
<div style="color: #4b4b4b">46 Likes</div>
|
|
</button>
|
|
<button primary clear item-left>
|
|
<icon text></icon>
|
|
<div style="color: #4b4b4b">66 Comments</div>
|
|
</button>
|
|
<p item-left class="time-ago">2d ago</p>
|
|
</ion-item>
|
|
|
|
</ion-card>
|
|
|
|
|
|
</ion-content>
|
|
|
|
|
|
|
|
|