各位电脑,手机,平板前的小伙伴们,大家好,我又来分享模板了!
这次写的东西比较简单,是返利网,页面不多,但是它的简洁的风格我很喜欢。还有就是我发现了一个安卓上的bug,后面的图里我会指出来。
1.home页
这次添了简单的启动页,没什么好看的。上来就是分厂简洁的首页,win8的磁贴风格除了返利网那个logo以外都能点。
2.超级返页面
这个页面上面有个可左右滑动的导航栏,这次在小米古董机上测了一下,发现不能动,上网查了下,原来Android3.0一下都不支持overflow:scroll或者auto,我去,我前面写的都有问题,解决办法是用某些滑动的插件,成本有点高啊,所有还是尽量避免这样的布局吧。返回,关闭跟更多按钮跟天猫那里的一样,安卓机不能判断能否后退,只能判断是不是浏览过其它网页,所以还是不能做返回的操作。
3.什么值得买
引的原网页,没什么可说的,iOS的可以后退,Android的只能关闭,不能后退。原网页上有错误,调试的时候我还以为是自己的问题呢,然后再浏览器上看了下,确实是原网站的问题,打包之后不报错,看不出来。顺便说一下,后退那里要调用js,js要在dom加载完毕才加载,apiready要慢一点,所以在调试的时候回点返回会经常报错。
4.淘宝
这里找不到原页面,不然就容易多了,搜索框做了好久啊,布局好恶心啊,还有别处的搜索框也一样。
5.大众点评
6.酒店机票
商店页,点进去就是商店了。
7.任务返利
有立即提现跟任务页,这里都是任务一区……不要再已这些细节,因为这三个任务我只写了一个。协议也没有写,字太多了。
8.我的账户页
返利跟更多可以接着点,返利很简单,更多就跟首页右下角那个是一个页面。
9.更多页
这次设置也没做什么处理。还有两个搜索页。
============================================
总结一下,这次内容略少,不过,那个纯css的磁贴花了些心思,没用js计算。最让我郁闷的是taobao页的搜索框花了很长时间。然后还是要求一个安卓上的不能正常返回的解决办法。
源码链接:
http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=832&extra=page%3D1
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/150990
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.