mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
34 lines
850 B
HTML
34 lines
850 B
HTML
<!DOCTYPE html>
|
|
<html dir="ltr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Ionic Slides Basic</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<script src="/dist/ionic.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<ion-slides style="background: black"
|
|
(ionSlideWillChange)="onSlideWillChange($event)"
|
|
(ionSlideDidChange)="onSlideDidChange($event)"
|
|
(ionSlideDrag)="onSlideDrag($event)"
|
|
pager="true"
|
|
effect="flip">
|
|
|
|
<ion-slide style="background: red; color: white;">
|
|
<h1>Slide 1</h1>
|
|
</ion-slide>
|
|
|
|
<ion-slide style="background: white; color: blue;">
|
|
<h1>Slide 2</h1>
|
|
</ion-slide>
|
|
|
|
<ion-slide style="background: blue; color: white;">
|
|
<h1>Slide 3</h1>
|
|
</ion-slide>
|
|
|
|
</ion-slides>
|
|
|
|
</body>
|
|
</html>
|