一、设计模式

　　1、PHP脚本+HL模板

　　2、假静态页面，需要缓存。

　　3、当手机输入域名时，自动判断是PC模式还是手机模式，如果是手机方式，就跳转到手机页面，手机页面子域名：m.xxxxx.com。

　　4、点击左上角LOGO，跳转到PC模式的网页，即：www.300.cn域名。

　　5、详情页面页脚，统一显示版权所有©深圳市xxxxxx有限公司ICP备13069657号-1

　　6、始终显示在最前端

　　7、左下角和右上角电话预约、点击400-800-3321效果是一样的

　　二、设计要求

　　1、支持当下流行的手机浏览器。

　　2、图标风格、每个页面颜色基调保持一致；

　　3、页面简洁，图标、字体清晰。

　　4、详情页面的内容完全来着网页，所以要自动适应不同手机屏幕大小和分辨率。而且内容本身带有HTML格式，如：http：//www.300.cn首页

　　2、数据来源数据库中的热门产品

　　3、

　　（1）产品名称、（2）产品类型、（3）宣传图片、（4）公司点评、（5）收益详情、（6）更新时间

　　收益详情

　　上面数字：资金门槛，如50万、100万、200万，

　　中间数据：预期年收益：如10%、12%、15%

　　下面数据：产品期限：如6个月、12个月、24个月

　　4、点击，跳转到产品详情页面

　　四、有限合伙、资管产品、信托产品列表

　　1、3个产品类型的产品列表，显示方式和操作方式相同，只是不同类型，数据不同。

　　2、列表数据只显示在售、预售产品，不显示结束的产品，包括排序、筛选、查询。

　　3、状态：当时在售时，颜色为深红色、当为预售时，为浅红色

　　4、收益详情，显示内容和同上。

　　5、点击某一项进入产品详情页面

　　6、初始加载10条产品，向上滑动一次再加载10条，类推。。

　　五、产品详情

　　1、产品详情显示的内容和网站上显示的内容一致：

　　2、收益详情，同上

　　六、公司动态列表

　　1、（1）文章名称、（2）作者、（3）宣传图片、（4）简述、（5）发布时间

　　2、列表初始加载10条产品，向上滑动一次再加载10条，类推。。

　　3、点击，进入详情页面。

　　七、筛选

　　1、关键词查询，对产品名称字段进行模糊查询。

　　2、每点击一个项，就筛选一次。

　　3、查询或筛选，都只显示10条，向上滑动一次再加载10条，类推。。

　　八、排序

　　九、电话预约

　　十、短信预约

　　十

　　一、在线预约

　　十

　　二、我要分享

　　1、微信、朋友圈、QQ好友、分享时界面相同

　　2、新浪微博、腾讯微博，分享时界面相同

　　3、剩余的分享，界面相同

　　十

　　三、后台

　　1、将在线预约的数据，提交的预约表中，并且增加预约来源为：移动网页