小程序開發(fā)中遇到這樣一個(gè)問(wèn)題... 
排行榜開發(fā)的時(shí)候，前三名的樣式不同，其余的樣式一樣。但是都是通過(guò)同一元素來(lái)遍歷的,當(dāng)時(shí)卡了一下。后來(lái)發(fā)現(xiàn)有module模塊化這一概念,于是查了下api，一下子就做出來(lái)了。

就是不同名次上邊的樣式根據(jù)實(shí)際情況展示效果。

模塊化

我們可以將一些公共的代碼抽離成為一個(gè)單獨(dú)的 js 文件，作為一個(gè)模塊。模塊只有通過(guò) module.exports 或者 exports 才能對(duì)外暴露接口。 
通俗的將就是自身獨(dú)立，作用域只作用于該模塊，與js互不影響。

主要代碼

module部分

1. <wxs module="rank">
2. var indexof = function(index){
3. switch(index){
4. case 0:
5. return 'first-price';
6. break;
7. case 1:
8. return 'second-price';
9. break;
10. case 2:
11. return 'third-price';
12. break;
13. }
14. };
15. module.exports.style = indexof;
16. </wxs>

view

1. <view class="weui-badge {{rank.style(index)}}">{{index + 1}}</view>

有什么好的方法或者問(wèn)題都可以互相交流哦~  喜歡的點(diǎn)個(gè)贊哦~