🎉 微信小程序开发 一 tabbar图标和颜色_tabbar 加粗 📱

大家好！今天来分享一下如何在微信小程序中设置 `tabbar` 的图标和颜色，并且让文字加粗展示。这个技巧能帮助你的小程序界面更加美观和专业。

首先，打开你的微信开发者工具，找到项目的 `app.json` 文件，在里面添加或修改 `tabBar` 配置。例如：

```json

"tabBar": {

"list": [

{

"pagePath": "pages/index/index",

"text": "首页",

"iconPath": "images/home.png",

"selectedIconPath": "images/home-active.png"

},

{

"pagePath": "pages/logs/logs",

"text": "日志",

"iconPath": "images/log.png",

"selectedIconPath": "images/log-active.png"

}

],

"color": "999",

"selectedColor": "3cc51f",

"borderStyle": "black"

}

```

这里设置了 `tabBar` 的图标路径、默认颜色、选中时的颜色等。注意，`color` 和 `selectedColor` 分别代表未选中和选中状态下的文字颜色。

然后，为了让 `tabbar` 文字加粗，你可以通过自定义组件或者使用第三方库来实现。这里提供一种简单的方法：在 `tabBar` 中的文字标签上直接增加样式，如：

```json

"text": "日志"

```

但请注意，这可能需要对微信小程序的基础库版本有一定要求，并且需要确保你的项目支持这种方式。

希望这篇分享对你有所帮助！如果你有任何问题或建议，欢迎留言讨论。🚀

微信小程序 Tabbar设计 UI优化