首頁-一級
1.底部導(dǎo)航欄沟堡，fixed悄谐，四個鏈接介评。
2.資料欄模仿陌陌。
3.篩選按鈕需要重新設(shè)計爬舰。
私信-一級
8T7R`YX{IW9LQXTK(FEL71O.jpg
1.四個一級頁面之一们陆。頂部和底部樣式與首頁一致。
2.消息欄模仿陌陌的“消息”情屹。
喜歡-一級
1.頂部兩個按鈕切換坪仇，hidden，不刷新頁面垃你。
2.加載更多椅文，ajax。
篩選-二級
MGX4NPO)1`WXMQE82(JZZ@9.jpg
1.這是二級頁面惜颇，頂部fixed皆刺，方便用戶隨時返回。高度要小一點凌摄，試試4rem先羡蛾。
2.中間的篩選條件塊試試#F5F5EB。前面都用select锨亏，后臺記得傳遞默認值林说，方便用戶：
-用戶女：20，40屯伞；168腿箩；3000；本科
-用戶男：20劣摇，35珠移；155；1000；大專
3.開始篩選button钧惧，試試#FF6E8D暇韧。ajax，不刷新頁面浓瞪。底部“加載更多”懈玻，每次10個人。
4.底下的資料欄乾颁，復(fù)用涂乌。
私信對話-二級
4C286D3EFD414F1AB782A5A17289EE82.jpg
1..這是二級頁面，“與xxx的私信”英岭。頂部樣式與“篩選”一致湾盒。
2.消息欄布局重新設(shè)計。頭像很小诅妹，與右邊的昵稱和時間高度相同罚勾。底下是內(nèi)容。其他與陌陌樣式一致吭狡。
我的資料－一級 用戶資料－二級
IMG_3649.JPG
1.這兩個頁面主要區(qū)別尖殃，就是一級頁面和二級頁面的區(qū)別，頂部與底部的不同划煮。
2.兩個按鈕的內(nèi)容也不同分衫，strong只需做好樣式，鏈接skyway去加般此。
3.基本資料蚪战、個人介紹和對另一半的期待，完全參照世紀佳緣手機版的樣式铐懊。
4.按鈕用#FF6E8D邀桑，頭像那周圍區(qū)塊的顏色沒標，試試＃f5f5eb先科乎。
IMG_3650.PNG
