Question

我目前正在进行离子v1项目，我需要为应用程序添加背景幻灯片，但无法在离子中找到如何做到这一点。我试过https://tympanus.net/codrops/2013/04/17/background-slideshow/但我需要一些与angular.js一起使用的东西。感谢

Answer 1

<ion-content scroll="false" class="padding">
 <div class="full">
    <div class="half">
  <ion-slides options="options" slider="data.slider">
    <ion-slide-page>

        <center>    <i class="ion-android-archive homefont"></i>
   <h2>Post a request</h2>
   <p></p>
      </center>
    </ion-slide-page>
    <ion-slide-page>
        <center>    <i class="ion-locked homefont"></i>
   <h2>Safe Deposit</h2>
   <p></p>
      </center>
    </ion-slide-page>
    <ion-slide-page>
      <center>  <i class="ion-plane homefont"></i>
   <h2>Traveller Fulfills</h2>
   <p></p>
      </center>
    </ion-slide-page>
  </ion-slides>
  </div>
  <div class="2half">
 <div class=" padding-top">
     <center > <img src="img/logo.jpg" alt="logo" width=80 height=80></center>
     </div>
   <div class=" padding-vertical">
  <button class="button button-block button-positive">
 Post Your Request
</button></div>
<button class="button button-block button-positive">
  Post Your Trip
</button>
</div>
</div>
</ion-content>

类full的高度为100％，而half和2half的高度均为50％，显示值为block。


使滑块变为全背景滑块类的半高将为100％

离子v1的背景滑块

1 个答案: