微信小程序 自定义tabbar

本文介绍了如何在微信小程序中实现自定义tabbar,包括app.json, app.js的配置,以及index.js, index.wxml, index.wxss的相关代码。在定制过程中,特别提到了custom-tab-bar组件的重要性,它需要放置在根目录且文件名固定。虽然可能出现{ expectedcss(css-lcurlyexpected)}的报错,但不影响最终效果。提供了完整的demo链接以供参考。" 112331624,10541226,Win32汇编网络操作:使用WinInet API读取数据,"['Win32汇编', '网络编程', 'API调用']
摘要由CSDN通过智能技术生成

app.json

// 需要先定义tabBar页面
// “pages” 配置里面也不要忘了
"tabBar": {
   
    "custom": true,
    "list": [
      {
   
        "pagePath": "pages/index/index"
      },
      {
   
        "pagePath": "pages/goods/index"
      },
      {
   
        "pagePath": "pages/add/index"
      },
      {
   
        "pagePath": "pages/shop/index"
      },
      {
   
        "pagePath": "pages/my/index"
      }
    ]
 }

app.js

// app.js
App({
   
  //定义全局setTabbar方法
  $setTabbar(that,currentName){
   
  	if(typeof that.getTabBar == 'function' && that.getTabBar()){
   
  		let tabbar = that.getTabBar();
        console.log(tabbar);
        tabbar.setData({
   
          currentName
        })
	}
  },
  onLaunch() {
   
  },
  globalData: {
   
  }
})

add.wxml,shop.wxml,index.wxml,goods.wxml,my.wxml


Page({
   

  /**
   * 页面的初始数据
   */
  d
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

开发路上的AZhe

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值