码迷,mamicode.com
首页 > 其他好文 > 详细

复利计算器(4)——界面美化、自动补全

时间:2016-04-14 19:31:09      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

一、分工

这次终于可以跟小伙伴合作了,经过讨论,我负责界面的美化和输入框自动补全,小伙伴擅长安卓,于是将复利计算器弄成app的任务就交给了小伙伴。

 

二、界面美化

1.弹框提示

  • 思路:弹框提示显示是浏览器自带,所以难免会难看些(如图一),因此引进一些jQuery的插件,将弹框美化(如图二)

    技术分享

                                        图一

    技术分享

                                          图二


  • 实现:从网上下载相应的插件的jar包,将jar包引用到相应的项目中,只要在项目中写就可以实现layer.alert("请在复利金额输入框输入正数(保留两位小数)!", {icon: 100});就可以实现

 

 

2.整体界面

  • 思路:将整个页面(如图三)给了小伙伴觉得怪,想将两个面板合并成一个面板,但是个人有个人的想法,我觉得将其设计成两个面板的也是可以的技术分享

  • 实现:只是将原来的背景改的不那么花俏

复利计算器(4)——界面美化、自动补全

标签:

原文地址:http://www.cnblogs.com/jackeicao/p/5391915.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!