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.“彩虹俱乐部”页面因为上拉刷新条出现了一些样式崩坏,考虑到本项目并没有此类功能的需求。直接删除了下拉刷新的应用即可。

猜你喜欢

转载自blog.csdn.net/qq_36620428/article/details/83015332