Skip to content

hushiking/mini-program

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

小程序tabBar

  1. 采用模板引入实现各个页面tabBar
  2. template.js中定义tabBar生成函数
  3. 函数参数bindName代表模板中使用的数组名称;id表示第几个tabBar,从0开始;target表示绑定当前页面的this
  4. 在对应页面的wxml文件中引入模板,如下所示:
    <import src="../../template/template_tab.wxml" />
    <template is="tabBar" data="{{...bindData}}" />
    
  5. 样式文件可以在app.wxss中全局引入,也可以在每个用到tabBar页面的wxss文件中单独引入,就像这样:@import "/template/template_tab.wxss";
  6. 在需要使用tabBar页面的js文件中引入template.js,就像这样:import { tabBarFunc } from '../../utils/template'
  7. 在对应页面js文件的onLoad函数中使用tabBarFunc("tabBar", 0, this)来生成tabBar,其中0表示第一个tabBar,1表示第二个tabBar,以此类推

About

mini-program tabBar

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published