![](https://img.haomeiwen.com/i1715517/471745297afcfdc6.png)
需要在style
里面进行添加,但是使用background-color
,居然不起作用,不知道为什么😓
最后发现使用background-image
可以实现👍🏻
<view :style="{ color: themeColor,backgroundImage: `linear-gradient(to right,${themeBgColor}, ${backgroundRightColor})`,'background-color': themeBgColor ,height:navbarHeight}">
</view>
成功解决,重写uni-nav-bar
实现的顶部导航栏渐变色,下面从左到右的渐变色,两边颜色色值差异不是很大😄
![](https://img.haomeiwen.com/i1715517/13f1e2b67d4d9fd7.png)
网友评论