一、設(shè)計模式

　　1、PHP腳本+HL模板

　　2、假靜態(tài)頁面，需要緩存。

　　3、當手機輸入域名時，自動判斷是PC模式還是手機模式，如果是手機方式，就跳轉(zhuǎn)到手機頁面，手機頁面子域名：m.xxxxx.com。

　　4、點擊左上角LOGO，跳轉(zhuǎn)到PC模式的網(wǎng)頁，即：www.300.cn域名。

　　5、詳情頁面頁腳，統(tǒng)一顯示版權(quán)所有©深圳市xxxxxx有限公司ICP備13069657號-1

　　6、始終顯示在最前端

　　7、左下角和右上角電話預(yù)約、點擊400-800-3321效果是一樣的

　　二、設(shè)計要求

　　1、支持當下流行的手機瀏覽器。

　　2、圖標風格、每個頁面顏色基調(diào)保持一致；

　　3、頁面簡潔，圖標、字體清晰。

　　4、詳情頁面的內(nèi)容完全來著網(wǎng)頁，所以要自動適應(yīng)不同手機屏幕大小和分辨率。而且內(nèi)容本身帶有HTML格式，如：http：//www.300.cn首頁

　　2、數(shù)據(jù)來源數(shù)據(jù)庫中的熱門產(chǎn)品

　　3、

　?。?）產(chǎn)品名稱、（2）產(chǎn)品類型、（3）宣傳圖片、（4）公司點評、（5）收益詳情、（6）更新時間

　　收益詳情

　　上面數(shù)字：資金門檻，如50萬、100萬、200萬，

　　中間數(shù)據(jù)：預(yù)期年收益：如10%、12%、15%

　　下面數(shù)據(jù)：產(chǎn)品期限：如6個月、12個月、24個月

　　4、點擊，跳轉(zhuǎn)到產(chǎn)品詳情頁面

　　四、有限合伙、資管產(chǎn)品、信托產(chǎn)品列表

　　1、3個產(chǎn)品類型的產(chǎn)品列表，顯示方式和操作方式相同，只是不同類型，數(shù)據(jù)不同。

　　2、列表數(shù)據(jù)只顯示在售、預(yù)售產(chǎn)品，不顯示結(jié)束的產(chǎn)品，包括排序、篩選、查詢。

　　3、狀態(tài)：當時在售時，顏色為深紅色、當為預(yù)售時，為淺紅色

　　4、收益詳情，顯示內(nèi)容和同上。

　　5、點擊某一項進入產(chǎn)品詳情頁面

　　6、初始加載10條產(chǎn)品，向上滑動一次再加載10條，類推。。

　　五、產(chǎn)品詳情

　　1、產(chǎn)品詳情顯示的內(nèi)容和網(wǎng)站上顯示的內(nèi)容一致：

　　2、收益詳情，同上

　　六、公司動態(tài)列表

　　1、（1）文章名稱、（2）作者、（3）宣傳圖片、（4）簡述、（5）發(fā)布時間

　　2、列表初始加載10條產(chǎn)品，向上滑動一次再加載10條，類推。。

　　3、點擊，進入詳情頁面。

　　七、篩選

　　1、關(guān)鍵詞查詢，對產(chǎn)品名稱字段進行模糊查詢。

　　2、每點擊一個項，就篩選一次。

　　3、查詢或篩選，都只顯示10條，向上滑動一次再加載10條，類推。。

　　八、排序

　　九、電話預(yù)約

　　十、短信預(yù)約

　　十

　　一、在線預(yù)約

　　十

　　二、我要分享

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

　　2、新浪微博、騰訊微博，分享時界面相同

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

　　十

　　三、后臺

　　1、將在線預(yù)約的數(shù)據(jù)，提交的預(yù)約表中，并且增加預(yù)約來源為：移動網(wǎng)頁