一、左右頁面滑動切換的實現
1、頁面實現左右滑動切換的效果，小程序提供了swiper標簽來實現，swiper標簽中current屬性可以指定tab表示當前的滑塊，current屬性值動態改變，以此實現左右滑動切換的效果，如下圖所示
這是swiper標簽的官方文檔https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
2、swiper中有一個swiper-item標簽用來設置swiper中tab相對應頁面的內容，並且swiper中只可以放置swiper-item組件，如下圖，詳細文檔見上面swiper官方文檔鏈接
3、swiper-item的高度自動設置100%，也就是父元素的高度，但是我們風聲小程序中風聲列表要上拉加載，高度未知，高度其實是由子元素決定的，也就是說swiper的高度是由子元素swiper-item決定的，相互矛盾，無法獲取高度，該方案不可行
swiper適合固定高度的左右滑動，比如輪播圖
4、左右滑動切換的效果不用swiper，用css3中transform屬性或許可以實現左右滑動的效果，但是會很麻煩
二、比較其它小程序中關於左右滑動切換與列表加載
1、觀察比較找到了兩個功能相似的小程序，一個是今日頭條，一個是知乎熱榜
2、其中知乎熱榜中熱榜和為你推薦有左右滑動切換的效果，也有搜索框，與風聲小程序不同的是熱榜與為你推薦兩個tab是不滾動的，搜索框及tab中的內容滾動
3、今日頭條與知乎類似，tab不滾動，tab內容區滾動
三、tab不滾動，tab內容區滾動的實現方法
1、左右滑動切換的交互依然使用swiper，其中也依然用swiper-item來實現滑動切換，但是頁面不滾動，所以知道swiper的高度，就是tab以下區域的屏幕高度，然后在swiper-item中使用scroll-view標簽
如上圖所示，scroll-view標簽中scroll-y屬性可以設置縱向滾動，以此實現上拉加載效果，具體scroll-view的官方文檔鏈接如下，這個方法比css3動畫實現簡單很多
https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html