2018-10-11工作日報
上午
1.寫“我的積分”介面的時候,發現簽到標識變成“已簽到”並沒有給出設計,與設計溝通後待新增。
2.由於頁面改版,有些功能的互動需要刪掉,有些需要移動到別的按鈕上去,
function tojfen() {
$$('.score-mine-navbar').hide()
mainView.router.load({
url: App_domain + 'page/mall-shop-log.html?back=back&url=integral-index'
})
}
一開始一直不理解為什麼跳轉頁面的時候,要把導航條給隱藏了。後來現在使用到這個功能的時候才發覺,如果不隱藏,原導航條會向下移動,然後才被替換掉,很影響觀感。而本專案為了相容安卓,不能採用框架內建的動態導航條,所以就只有採取這種折中的辦法。
下午
3.完成“我的積分”頁面改造需求,如下圖:明細是電腦顯示問題導致沒有對齊,簽到和已簽到的切換等待設計給圖。
積分數字每隔三位加逗號,呼叫工具類的方法實現。其他的基本都是修改和複用js就完成了。
4.自己測跳轉的時候發現一個問題,積分明細頁面往回退的時候,導航欄是正常上滑被替換的,但是簽到頁面的導航條則會卡頓然後消失,很影響觀感。而且是個遺留問題,原來我的積分頁面是橙色導航條所以不明顯,現在很明顯。必須得解決。
5.我發現我好像發現了一個普遍的問題,可能因為我為了保證導航條和背景同色設了no-navbar
這個類,我自己寫的“我的積分”頁面和“彩虹俱樂部”都有同樣的問題,從其他頁面進入後退回,導航條那一段都會卡頓而不是上滑。
6.同理使用Hide()方法,使回退前先隱藏導航欄即可。問題解決。同時,“我的積分”和“彩虹俱樂部”的前一個介面都是APP原生介面,所以不用考慮這個問題。
7.template.bind()
是呼叫utils工具類裡的方法繫結事件的,但是我發現,還必須HTML裡有<script>
標籤包裹的模板程式碼,才能成功繫結。而且,必須先render(),不然之後的dom操作會失效。
8.“彩虹俱樂部”頁面因為上拉重新整理條出現了一些樣式崩壞,考慮到本專案並沒有此類功能的需求。直接刪除了下拉重新整理的應用即可。