曾經(jīng)使用過ionic提供的segment + slides 實(shí)現(xiàn)古瓤,無奈滑動的時候總感覺有點(diǎn)問題膀藐,后來改用swiper代替slides媚值,用起來感覺不錯睦焕。
1. swiper官網(wǎng)地址
http://www.swiper.com.cn/api/index.html
2. 下載swiper
http://www.swiper.com.cn/download/index.html
3. 導(dǎo)入到項目
4. 初始化
4.1 初始化segment?
在對應(yīng)的ts中
設(shè)置默認(rèn)選擇第一個
4.2 初始化swiper
當(dāng)頁面滑動時藐握,改變segment的值
當(dāng)用segment 進(jìn)行切換時,切換swiper頁面垃喊。如果不使用分頁懶加載趾娃,請忽略判斷代碼
5. 效果