寫在前面

最近在負責一個微信小程序的前端以及前后端接口的對接的項目，整體上所有頁面的布局我都已經(jīng)搭建完成，里面有一些常用的特效，總結一下，希望對大家和我都能有所幫助

實例1：滾動tab選項卡

先看一下效果圖吧，能夠點擊菜單或滑動頁面切換，tab菜單部分可以實現(xiàn)左右滾動

好了，看一下我的源碼吧！<喜歡的話拿走不謝喲>

1、wxml

 okaychen

 2、wxss <我只展示了tab菜單處的wxss，頁面的樣式就不在列出>

 okaychen

 3、js

 okaychen

實例2：星級評分

按照慣例先上效果圖，默認一星，點擊可以選擇星級，可半星顯示。

1、wxml

 okaychen

2、wxss

 okaychen

3、js

 okaychen

實例3：自定義底部彈出層

自定義底部彈出層，在電商的小程序中經(jīng)常會用到，根據(jù)需要自定義彈出內容，先看下我的效果

 

我已經(jīng)把我自定義的部分抽離了出來

1、wxml

 okaychen

2、wxss

 okaychen

3、js

 okaychen