youzan / vant-weapp

轻量、可靠的小程序 UI 组件库
https://vant.pro/vant-weapp/
MIT License
17.78k stars 3.48k forks source link

Tabbar 标签栏可否支持自定义颜色 #489

Closed zhangzheng7856 closed 6 years ago

zhangzheng7856 commented 6 years ago

你需要的功能是? 描述一下你需要的功能,用于解决什么问题 Tabbar 标签栏可否自定义颜色 你期望 API 是什么样的? color="red"

Fyerl commented 6 years ago

可以参考文档中 TabbarItem Slot 自行替换

CurryHan commented 6 years ago

文字的颜色不能自定义

SimoralX commented 6 years ago

Fyerl 试了下,可以了,谢谢。

<!-- xx.wxml : 自定义颜色 -->
<van-tabbar>
  <van-tabbar-item>
    <view class="footer_txt--active">首页</view>
  </van-tabbar-item>
</van-tabbar>
/* xx.wxss : 样式类里修改颜色 */
.footer_txt--active {
  color: red;
}

还有一个操作,不太正规,就是直接去dist/tabbar-item/tabbar-item.wxss里面修改那个颜色为主题颜色,此方法仅供参考,因为我动态修改颜色,会出现先闪一下蓝色再切换到我设定的主题颜色问题,所以我直接去修改了dist里的颜色