第一天我們大概要實現(xiàn)的效果是這樣的直接上圖.因為最近做的項目是類似于電商的,所以要實現(xiàn)篩選功能,大體和某寶的篩選銷量和尺寸相同的功能. ?(哈哈哈. ?我就想笑)..
篩選圖片1
做什么功能我們都要簡單分析一下,才能知道如何下手 .?
.思路
1. 首先 我們需要做上方選項欄 有綜合排序 , 地區(qū)選擇 等等 3個選項卡按鈕
2.底部滑動視圖 , 點擊不同選項卡 切換數(shù)據(jù)?
3. 點擊時 選項卡效果 (字體顏色, 小三角方向)
4.大功告成 !?
.步驟
1. 首先我們先寫一個底部可以滑動的視圖?
頭部
這個是JS文件的頭我們需要引入這些.剩下的代碼如下
底部滑動欄圖1
底部滑動欄圖2
底部滑動欄圖3
底部滑動欄圖4
以上代碼是公司大牛寫的,我是借鑒而來 畢竟我是初來炸道(╯‵□′)╯炸彈副渴!
然后 外界寫上方選項卡布局, 和調(diào)用這個滑動欄 , 直接上代碼
最后的布局 你們自己寫吧 我懶得貼上去了,,, 然后大功告成! ? 第一天小計