微信小程序底部导航栏（tabbar）

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (260)

Mysql (59)

DedeCms (33)

jQuery (74)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

导航微信小程序 tabbar

打开边栏(ESC) 关闭边栏(ESC)

在app.json处设置“tabBar”，例子如下：

{
  "pages": [
    "pages/index/index",
    "pages/pages1/pages1",
    "pages/pages2/pages2"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTitleText": "小程序名称",
    "navigationBarTextStyle": "black",
    "backgroundColor": "#EA0000"
  },
  "sitemapLocation": "sitemap.json",
  "tabBar": {
    "color": "#666666",
    "selectedColor": "#f10b2e",
    "list": [
      {
        "pagePath": "pages/pages1/pages1",
        "text": "页面1",
        "iconPath": "*****",//未选中时的图标
        "selectedIconPath": "*****"//选中后的图标
      },
      {
        "pagePath": "pages/pages2/pages2",
        "text": "页面2",
        "iconPath": "*****",//未选中时的图标
        "selectedIconPath": "*****"//选中后的图标
      }
    ]
  }
}

需要注意的是：其他页面要跳转到tabBar页面，需要使用wx.switchTab，例子如下：

wx.switchTab({
        url: '../pages1/pages1'
      })

赏

前一篇

微信开发者工具快捷键汇总

后一篇

微信小程序，数组没有键名，wx:key怎么设置

相关推荐

无法获取用户身份登录的微信号未绑定为公众号的网页开发者

微信开发 | 2021-07-31 8449

无法获取用户身份登录的微信号未绑定为公众号的网页开发者，无法使用Oauth授权登录获取用户身份，请查看文档并完成绑定绑定为公众号网页开发者的流程如下使用 appid 对应的公众号登录公众号管理后台启用开发者中心，在开发者工具 —— web 开发者工具页面，向开发者微信号发送绑定邀请。绑定页面如下图所示： ...

公司企业邮箱绑定微信后，手机登录提示验证失败

微信开发 | 2018-03-06 7815

公司企业邮箱绑定微信后，手机端不能用原密码登录了，老是提示失败。原因是：开启安全登录后，原密码无法登录企业邮箱。网页版需使用微信扫码登录；客户端需使用“客户端专用密码”登录,让我们的邮件安全再无后顾之忧。客户端专用密码的生成方法： 1，pc端登录邮箱后，设置-账户-客户端专用密码-生成新密码 ...