2017-02-16 5 views

答えて

0
<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> 

半分と2halfの両方が50%の高さを有し、表示値がブロックされている間、100%の高さを有することになる完全なクラス。

半分の高さが100%

になり、完全な背景スライダークラスにスライダーを作るために