关于企业网站PC和移动端的规划

至成科技2016-08-30访问量（1788）评论（0）

摘要：

一、设计模式
1、PHP脚本 + HMTL（div+css）
2、假静态页面，需要缓存。
3、当手机输入域名时，自动判断是PC模式还是手机模式，如果是手机方式，就跳转到手机页面，手机网站进行同域名跳转。
4、点击左上角LOGO，跳转到PC模式的网页，即：www.xxxxx.com域名。
5、详情页面页脚，统一显示版权所有 © 深圳市xxxxxx有限公司 ICP备13069657号-1
6、始终显示在较前端
7、左下角和右上角电话预约、点击 400-800-3321 效果是一样的
二、设计要求
1、支持当下流行的手机浏览器。
2、图标风格、每个页面颜色基调保持一致；
3、页面简洁，图标、字体清晰。
4、详情页面的内容有效来着网页，所以要自动适应不同手机屏幕大小和分辨率。而且内容本身带有HTML格式，如：http://www.
三、公司精选
1、为xxxxxx.com *页
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、将在线预约的数据，提交的预约表中，并且增加预约来源为：移动网页