文章出處
文章列表
一、模塊劃分
縱向->第一層（業務無關）：
移動端圖表庫，jQuery，手勢庫，css動畫庫
縱向->第二層（業務相關）：
分享組件，loading組件，
縱向->第三層（業務邏輯）：
頁面組成，頁面交互，頁面展示，業務流程
縱向->第三層->頁面組成：
頭部欄（返回，標題，分享），內容區
縱向->第三層->頁面交互：
上下拖拽，上下滑動，點擊分享彈框，圖表組件交互（調研成功）
縱向->第三層->頁面展示：
數字增加動畫，頁面動畫順序展示，頁面適配（瀏覽器窗口大小適配，瀏覽器版本適配），
縱向->第三層->業務流程：
判斷消費筆數，年度消費額大于某個值，逾期記錄判斷
縱向->第三層->頁面展示->頁面適配：
1.瀏覽器窗口高度適配
2.頁面元素采用百分比布局
縱向->第四層（業務實現）
0.獲取年度賬單數據
1.獲取瀏覽器高度
2.獲取頁面展示區域高度 = 瀏覽器高度 - 頭部高度
3.
二、流程可配置化
{
"資源文件":{
"logo":""
},
"頁面配置":{
"1":{
"logo":this["資源文件"]["logo"],
"首頁大圖":"",
"首頁向上剪頭":"",
"首頁向上文字":"你的2014年度賬單到啦！向上滑動"
}
"2":{
}
},
"流程判斷":{
"消費次數":"",
"年度消費總額判斷值":"",
"含有逾期記錄":false,
"含有網購，吃喝，出現":true,
""
}
}
文章列表
全站熱搜
留言列表
