一、設計模式
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、將在線預約的數據,提交的預約表中,并且增加預約來源為:移動網頁