1.定义结构

2.指定样式

3.填充数据

4.跑通业务流程

<!--      --><div class="bg_fff row border_bottom" id="acc_list"><div class="headimg col-30" ng-click="changeState('setHeader')"><img src="{{user.imagesrc}}" alt=""></div><div class="account col-40" ng-click="changeState('myInfo')"><li class="item font_l_3">{{user.name}}</li><li class="item font_n_2">{{user.phoneTel}}</li></div><div class="realname col-30" ng-click="changeState('accountsInfo')">钱包账户、实名</div></div>

/*--预定义--*/
/*normal 1大多数文字 小标题 模块描述
*/
.font_n_1 {font-size: 0.14rem !important;
}/*normal 2大多数文字 表单
*/
.font_n_2 {font-size: 0.13rem !important;
}/*large 1突出场景,例如金额
*/
.font_l_1 {font-size: 0.24rem !important;
}.font_l_1_5 {font-size: 0.20rem !important;
}
/*large 2重要文字或操作按钮
*/
.font_l_2 {font-size: 0.17rem !important;
}/*large 3账户名
*/
.font_l_3 {font-size: .17rem !important;
}/*--文本色--*/
.font_norm {color: #0076c1 !important;
}.font_dark {color: #a2a2a2 !important;
}.font_fff {color: #fff !important;
}
.font_red {color: red;
}
.font_black {color: black;
}
/*--背景色--*/
.bg_norm {background: #0076c1 !important;
}.bg_fff {background: #fff !important;
}.bg_ccc {background: #ccc !important;
}.bg_tp{background: transparent !important;
}/*上边框*/
.border_top{border-top-style: solid;border-top-width:1px;border-top-color:#E4E4E4;
}.border_bottom{border-bottom-style: solid;border-bottom-width:1px;border-bottom-color:#E4E4E4;
}/*--main--*//* 左图右文 */
#acc_list div.headimg,#acc_list div.account,#acc_list  div.realname{text-align:center !important;padding:5px;
}
#acc_list div.headimg{margin-left:-10px;
}
#acc_list div.realname{margin-right:10px;
}
#acc_list div.headimg img{width:75px;height:75px;border-radius: 38px !important;}
#acc_list div.realname{background: url(../img/menu_item_arrow.png) no-repeat right center;background-size: auto 18px;display:inline;line-height:80px;color: #999999 !important;
}#acc_list li.item{border:none;text-align:left;
}
#acc_list li:nth-of-type(1) {padding-bottom:8px;
}
#acc_list li:nth-of-type(2) {padding:8px;
}/*账户名
*/
#acc_list .font_l_3 {font-size: .17rem !important;font-weight:bold !important;
}

公共方法

angular.module('com.app.mobile.services', [])
//.factory('sms',function(){return{init: function(){},}})
.factory('commonfn',function(){return{init: function($scope,$state){//            去往某个页面$scope.changeState = function(name, params){$state.go(name, params);}$scope.goBack = function() {history.back();}$scope.goStateWithNoAnim = function(stateName, params) {$ionicHistory.nextViewOptions({disableAnimate : true});$state.go(stateName, params);}},}
})

转载于:https://www.cnblogs.com/alan-alan/p/7365967.html

webApp开发-功能模块开发流程相关推荐

  1. 电商分销APP开发功能模块

    电商分销APP开发,电商分销APP开发功能模块.根据电子商务化平台的火爆方式,电商分销APP开发也逐渐备受关注,那样的一个平台可以结合多种多样功能,为平台管理人员及其总体目标客户带来方便快捷. 一.电 ...

  2. 代驾小程序开发功能模块介绍

    代驾小程序开发,代驾小程序开发功能,代驾小程序开发功能模块.伴随着时下在我国车辆市场的需求的完善与驾驶安全防范意识的不断提升,及其交通法规愈来愈标准,愈来愈认真细致,"代驾"领域已 ...

  3. 商超O2O小程序开发功能模块

    传统式商超百货商店从试着结合线上与线下销售方式,迈向新零售的融合与变革:从纯百货商店的运营模式,迈向稳定实干的转型发展,并进到转型发展深水区.在"新零售"的社会下扩展领域变革的新视 ...

  4. 微信小程序网悦新闻开发--视频模块开发(四)

    目录 微信小程序网悦新闻开发--功能介绍(一) 微信小程序网悦新闻开发--小程序配置(二) 微信小程序网悦新闻开发--首页模块开发(三) 微信小程序网悦新闻开发--视频模块开发(四) 微信小程序网悦新 ...

  5. 微信小程序网悦新闻开发--首页模块开发(三)

    目录 微信小程序网悦新闻开发--功能介绍(一) 微信小程序网悦新闻开发--小程序配置(二) 微信小程序网悦新闻开发--首页模块开发(三) 微信小程序网悦新闻开发--视频模块开发(四) 微信小程序网悦新 ...

  6. Java后端开发功能模块思路

    文章目录 前言 一.查找接口及参数信息 1.1 找访问路径 1.2 参数及返回结果信息 1.3 编写功能模块函数 二.代码设计思路 三.总结 前言 对于正在学习Java后端开发的同学来说,对于Java ...

  7. php项目功能模块开发,PHP+MySQLl网站开发项目式教程项目二 模块五 后台功能实现.ppt...

    登录验证码 --效果展示 任务二:管理员登录 登录验证码 --判断验证码 在用户提交表单后,在判断用户名和密码之前,应该先判断验证码是否正确.如果验证码有误,则没有必要继续判断用户名和密码. 任务二: ...

  8. 电商平台搭建--分类管理功能模块开发

    在之前的博文中,我们已经完成了用户模块的所有的功能,那么在接下来的几篇博文中,我们来完成分类管理功能模块. 先来看一下后台的分类管理都有哪些功能点 后台品类管理其实就是对商品的一个管理,主要分为增加品 ...

  9. 电子电器架构开发-功能分配开发内容

    电子电气架构的功能分配-简述 在电子电器架构的开发过程中,架构工程师根据整车开发需求,整理出整车电子电器的功能清单,并将各个子功能分配给整车的各个模块,指导各模块工程师进行模块开发.而关于功能分配的详 ...

最新文章

  1. [附下载]英特尔中国研究院携手生态伙伴发布《机器人4.0白皮书》
  2. sscanf用法(转)
  3. Apache 配置支持HTTPS的SSL证书
  4. 数据挖掘算法_数据挖掘算法入门
  5. php判断ie版本,PHP获取浏览器版本信息
  6. 一些相当不错的php开源 AJAX聊天工具
  7. 与mysql数据库的交互实战_实战教程丨五步教你优雅地在Windows下安装MySQL数据库...
  8. webservice / cxf 开发经验总结
  9. 同一个html自动跳转分页,一个页面有多个分页,相互影响
  10. jQuery实现的测试答题功能
  11. atomic的安全性?
  12. 解决idea使用maven打自定义jar缺失
  13. 【食安云桥】python 文件内批量长度除以3.5替换
  14. 腾讯互娱PHP怎么样,还原最真实的NBA:专访腾讯互娱《最强NBA》
  15. OpenCV - imwrite保存透明PNG
  16. 装X指南之用 Xposed 把某宝资产改成100w
  17. verilog使用1bit全加器实现4bit全加器【行波进位法】
  18. 人工智能编程语言介绍
  19. 图像处理3D 人体模型
  20. 不懂技术,怎样制作手机电子书?

热门文章

  1. Autodesk Cloud Accelerator Program 开始报名
  2. Composer 安装(一)
  3. 使用 Git 改进工作方式
  4. ASP.NET 3.5 新特性开发向导实践(附项目源码下载)
  5. IHttpHandler的妙用(2):防盗链!我的资源只有我的用户才能下载
  6. [翻译]在asp.net 2.0中使用WebParts
  7. day1 工资条的制作
  8. Swift SB 容器 Container View使用
  9. [Java基础] 深入jar包:从jar包中读取资源文件
  10. SQL删除重复的记录(只保留一条)