ion-slide-box 在 Ionic 中不起作用
ion-slide-box not working in Ionic
我正在尝试使用一个幻灯片框,当您向左滑动时它会转到下一张幻灯片,而当您向右滑动时它会返回上一页。我按照 Ionic 网站上的说明进行操作,但它无法向任何方向滑动。
这是我的代码:
Html
<body ng-app="myApp" ng-controller="myCtrl">
<ion-header-bar class="bar-stable">
<h1 class="title">Test Starter</h1>
</ion-header-bar>
<ion-content style="color:grey;">
<ion-slide-box>
<ion-slide>
<div>
"Hello slide 1"
</div>
</ion-slide>
<ion-slide>
<div>
"Hello slide 2"
</div>
</ion-slide>
</ion-slide-box>
</ion-content>
ion-slide 仅在您滑动浏览内容时有效。
用这个替换你的代码
<ion-slide>
<div class="slide">
<p>Hello slide 1</p>
</div>
</ion-slide>
<ion-slide>
<div class="slide">
<p>Hello slide 2</p>
</div>
</ion-slide>
在style.css
.slide{
height:100vh;}
我正在尝试使用一个幻灯片框,当您向左滑动时它会转到下一张幻灯片,而当您向右滑动时它会返回上一页。我按照 Ionic 网站上的说明进行操作,但它无法向任何方向滑动。 这是我的代码:
Html
<body ng-app="myApp" ng-controller="myCtrl">
<ion-header-bar class="bar-stable">
<h1 class="title">Test Starter</h1>
</ion-header-bar>
<ion-content style="color:grey;">
<ion-slide-box>
<ion-slide>
<div>
"Hello slide 1"
</div>
</ion-slide>
<ion-slide>
<div>
"Hello slide 2"
</div>
</ion-slide>
</ion-slide-box>
</ion-content>
ion-slide 仅在您滑动浏览内容时有效。
用这个替换你的代码
<ion-slide>
<div class="slide">
<p>Hello slide 1</p>
</div>
</ion-slide>
<ion-slide>
<div class="slide">
<p>Hello slide 2</p>
</div>
</ion-slide>
在style.css
.slide{
height:100vh;}