-
微信小程序的自定义组件:具有未读数目显示功能的tab按钮
资源介绍
weapp-component-tabbar
微信小程序自定义组件:带未读数目的tab按钮
组件的使用
可以直接复制dist中的文件,到你的项目的pages页。如果放到其他的目录,需要相应修改下列引用中的路径( ./path/to/file/tabbar.subfix )
index.wxml (页面的 wxml文件中)
<!-- 在需要的页面的头部 引入wxml -->
<!-- 直接引入 -->
<!--
其他的页面的元素
-->
index.wxss (页面的 wxss 文件)
/* 引入tabbar的样式 */
@import "../template/tabbar.wxss";
index.js (页面的 js 文件)
文件头部:
import {
init, // 初始化组件及页面
Tabbar, // Tabbar是组件的事件注册中心
setTabbarData // 设置/更新 tabbar显示的数据
} from "../template