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刪除。