人生成績單(mp)

1.頁面跳轉傳值

(1)頁面傳遞參數可以通過在跳轉的url鏈接中添加後綴 ?key=value,之後在跳轉的頁面中的onloading函數中通過參數option,獲取到傳遞過來的值,option.key。

(2)input輸入框可以通過bindinput綁定事件,然後獲取事件inputvalue=e.detail.value的值,將獲取到的變量值傳遞給跳轉頁面,方法是:在跳轉的url後面加上  ?key=inputvalue傳遞參數。

(3)radio單選按鈕同樣可以通過添加radiochange事件,獲取e.detail.value的值,可以在數據綁定時,給其中一個radio添加默認選中狀態checked=true。

2.判斷用戶輸入問題

(1)創建公共的js文件utils.js,通過module.export={isEmpty(暴露):isEmpty}在需要判斷用戶輸入的文件中引入utils.js文件:var data=require(”相對路徑“)。通過獲取用戶輸入var username=e.detail.value,然後調用bool=data.isEmpty(uername);然後判斷bool的值判斷用戶輸入,如果bool爲false,則彈出模態框,頁面不跳轉;否則就跳轉頁面。

3.背景圖尺寸和canvas畫布尺寸

背景尺寸:1240*2200                                                                                                                                                      生成圖片尺寸:1050*1770

4.背景圖設置問題

小程序圖片不能加入二維碼,審覈不通過。因此將圖片設置爲網絡圖片,如果要設置背景圖,需要先把圖片上傳到服務器,通過服務器取。

5.canvas技術

頁面加載時加入loading彈框,生成圖片完成時,隱藏彈框。由於背景圖不是本地路徑,所以在保存圖片時,找不到資源,需要事先把圖片從網上down下來,通過wx.getImageInfo下載圖片,在回調裏調用畫圖函數,畫圖函數執行完畢後,在ctx.draw()的回調裏保存圖片路徑,wx.canvasToTempFilePath()將指定畫布生成的圖片保存下來。

6.微信背景圖片的設置

微信背景圖片不能再wxss裏設置,只能通過內聯樣式使用base64圖片或者網絡圖片。


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