微信小程序背景圖片不顯示

最近學着寫了一個微信小程序,可是總是是加載不出背景圖片。這裏先描述一下問題。
用下面這種辦法聲明的背景圖片在本機和手機上都無法顯示。
.container {
height: 100%;
display: flex;
flex-direction: column;
align-content: center;
box-sizing: border-box;
background-image: url(‘../assets/image/bg.png’);
background-repeat: repeat;
padding-top: 30rpx;
}
用下面這種樣式行的本地圖像加載方法可以在本地預覽加載出背景圖片
只需要在url裏面填入路徑即可。
但是這種辦法在手機端還是無法顯示背景圖片。
< view class=”container” style=’background-image:url(../assets/image/bg.png)’>
網上的人都建議用網絡圖片,可是我又沒有網站也沒有服務器,不能加載圖片。這裏有一種辦法使用網絡圖片。我們都有QQ,可以把圖片上傳到QQ空間進行訪問。
首先就需要把背景圖片上傳到空間相冊。
然後打開圖片,右鍵彈出一個選項窗口,點擊複製圖片地址。
這裏寫圖片描述
把圖片地址粘貼到url裏,這樣手機使用小程序的時候就有背景圖片了。
但是這種方法本地預覽的時候沒有背景圖片。
http://m.qpic.cn/psb?/V12rAd1F2vXe1y/YPNpbVIQaMUzAy5esfNsuqrL.b11CQcy9MC3Z0Rnrmk!/b/dDABAAAAAAAA&b)’>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章