1.修改組件Tabs標簽結構

2.設置Tabs頁面樣式

3.頁面樣式如下

4.為了組件復用,把組件標題內容抽出來,放到js文件中

5.在組件標簽頁用wx:for遍歷數據生成頁面

6.生成頁面如圖

7.根據數據判斷添加active類

8.頁面樣式如圖

9.添加標題激活選中效果
9.1 給標題綁定點擊事件

9.2 在組件js文件中添加點擊事件

10.至此完成Tabs點擊標題進行樣式切換

1.修改組件Tabs標簽結構

2.設置Tabs頁面樣式

3.頁面樣式如下

4.為了組件復用,把組件標題內容抽出來,放到js文件中

5.在組件標簽頁用wx:for遍歷數據生成頁面

6.生成頁面如圖

7.根據數據判斷添加active類

8.頁面樣式如圖

9.添加標題激活選中效果
9.1 給標題綁定點擊事件

9.2 在組件js文件中添加點擊事件

10.至此完成Tabs點擊標題進行樣式切換

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。