今天練習完成一鍵報警頁面舔示。其中主要遇到兩個問題:
1.在引用本地圖片設(shè)置頁面背景時碟婆,在pc端調(diào)試的時候已經(jīng)可以看到出現(xiàn)背景圖片了,但是在真機調(diào)試的時候卻發(fā)現(xiàn)沒有背景圖片惕稻,這是小程序的一個bug竖共,所以通過百度總結(jié)了幾種解決方法。
解決方法一:在使用背景圖片的時候用網(wǎng)絡(luò)圖片俺祠,就是用外鏈的形式公给,比如你將這張圖片放到你的服務(wù)器借帘,如:https://xxxx/xxx.jpg;
解決方法二:將背景圖片使用編碼base64進行轉(zhuǎn)換淌铐,可以在這個網(wǎng)址進行http://tool.css-js.com/base64.html 轉(zhuǎn)換肺然,如:background-image: url("轉(zhuǎn)換后得到的編碼文本"),如果多次使用的話可以將該值設(shè)置為全局變量腿准,再在js文件進行引用即可际起;
解決方法三:使用image組件而去掉背景圖片;
我使用的就是第二種方法吐葱,將圖片轉(zhuǎn)換后再引用加叁。
2.由于pc上沒有下載ps軟件,所以不能直接ps一張理想的圖片作為報警icon唇撬,(這其實是一種十分簡便的自定義button樣式的方法)它匕。所以只能通過wxss樣式來改變button。為了將button變成圓形的樣式窖认,新學會了一種方法豫柬,即把border-radius的值設(shè)置成50%。
報警功能效果圖
在此基礎(chǔ)上扑浸,后續(xù)還要完善當點擊撥打電話的同時烧给,還要實現(xiàn)獲取位置信息并返回至后臺的功能。