mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
docs(demos): add social card example
This commit is contained in:
@@ -37,6 +37,40 @@
|
||||
|
||||
</ion-card>
|
||||
|
||||
|
||||
<ion-card>
|
||||
|
||||
<ion-item>
|
||||
<ion-avatar item-left>
|
||||
<img src="img/sarah-avatar.png.jpeg">
|
||||
</ion-avatar>
|
||||
<h2>Sarah Connor</h2>
|
||||
<p>May 12, 1984</p>
|
||||
</ion-item>
|
||||
|
||||
<img src="img/advance-card-tmntr.jpg">
|
||||
|
||||
<ion-card-content>
|
||||
<p>I face the unknown future, with a sense of hope. Because if a machine, a Terminator, can learn the value of human life, maybe we can too.</p>
|
||||
</ion-card-content>
|
||||
|
||||
<ion-item actions class="demo-card">
|
||||
<button primary clear item-left>
|
||||
<icon thumbs-up></icon>
|
||||
<div style="color: #4b4b4b">30 Likes</div>
|
||||
</button>
|
||||
<button primary clear item-left>
|
||||
<icon text></icon>
|
||||
<div style="color: #4b4b4b">64 Comments</div>
|
||||
</button>
|
||||
<p item-left class="time-ago">
|
||||
30yr ago
|
||||
</p>
|
||||
</ion-item>
|
||||
|
||||
</ion-card>
|
||||
|
||||
|
||||
<ion-card>
|
||||
|
||||
<ion-item>
|
||||
|
||||
Reference in New Issue
Block a user