首页 > 代码库 > 微信小程序把玩(三)tabBar底部导航

微信小程序把玩(三)tabBar底部导航

2024-09-06 02:50:34   218人阅读

原文:微信小程序把玩(三)tabBar底部导航

技术分享

tabBar相对而言用的还是比较多的，但是用起来并没有难，在app.json中配置下tabBar即可，注意tabBar至少需要两个最多五个Item选项

主要属性：

对于tabBar整体属性设置：

技术分享

对于tabBar中每个Item属性设置：

技术分享

下面是官网一张图对tabBar描述：

技术分享

app.json的配置相对就简单了：

技术分享

<script type="text/javascript"> $(function () { $(‘pre.prettyprint code‘).each(function () { var lines = $(this).text().split(‘\n‘).length; var $numbering = $(‘
    ‘).addClass(‘pre-numbering‘).hide(); $(this).addClass(‘has-numbering‘).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($(‘
  • ‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>

    微信小程序把玩(三)tabBar底部导航


联系
我们