qq_46384732 2022-03-10 17:06 采纳率: 96.3%
浏览 24
已结题

点击tabBar字体颜色和图标图片的显示与隐藏怎么写点击tabBar字体颜色和图标图片的显示与隐藏怎么写

点击tabBar字体颜色和图标图片的显示与隐藏怎么写，要写在哪

img

  • 写回答

2条回答 默认 最新

  • 你好！机器人 2022-03-10 17:43
    关注
    "tabBar": {
        "custom": true,
        "color": "#808080",
        "selectedColor": "#F3474A", //选中颜色
        "borderStyle": "white",
        "backgroundColor": "#FFFFFF",
        "list": [
            {
                "pagePath": "pages/index/index",
                "text": "首页",
                "iconPath": "static/img/tabIcon1.png",
                "selectedIconPath": "static/img/tabIcon1_1.png" //选中图片
            },
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 微信小程序开发之tabbar图标和颜色的实现
    2020-10-17 20:38
    在小程序开发中，对tabbar的图标和颜色进行设计与实现是提升用户体验的重要步骤。接下来，我们将详细介绍微信小程序中tabbar图标和颜色的实现方法。 首先，要实现tabbar图标和颜色的自定义，需要在小程序的app.json...
  • 【uniapp】 uniapp 修改tabBar图标大小和navigationBar字体大小
    2024-01-06 13:00
    MFG_666的博客 【uniapp】 uniapp 修改tabBar图标大小和navigationBar字体大小
  • 微信小程序开发之tabbar图标和颜色的实现.docx
    2022-01-22 14:00
    微信小程序开发之tabbar图标和颜色的实现 微信小程序开发中的tabbar图标和颜色的实现是一个非常重要的部分，它直接影响到小程序的用户体验和美观度。在本文中，我们将详细介绍微信小程序开发之tabbar图标和颜色的...
  • 微信小程序tabBar设置实例解析
    2020-10-15 23:59
    微信小程序的tabBar设置是小程序开发中较为重要的一环，它允许开发者定义小程序底部的导航栏，以便用户能够快速在各个页面间切换。本篇实例解析会详细地介绍如何在微信小程序中设置tabBar，以及相关配置选项的作用。...
  • uniapp微信小程序-底部tabBar颜色显示问题
    2024-01-10 11:46
    禇柒的博客 uniapp开发微信小程序时遇到底部tabBar文字颜色显示不正确的问题，排查后发现page.json文件内tabBar的颜色必须为Hex格式的才能正常显示。
  • 微信小程序学习用demo：LOOK：点击tabbar变换图标
    2022-05-04 18:15
    - 在微信小程序的配置文件`app.json`中，你可以定义全局的tabbar配置，包括颜色、选中颜色、字体颜色等，并指定每个tab对应的页面路径。 - 示例中可能展示了如何在`app.json`中设置静态和动态tabbar，以及如何...
  • 微信小程序设置tabBar选中颜色和图标
    2020-08-03 11:54
    kkkkkkee的博客 { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#000... "navigationBarTextStyle":"white"//只能black和white }, "t
  • 怎样控制小程序tabbar图标大小_微信小程序tabBar的基本设置-微信小程序tabbar字体大小-微信小程序tabbar高度...
    2020-12-21 10:33
    weixin_39946798的博客 当我们想要在小程序中实现下面的效果的时候，可以使用tabBar3.从图片中可以看到tab的结构：4.1、3个可选的tab：5.list:使用tabBar对象中的list对象数组属性来控制，list数组中的每个元素(对象),{"pages":["pages/...
  • 微信小程序使用字体图标的方法
    2020-11-30 13:32
    在微信小程序中使用字体图标，通常需要遵循一系列步骤，这些步骤与传统的Web前端开发有所不同。以下是一个详细的过程，以阿里图标库为例，说明如何在微信小程序中集成并使用字体图标。 1. **下载字体图标**： 首先...
  • 微信小程序使用字体图标
    2021-03-29 16:52
    开发微信小程序时，难免要用到字体图标，而微信小程序的样式中是不能直接写本地的的图标文件地址，只能用线上绝对地址或转为bese64，这点很不方便。网上找来了一篇《使用阿里图标为例子讲解如何在微信小程序中使用...
  • 微信小程序开发 一 tabbar图标和颜色
    2017-05-20 17:12
    国苏的博客 1.浏览一遍简易教程，下载相应的开发工具写一个小例子点击左侧的 “编辑”-》点击右侧代码里的 app.json 修改为{ "pages":[ "pages/fightings/home", "pages/publish/home", "pages/mine/home" ],
  • 微信小程序tabbar图标素材.zip
    2024-11-02 15:37
    微信小程序有自己的一套设计语言和规范，包括颜色、字体、空间布局等方面，图标素材的设计也是如此。只有符合这些规范的图标素材，才能保证在不同设备和屏幕尺寸上展示出良好的一致性。 再者，图标素材的使用将直接...
  • 原生小程序--引入字体图标和搭建tabbar
    2020-06-17 23:37
    落花流雨的博客 引入字体图标 在项目根目录 / styles / iconfont.wxss 省略... 在app.wxss中引入 @import "./styles/iconfont.wxss"; 在页面中使用 <view class="inonfont 字体图标名称"></view> 搭建tabbar...
  • 微信小程序自定义tabbar
    2022-11-22 10:58
    默认情况下，`tabBar`具有预设的颜色、字体大小和图标等。开发者可以在`app.json`中设置`tabBar`的配置项，例如： ```json { "tabBar": { "custom": true, "color": "#727272", "selectedColor": "#3cc51f", ...
  • 微信小程序自定义tabBar组件开发详解
    2020-10-17 18:47
    5. 页面跳转和状态更新：在小程序的各个页面的JS文件中，通过绑定事件来实现点击tab项时页面的跳转和tab状态的更新。在对应的事件处理函数中，调用tabbarmain函数，更新tab的选中状态和数据。 自定义tabBar组件的...
  • 微信小程序tabBar改变图片大小方法
    2022-08-10 11:41
    Yuqiaha的博客 2.用原生提供的custom-tab-bar（可能会存在一些小问题，比如switchTab的跳转之类的）3.自定义组件，把所有页面变成子页面，但是用nav跳转只能十次，要用...1.最少用，但是最简单，用原生tabBar用ps改变图片大小。...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 4月5日
  • 已采纳回答 3月28日
  • 专家修改了标签 3月10日
  • 创建了问题 3月10日