ionis滑动

来源：互联网发布：mac brew ant 编辑：程序博客网时间：2024/06/07 12:06

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <link rel="stylesheet" href="lib/css/ionic.css">    <script src="lib/js/ionic.bundle.js"></script>    <script>        var app = angular.module("app",["ionic"]);        app.controller("myCtrl",function ($scope) {        });    </script>    <style>        img{            width:100%;            height:100%;        }        button{            position: fixed;            left:50%;            bottom: 100px;        }    </style></head><body ng-app="app" ng-controller="myCtrl"><ion-slide-box auto-play="true" slide-interval="2000">    <ion-slide>        <div class="box blue"><img src="lib/img/bbig1.jpg"></div>    </ion-slide>    <ion-slide>        <div class="box yellow"><img src="lib/img/bbig3.jpg"></div>    </ion-slide>    <ion-slide on-slide-changed="slideHasChanged(index)">        <div class="box pink"><img src="lib/img/bbig4.jpg">        <button class="button button-positive">进入</button>        </div>    </ion-slide></ion-slide-box></body></html>

阅读全文

0 0