小程序组件底部加载不出来

1.请确保 vue 中的 wx.request 方法和微信小程序提供的 request 方法一致，并且 url 和数据格式也正确；

2.一般来说，小程序的请求会受到微信的后端限制，我们可以尝试使用小程序官方提供的 API，例如：wx.getNetworkType等；

3.针对vue.js组件底部加载不出来的情况，请首先确保手机浏览器加载页面是否正常，如果浏览器页面正常，那么戚态很可能是小程序没有请求到数据，可以增加异常捕获，例侍陪如使用 try catch 语句进行异常处理，这样可以帮助我们更好的找到问题；

4.此外，如果手机浏览器正常，但是高谈源小程序出现问题，请检查小程序的报错日志，以及你的小程序 SDK 版本是否是官方最新版；

5.建议还可以尝试比较小程序与浏览器页面之间的差异，是否是组件本身或者数据请求问题。

首页小程序导航栏TabBar设置

1、注意区分属性值大小写的区别哗禅春，比如selectedIconPath如果写成selectediconpath则图片不显示。

2、如果tabBar中设置"postion":"top"则icopath的图片都不再显示。

3、注意{}中如果列出几项，这除最后一项外每一项结尾加逗号，最后一项不用加。

"tabBar": {

    "selectedColor": "#1296db",

    "list": [{

      "pagePath": "pages/index/index",

      "text": "首页",

      "iconPath": "images/ico-home.png",

      "selectedIconPath": "images/ico-home-d.png"

    },{

      "pagePath": "pages/setting/setting",

      "text": "设置",

      "iconPath": "images/ico-setting.png",

      "selectedIconPath": "images/ico-setting-d.png"

    },{

      "pagePath": "pages/help/help",

      "text": "帮助",

      "乱耐iconPath": "images/ico-help.png",

      "selectedIconPath": "images/ico-help-d.png"

    }]

 袭仿 }

在一个微信小程序中想要用到两种不同的tabbar样式，需要在app.js中自定义，在页面加载时进行调用。

比如一个小程序需要两个版本（用户版、商家版），并且能通过一闷昌个按钮在两个版本间进行切换，可能会用到这种方式。

此处以两个页面（index，logs）显示两种tabbar样橡粗式为例，通过切换按钮梁罩镇进行切换。

首先有一个模板文件：tabbar.wxml

在app.json中无需定义“tabBar”

在app.js中自定义如下

在app.wxss中定义显示样式

index.wxml，用到自定义tabbar的页面的首部都需要引入模板文件

index.js

logs.js

加载自定义tabbar的那句话（app.editTabBar）写在onload或onshow中都可以。

只写了两个主页面，其他页面可自行定义跳转。

最后放上效果图：

---