微信小程序自定义底部tarbar的代码实现

本篇文章给大家带来的内容是关于微信小程序自定义底部tarbar的代码实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

先看一看目录
这里写图片描述@import "/template/template.wxss";

  • 在index文件夹

index.wxml

<import src="../../template/template.wxml"/><template is="tabBar" data="{{tabBar:bindData.tabBar}}"/>

index.js

const app = getApp()var template = require('../../template/template.js');Page({  data: {  },  onl oad: function () {    template.tabbar("tabBar", 0, this)//0表示第一个tabbar  },})

news.wxml与index.wxml一样
news.js如下

const app = getApp()var template = require('../../template/template.js');Page({  data: {  },  onl oad: function () {    template.tabbar("tabBar", 1, this)//1表示第二个tabbar  },})

效果如图
这里写图片描述

相关推荐:

微信小程序实例:实现顶部tab切换以及滑动切换时导航栏会随着移动的效果(代码)

微信小程序实例:获取当前城市位置及再次授权地理位置的代码实现

以上就是微信小程序自定义底部tarbar的代码实现的详细内容,更多请关注龙方网络其它相关文章!

郑重声明:本文版权包含图片归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(delete@yzlfxy.com)修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

留言与评论(共有 0 条评论)
   
验证码: