家庭記賬本小程式開發第二天

2022-06-08 13:15:09 字數 1758 閱讀 1266

今天我做了記賬頁面的優化,為了提公升使用者體驗,我使用了picker元件和radio元件:

下面是修改後效果圖:

修改後的的js:

//

pages/a/index.js

page(,,],

style:'',

error:'',

},/*

* * 生命週期函式--監聽頁面載入

*/onload:

function

(options) ,

/** * 生命週期函式--監聽頁面初次渲染完成

*/onready:

function

() ,

/** * 生命週期函式--監聽頁面顯示

*/onshow:

function

() ,

/** * 生命週期函式--監聽頁面隱藏

*/onhide:

function

() ,

/** * 生命週期函式--監聽頁面解除安裝

*/onunload:

function

() ,

/** * 頁面相關事件處理函式--監聽使用者下拉動作

*/onpulldownrefresh:

function

() ,

/** * 頁面上拉觸底事件的處理函式

*/onreachbottom:

function

() ,

/** * 使用者點選右上角分享

*/function

() ,

//tally: function(),

tally: function

() );

return

; }

if (!this

.data.money) );

return

; }

if (!this

.data.type) );

return

; }

if (!this

.data.style) );

return

; }

var that=this

; wx.request(,

method: 'post',

header: )

//在一開始使用者記賬失敗產生錯誤資訊後,再次記賬成功的話,置錯誤資訊為空

that.setdata()

},fail:

function

(res) );}})

},inputchange:

function

(e),

datechange:

function

(e))

},typechange:

function

(e) )

}})

修改後的wxml:

請選擇日期:}

for-items="}" wx:key="name" value="}" checked="}">}確定

}

修改後的wxss:

/*

pages/a/index.wxss

*/.textbox .radio-group .datepicker

微信小程式 家庭記賬本開發 07

本次開發主要頁面則是首頁介面以及記賬介面以及實現頁面跳轉,以及記賬內容儲存。index定義首頁介面,部分 如下 index.js 獲取應用例項 page hasuserinfo false caniuse wx.caniuse button.open type.getuserinfo goindex...

web開發第二天

flask bootstrap基模板 修改my.cnf mysql插入中文失敗解決辦法 property 增加了資料庫和郵件基本功能,遇到的問題都在上面,使用werkzeug實現了密碼雜湊 渲染登入表單 登入 rel stylesheet type text css href class conta...

Html大家庭的第二天

一 唯一性 在乙個頁面只能出現一次 放logo 特點 擁有自己預設的大小 文字也是加粗狀態 h2 h6 可以是網頁板塊的標題 也可以是一段內容的標題 沒有唯一性 二 加粗標記 特點 預設顯示加粗狀態 strong標籤偏向強調語氣的作用。三 文字傾斜 四 下劃線 五 強制換行符 八 段落標記 九 代表...