我有用於啓動畫面的圖像2048x2048px。使用this教程,我裁剪它爲不同的設備。應用程序加載後,它打開了一個主視圖(使用登錄頁面)。我需要在該視圖中設置該圖像的背景。像啓動畫面的背景圖像
但是爲了改變加載後的圖像並不明顯,我需要將圖片也剪掉,作爲初始啓動畫面。我該怎麼做?
登錄視圖:
<ion-view hide-nav-bar="true" class="login-view">
<div class="row">
<div class="col">
<img class="logo" src="img/logo.png">
</div>
</div>
<div class="row">
<div class="col">
<button class="login-btn button button-block button-dark" ng-click="Login()">
{{'Login' | translate }}
</button>
</div>
</div>
</ion-view>
離子視我的CSS類:
.login-view{
background-image: url('../img/splash.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
你的問題是bi不清楚。據我所知,你的圖像出現在啓動畫面,但不是在登錄窗體上的背景,對吧? –
@GokulShinde登錄表單圖像出現,但在分辨率2048x2048px,我不知道如何在我的啓動畫面中裁剪它。 – mreoer
您是否使用過引導程序或任何響應主題? –