微信小程序 - tabBar 文字颜色不支持rgb

最新推荐文章于 2023-10-09 20:16:23 发布
最新推荐文章于 2023-10-09 20:16:23 发布
阅读量2.7k 收藏
点赞数 1
分类专栏： 微信小程序 文章标签： tabbar
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csu_passer/article/details/88311174
版权

Bug

在调试阶段，使用rgb定义tabBar选中时的文字颜色，开发工具预览效果没错，不过在真机上调试发现出现问题。原本应该是黄色的文字，在真机上却变成了绿色。

Solution

将RGB 转换成hex 16进制

csu_zipple
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序——设置tabBar
奔跑的狮子
08-15 1623
"tabBar": { //字体颜色 "color": "#999", //选中字体背景 "selectedColor": "#ff2da4", //背景颜色 "backgroundColor": "#fafafa", //边框类型 "borderStyle": "black", //列表 "list": [ { //页面路径 "pagePath": "pages/index/inde..
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
08-28
主要介绍了微信小程序实现点击按钮修改字体颜色功能,涉及微信小程序wx:for循环读取data数值及事件绑定修改元素属性相关操作技巧,需要的朋友可以参考下
微信小程序采坑八：tabbar设置RGB颜色无效
stp_zsj的博客
09-18 1719
问题描述： tabbar设置RGB颜色无效 原因： tabbar颜色不支持RGB和RGBA
微信小程序兼容性问题
热门推荐
luyaran的博客
02-18 1万+
微信小程序发布一周多了，兼容性问题，特别是 Android 平台兼容性问题特别严重。据我观察，好多小程序掉到兼容性的坑里。掉坑里不要紧，更让人捉急的是，从坑里爬上来的时候，手刚抓到坑沿，又被微信官方踩到（紧急修复兼容性的版本没审核通过，被微信打回重审），再次跌落坑底，然后眼睁睁地看着后台用户在破口大骂“什么东西都没有啊~，什么破小程序”。 微信小程序的兼容性问题除了微信本身的 Bug 外，大部分
小程序设置颜色可以使用HEX但是不能使用HEXA,想设置alpha通道，只能使用RGBA
从现在开始认真学习的博客
12-11 857
给一个view设置背景色，透明度是10%(对应16进制是1A) 使用HEXA，如下： //HEXA方式一 .view{ background: #FFFFFF1A; } //HEXA方式二 <view style="background:#FFFFFF1A"/> 结果，都不生效。注：不生效是在Android手机端测试，在模拟器上是生效的。 使用RGBA，如...
【微信小程序】颜色透明度失效或者在电脑端无法显示颜色
Error_JJ的博客
07-01 1028
**解决方法：**如果颜色用rgb标识的试试换成二进制，用二进制的试试换成rgb
微信小程序--TabBar不出现
03-29
今天打算开始实战一个微信小程序项目，一开始就踩坑了，正确设置了TabBar，但是TabBar就是不能显示出来，后面才找到原因，这里记录下： app.json正确代码： { "pages":[ "pages/index/index", "pages/leader/...
微信小程序tabbar不显示解决办法
08-30
微信小程序tabbar不显示解决办法 微信小程序tabbar是微信小程序中的一种重要组件，它允许用户在不同的页面之间进行切换。然而，在某些情况下，tabbar可能不会显示，这就需要我们来解决这个问题。本文将介绍微信小...
微信小程序-微信小程序自定义tabbar，包含可左右滚动
08-05
在这个特定的项目“wx-mina-custom-tabbar”中，开发者旨在创建一个自定义的TabBar组件，该组件具备左右滚动的功能，以满足用户在微信小程序中的个性化需求。 TabBar在移动应用设计中是非常常见的一种导航模式，它...
uniapp 微信小程序tabbar凸起的显示
08-25
在`uniapp`中处理微信小程序的tabbar凸起效果并确保其不闪烁，是一项技术性工作，涉及到CSS样式、事件处理以及可能的动画优化。 首先，我们需要了解微信小程序中的`tabbar`配置。在`app.json`文件中，我们可以定义...
优雅实现微信小程序动态tabBar，根据不同用户角色显示不同底部导航-更新版（支持自由组合总数超过5个tabBar菜单）
01-03
2、使用自定义底部导航custom-tab-bar优雅实现微信小程序动态tabBar。 3、实现自由组合tabBar菜单项目，支持自由组合总数超过5个tabBar菜单。 4、本示例是7个底部导航，分2种权限，权限1显示1，2，3；权限2显示4，5...
小程序的小bug（一）--------------------border-color:rgba失效
yuanye12215619的博客
05-16 6282
今天要做这样一个效果，本能使用 border来做 但是外环是有透明度的，必须要用rgba。但是微信小程序border里面的rgba是不好用的。所以就只能采用shadow ：box-shadow: 0 0 0 16rpx rgba(79,194,233,0.15) ;亲测此法好用，且最为简洁。以后会在实际工作中陆续踩坑，敬请关注后续更新。...
微信小程序（4）：颜色问题
qq_42317011的博客
03-07 2487
在开发工具中，怎么用颜色都没啥问题， 但一到真机调试阶段会有一些颜色无法显示，主要原因是在开发工具中的模拟器支 持8位的颜色，而手机却只能支持6位，所以说尽量采用6位，如果要设8位，那两 位好像是透明度，应该有特殊方法可以表示。 还有就是在设置tabBar的字体颜色时，一定要用色值，是#XXXXXX，不能用 rgb(X,X,X)，使用TIM的截图加Ctrl键即可查看色值。 所以保险起见在开发当中尽...
如何在小程序中设置导航栏文字颜色和背景颜色
weixin_43096382的博客
10-09 3021
不同商家有不同的颜色风格，例如有些做设计的公司，主要是黑色风格；他们的小程序，也需要进行同样的风格设定。设置导航栏的文字颜色和背景颜色是小程序界面的重要组成部分，可以提高用户体验并增强品牌意识。2. 点击“导航栏文字颜色”或者“导航栏背景颜色”，在底部会出现颜色选择面板。在上面选择需要设置的颜色，然后点击保存即可。例如“个人中心”，就是导航栏文字，它是白色。文字的背景色，就是导航栏背景颜色，它是红色。1. 在小程序管理员后台->基本设置页面，可以看到导航栏文字颜色和导航栏背景颜色。
微信小程序wxss颜色兼容写法
高先生的猫
03-26 713
color:#8A96A0ff; #替换成 color:#8A96A0; box-shadow：0px 2px 4px #0000001A,0px 0px 2px #0000001A; #替换成 box-shadow:0px 2px 4px rgba(0,0,0,0.1),0px 0px 2px rgba(0,0,0,0.1); background: linear-gradie...
微信小程序学习
四月
10-16 886
一.设置底部导航json "tabBar": { "color": "#A6A6A6", "selectedColor": "#3B7CFF", "borderStyle": "black", "list": [ { "selectedIconPath": "images/icon01.png", "iconPath...
小程序开发遇坑记录
喜东东的博客
01-07 516
小程序开发遇坑记录 微信小程序原生textarea的placeholder-style对rgba识别bug：(0, 10-15,27,0.15)识别不出来，会设置不上颜色 滚动穿透：popup中滚动会穿透到底层 微信原生picker mode=date start，end设置后，依然会展示不在设置范围内的，只是不能选择 setTimeout、setInterval实现的定时器在鸿蒙系统出现掉帧现象，目前已解决，参考高刷屏对requestAnimationFrame和setTimeout的影响
uniapp遇到的问题
weixin_45888412的博客
01-13 2576
uniapp遇到的问题 scroll-view横向滚动 <template> <scroll-view scroll-x="true" class="scrollX"></scroll-view> </template> <style scoped> .scrollX{ width: 100%; overflow: hidden; /* 必须要添加才能生效 */ white-space: n
笔记：微信小程序地图使用
qq_39108466的博客
03-01 5242
小程序地图的坑： （PS：当前使用的微信开发工具版本：v1.02.1802270） marker属性中，label{} 中的color和bgColor颜色值只能是十六进制，如‘#ffffff’，不支持颜色值简写‘#fff’，不支持rgba()，不支持颜色单词‘white’‘yellow’等。否则marker无法显示（或者显示有问题，如当label位置与 marker点的icon重合的时候会被...
微信小程序改变tabBar字体
最新发布
03-08
微信小程序的tabBar字体可以通过修改全局样式来实现。具体步骤如下： 1. 在app.json文件中，找到"tabBar"字段，添加或修改"custom"属性为true，表示自定义tabBar样式。 2. 在app.wxss文件中，添加以下样式代码来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值