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

list item image

Browse Source
This commit is contained in:
Adam Bradley
2013-10-23 22:58:27 -05:00
parent ce8d34fa5e
commit ca90a13524
7 changed files with 91 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
test/cards.html
View File

@@ -90,21 +90,19 @@
<div class="list card">
<a href="#" class="list-item list-thumbnail">
<div href="#" class="list-item list-item-thumbnail">
<div class="list-item-content">
<img src="http://tutupash.com/site/assets/nin_logo.jpeg">
<h2>Pretty Hate Machine</h2>
<p>Nine Inch Nails</p>
</div>
</a>
</div>
<a href="#" class="list-item list-thumbnail">
<div href="#" class="list-item list-item-image">
<div class="list-item-content">
<img src="http://ecx.images-amazon.com/images/I/41D5vU4I1NL.jpg">
<h2>Pretty Hate Machine</h2>
<p>Nine Inch Nails</p>
</div>
</a>
</div>
<a href="#" class="list-item list-icon-left">
<div class="list-item-content">

6
test/index.html
View File

@@ -46,9 +46,9 @@
<script>
// cache buster only for testing to make sure the page is always refreshed
for(var x=0; x<document.links.length; x++) {
document.links[x].href += "?r=" + Math.random();
}
// for(var x=0; x<document.links.length; x++) {
// document.links[x].href += "?r=" + Math.random();
// }
</script>
</body>

20
test/lists.html
View File

@@ -345,10 +345,10 @@
<button class="button button-secondary" id="btn-test-left">Test Slide Left</button>
</div>
<h3>Thumbnails .list-thumbnail</h3>
<h3>Thumbnails .list-item-thumbnail</h3>
<div class="list">
<a href="#" class="list-item list-thumbnail">
<a href="#" class="list-item list-item-thumbnail">
<div class="list-item-content">
<img src="http://ecx.images-amazon.com/images/I/41D5vU4I1NL.jpg">
<h2>Pretty Hate Machine</h2>
@@ -356,7 +356,7 @@
</div>
</a>
<a href="#" class="list-item list-thumbnail">
<a href="#" class="list-item list-item-thumbnail">
<div class="list-item-content">
<img src="http://ecx.images-amazon.com/images/I/51tr3o4kd9L.jpg">
<h2>Nevermind</h2>
@@ -364,7 +364,7 @@
</div>
</a>
<a href="#" class="list-item list-thumbnail">
<a href="#" class="list-item list-item-thumbnail">
<div class="list-item-content">
<img src="http://ecx.images-amazon.com/images/I/51j-SggaWSL.jpg">
<h2>License To Ill</h2>
@@ -372,7 +372,7 @@
</div>
</a>
<a href="#" class="list-item list-thumbnail">
<a href="#" class="list-item list-item-thumbnail">
<div class="list-item-content">
<img src="http://ecx.images-amazon.com/images/I/61e6mUocZNL.jpg">
<h2>Dookie</h2>
@@ -382,10 +382,10 @@
</div>
<h3>Large Thumbnails .list-thumbnail-lrg</h3>
<h3>Large Thumbnails .list-item-thumbnail-lrg</h3>
<div class="list">
<a href="#" class="list-item list-thumbnail-lrg">
<a href="#" class="list-item list-item-thumbnail-lrg">
<div class="list-item-content">
<img src="http://ecx.images-amazon.com/images/I/41D5vU4I1NL.jpg">
<h2>Pretty Hate Machine</h2>
@@ -393,7 +393,7 @@
</div>
</a>
<a href="#" class="list-item list-thumbnail-lrg">
<a href="#" class="list-item list-item-thumbnail-lrg">
<div class="list-item-content">
<img src="http://ecx.images-amazon.com/images/I/51tr3o4kd9L.jpg">
<h2>Nevermind</h2>
@@ -401,7 +401,7 @@
</div>
</a>
<a href="#" class="list-item list-thumbnail-lrg">
<a href="#" class="list-item list-item-thumbnail-lrg">
<div class="list-item-content">
<img src="http://ecx.images-amazon.com/images/I/51j-SggaWSL.jpg">
<h2>License To Ill</h2>
@@ -409,7 +409,7 @@
</div>
</a>
<a href="#" class="list-item list-thumbnail-lrg">
<a href="#" class="list-item list-item-thumbnail-lrg">
<div class="list-item-content">
<img src="http://ecx.images-amazon.com/images/I/61e6mUocZNL.jpg">
<h2>Dookie</h2>