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

test(slideBox): make test slides more contrasted

Browse Source
This commit is contained in:
Andrew
2014-12-01 14:13:32 -07:00
parent 3f33a3cd1c
commit b867caa7ca
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
test/html/slideBox.html
View File

@@ -66,11 +66,12 @@
</button>
</ion-header-bar>
<ion-content>
<ion-slide-box selected="$root.selectedIndex" loop="true" ng-if="$root.hasBox">
<ion-slide-box selected="$root.selectedIndex" loop="true" ng-if="$root.hasBox" ng-init=colors=['darkred','blue','darkgreen','darkred','indigo','brown','black']>
<ion-slide-pager></ion-slide-pager>
<ion-slide ng-repeat="i in items">
<h3>index {{$index}} / length {{items.length}}</h3>
<img ng-src="http://placehold.it/{{100 + (i*10)}}x{{100 + (i*10)}}">
<div style="height: 250px; background-color: {{colors[i % colors.length]}}; padding-top: 100px; opacity: 0.5;">
<h3 style="color: white;">index {{$index}} / length {{items.length}}</h3>
</div>
</ion-slide>
</ion-slide-box>