ionic[卡片][表单]

 1 <div class="bar bar-header">
 2     <h1 class="title">bar-header</h1>
 3 </div>
 4 
 5 <div class="content has-header ionic-pseudo">
 6     <div class="list card">
 7         <a href="#" class="item item-icon-left">
 8             <i class="icon ion-home"></i>
 9             111
10         </a>
11         <a href="#" class="item item-icon-left">
12             <i class="icon ion-home"></i>
13             111
14         </a>
15         <a href="#" class="item item-icon-left">
16             <i class="icon ion-home"></i>
17             111
18         </a>
19     </div>
20 </div>

 1 <div class="bar bar-header">
 2     <h1 class="title">bar-header</h1>
 3 </div>
 4 
 5 <div class="content has-header ionic-pseudo">
 6     <div class="list card">
 7         <div class="item item-avatar">
 8             <img src="http://www.runoob.com/try/demo_source/nin_logo.jpeg" alt=""/>
 9             <h2>Pretty Hate Machine</h2>
10             <p>Nine Inch Nails</p>
11         </div>
12         <div class="item item-image">
13             <img src="http://www.runoob.com/try/demo_source/41D5vU4I1NL.jpg" alt=""/>
14         </div>
15         <a href="#" class="item item-icon-left assertive">
16             <i class="icon ion-music-note"></i>
17             Start listening
18         </a>
19     </div>
20 </div>