微信小程序自定義組件-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刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM