uniapp解决自定义uni-nav-bar下方默认黑线、更改默认配置问题

前言

最近刚接触做一个微信小程序的项目,时间比较紧张一来就开干,属于是稀里糊涂就上手了,也不免遇到一些比较基础的问题,这里统一记录一下。

解决

自定义顶部导航栏的时候用到uni-nav-bar组件,但是这玩意默认下面有条边框线,在网上搜解决办法看到大都写的找到源码然后改配置,或者在style里对border进行操作,这里提供一下最简单的解决办法。
其实去看官方文档发现人家本身就有border的配置!(摔)
官方截图
然后我就在组件上添加了border:"false" ,结果发现没用。。
然后又开始疯狂找原因,最后发现自己犯了一个低级错误:
应该写: :border="false"

项目截图
就好啦!

ps:如果实在想给自己添工作量想在源码里改的(?),就移步源码区,把默认改成false就行了
源码截图

更改默认配置

你是否不满足于官方提供的参数,想自己更改更多配置?
这里提供两种方法:
第一种就是找到源码位置更改默认配置,这样就更改了全局配置;
第二种就是使用样式穿透:
在选择器前面加 ::deep

以上!

  • 7
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值