今天我做了記賬頁面的優化,為了提公升使用者體驗,我使用了picker元件和radio元件:
下面是修改後效果圖:
修改後的的js:
//修改後的wxml: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) )
}})
請選擇日期:}修改後的wxss:for-items="}" wx:key="name" value="}" checked="}">}確定
}
/*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標籤偏向強調語氣的作用。三 文字傾斜 四 下劃線 五 強制換行符 八 段落標記 九 代表...