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

test(img): use local images

Browse Source
This commit is contained in:
Cam Wiegert
2018-10-09 14:16:40 -05:00
parent a09d0bc82e
commit 25f6e28e9c
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/img/test/basic/index.html
View File

@ -22,14 +22,14 @@
<ion-content padding> <ion-content padding>
<f></f> <f></f>
<f></f> <f></f>
<ion-img src="https://i.ytimg.com/vi/rq6M3imPgW4/maxresdefault.jpg"></ion-img> <ion-img src="/src/components/img/test/check.png"></ion-img>
<f></f> <f></f>
<f></f> <f></f>
<f></f> <f></f>
<f></f> <f></f>
<f></f> <f></f>
<f></f> <f></f>
<ion-img id="hidden-car" src="https://www.ericpetersautos.com/wp-content/uploads/2017/11/1961-Ferrari-250-GT-SWB-Berlinetta-by-Scaglietti_Erik-Fuller-c-2016-Courtesy-RM-Sothebys-1.jpg"></ion-img> <ion-img id="hidden" src="/src/components/img/test/check.png"></ion-img>
</ion-content> </ion-content>
@ -48,7 +48,7 @@
background: blue; background: blue;
} }
#hidden-car { #hidden {
width: 300px; width: 300px;
} }

BIN
core/src/components/img/test/check.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

10
core/src/components/img/test/standalone/index.html
View File

@ -12,16 +12,16 @@
<body padding onLoad="render()"> <body padding onLoad="render()">
<h2>Default</h2> <h2>Default</h2>
<ion-img src="https://i.ytimg.com/vi/rq6M3imPgW4/maxresdefault.jpg"></ion-img> <ion-img src="/src/components/img/test/check.png"></ion-img>
<h2>Custom Width</h2> <h2>Custom Width</h2>
<ion-img class="custom-width" src="https://www.ericpetersautos.com/wp-content/uploads/2017/11/1961-Ferrari-250-GT-SWB-Berlinetta-by-Scaglietti_Erik-Fuller-c-2016-Courtesy-RM-Sothebys-1.jpg"></ion-img> <ion-img class="custom-width" src="/src/components/img/test/check.png"></ion-img>
<h2>Custom Height</h2> <h2>Custom Height</h2>
<ion-img class="custom-height" src="https://images.unsplash.com/photo-1521657142174-c7353dc830cd?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4e244f754794055f338bdfad9f8fdca7&auto=format&fit=crop&w=1951&q=80"></ion-img> <ion-img class="custom-height" src="/src/components/img/test/check.png"></ion-img>
<h2>Custom Height / Fit</h2> <h2>Custom Height / Fit</h2>
<ion-img class="custom-height-fit" src="https://images.unsplash.com/photo-1521657142174-c7353dc830cd?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=4e244f754794055f338bdfad9f8fdca7&auto=format&fit=crop&w=1951&q=80"></ion-img> <ion-img class="custom-height-fit" src="/src/components/img/test/check.png"></ion-img>
<h2>Grid of Images</h2> <h2>Grid of Images</h2>
<ion-grid id="imageGrid"></ion-grid> <ion-grid id="imageGrid"></ion-grid>
@ -60,7 +60,7 @@
html += ` html += `
<ion-col> <ion-col>
${image} ${image}
<ion-img src="https://picsum.photos/200?image=${image}"> <ion-img src="/src/components/img/test/check.png">
</ion-col> </ion-col>
`; `;