使用的rem自适应 使用px算出来的 var root和rem的使用
主要的页面有5个
首先是主页面 它是一个展示页面 分为多个模块实现 要更多的操作必须先登录
1=是个页头 显示的是LOGO和背景颜色 还有个人信息的小图标 是默认的点击之后回跳转到个人资料的设置页面 资料页面显示登录时的账号信息
2=然后是个横向的轮播图 用来展示静态页面广告 使用的swipe来是显示的
3=是一个纵向的轮播图 用来轮播获得流量的 账号的显示 使用的是手机好的方式 中间的号码替换成星号
4=是多个小的模块用来跳转到对应的页面 有总流量的显示 问卷调查等等
5=对应的有意见反馈 类似一个留言的信息 使用h5的textear的属性来做成一个大的输入栏 根据输入的内容自动生成留言 还要对应的留言的序号
6=好友列表 使用的是json数据做成动态的模块显示有名字和手机号 根据26个字母来显示对应的名字 右边固定显示全部的26个字母 点击每个字母对应滑动字母中的名字 左边是对应的小图标
7=流量显示页面 总的流量 已经用的和剩余的 可以赠送的流浪 赠送的流浪的情况 可以赠送的+ -号和自己输入的情况 根据剩余的流量情况判断是否可以继续赠送 页面也是css
8=流量显示的下拉菜单 最多只能显示5行
9=个人小图标的更改设置
10=单选和多选的问卷调查 单页面的形式 使用下一步按钮和上一步按钮来实现 页面的单选和多选的显示和隐藏
11=
然后是登录页面 它是已弹窗的形式出现的 弹出的形式还有成功和失败的动画
1=账号 包括正则验证的账号错误提示 没有用到css3 正则使用的是手机号和邮箱的验证 使用locacstrong保存账号的数据
2-密码 包括正则验证的密码错误提示 正则使用的是必须有数字和字母的密码大于8位和小于12位 而且不能已数字开头的
3=验证码 使用的是短信验证的方式 60秒自动刷新一次
4=登录按钮 成功的动画页面和跳转的页面
关于通知消息的页面
动态的新增消息通知 使用html标签写动态的模板 用后台传的api接口显示对应的数据
关于页面的资料的 修改密码的逻辑 地址的和电话的逻辑 最多只能增加三个地址 电话分为香港和内地的 输入错误的提示消息 增加和删除地址的操作