### [微信小程序开发UI框架如何使用](https://www.prosaas.cn/article/17507)

**Published:** 2018-06-05T02:44:07

**Author:** 5201314

**Excerpt:** 这个，很有意思，当我写完一个我觉得很有灵性的选项卡的时候，以前哥们告我微信小程序有个框架你看看去。。。 相信看…

这个，很有意思，当我写完一个我觉得很有灵性的选项卡的时候，以前哥们告我微信小程序有个框架你看看去。。。

<view wx:for="{{tab}}" wx:key="index" data-id="{{item.id}}" data-index="{{index}}"
bindtap="switchTab" class="tab-list {{tabIndex === index?'on':''}}">
{{item.name}}
</view>

![](https://user-gold-cdn.xitu.io/2018/5/29/163aa029d0ae7fa5?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)

相信看了本文案例你已经掌握了方法，更多精彩请关注知企PROSAAS其它相关文章！

推荐阅读：

微信小程序开发怎样创建项目

微信小程序开发获取用户基本信息

以上就是微信小程序开发UI框架如何使用的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---