小程序tabBar 小红点 原生怎么实现

微信小程序自定义组件：带未读数目的tab按钮

组件的使用

可以直接复制dist中拆如贺的文件，到你的项目的pages页。如果放到其他的目录，需要相应修改下列引用中的路径( ./path/to/file/tabbar.subfix )

index.wxml (页面的 wxml文件中)[mw_shl_code=applescript,true]<!-- 在需要的页面的头部 引入wxml -->

<import src="../template/tabbar.wxml"/>

<!-- 直接引入 -->

<template is="tab-bar" data="{{ jhDataForTabbar }}"/>

<!--

其他的页面的元素橡巧

-->[/mw_shl_code]

#### index.wxss (页面的 wxss 文件)

[mw_shl_code=applescript,true] /* 引入tabbar的样旅派式 */

@import "../template/tabbar.wxss"[/mw_shl_code]

index.js (页面的 js 文件)文件头部：[mw_shl_code=applescript,true]import {

init,// 初始化组件及页面

Tabbar, // Tabbar是组件的事件注册中心

setTabbarData// 设置/更新 tabbar显示的数据

} from "../template/tabbar"[/mw_shl_code]文件内部：调用init(object)函数，初始化页面[mw_shl_code=applescript,true]let UserPageData = {

data: {

name: "Jonham.Chen"

},

onLoad: function() {

},

// ... any others

}

init(UserPageData)[/mw_shl_code]文件内部：调用

})

setTabbarData(tabbarData)[/mw_shl_code]文件内部：调用Tabbar.addListener(fn)函数增加tab的监听事件[

关闭MAC系统Leopard菜单栏的透明显示效果的方法

一种是修改 Desktop Picture ，在用作桌面的图片上上方画一个高 21 像素的横条，至于颜色，如果不喜欢白色，还可以自己选（比如 LeoColorBar ）。这个方法比较简单易行，但这类方法有一个缺点，分辨率更改之后，如果桌面图片是缩放的，原来的 21 像素的横条就要重新画了。另一种是修改系统配置文件，这是最直接最有效的办法，缺点就是有点危险，很多人不愿意尝试。

对于一个对 Mac OS X 充满好奇的用户而言，我不会用第一种方法，所以用第二种办法。

在MacUpdate.com 可以下载到一个模埋叫 Leopaque 的小程序，这是一个用 AppleScript 写的小程序，通过修改系统配置文件，实现关闭/还原 Leopard 菜单栏的透明效果的功能。一劳永逸。

使用方法很简单我就不多说了，鉴于某些用户可能会担心修改了系统配置文件，我说一下它到底做了什么，解稿禅除疑虑。

建键码尘议那些需要改 Leopard 菜单栏效果的用户用 Leopaque 来改，方便，而且还安全一点。

---