这种手机页面是如何实现的？

本人主要从事web方面的工作，没有搞过移动端。

今天领导给我几张效果图，让我研究下如何用H5实现，不要用AngularJS（因为我们目前的前端框架使用的是AngularJS）。

领导的要求是：这些页面计划做成H5的，供APP调用。

但是我真的没搞过移动端的设计啊，现在毫无头绪，请大神帮我看下，这种样式、以及交互是如何实现的，效果图如下：

两种实现方式：
1、web完成手机适配。开发还是web前端技术，增加手机适配就ok，google浏览器有手机预览；
2、移动端直接采用混合开发模式，HBuilder+MUI，都能实现这种样式的

现在有些前端框架是专门为移动端准备的，仿app的样式和效果，例如jquery Mobile等

很简单，就有html+css+js实现即可

1.原生html+css+js 2.响应式布局 手机端使用 考虑用一些小点的插件 比如AUI zepto等

用html5+css+js实现即可

用js+html+css实现

使用bootstrap vue即可

两种方案js+h5 或者bootstrap vue node.js

用Html+css+js，然后数据方面使用ajax调用接口处理数据就好了

用js+html+css实现

这些都是写 图表实现，推荐一个百度的前端插件Echarts, http://echarts.baidu.com/

用html5+css+js实现

js+html+css实现 手机端调用

用js+html+css实现 调用ajax的接口就行 或者网上找找实例看下就会了