uniapp添加顶部导航栏颜色渐变

最新推荐文章于 2026-04-19 02:29:29 发布

转载最新推荐文章于 2026-04-19 02:29:29 发布 · 1.3k 阅读

标签

#uni-app #导航 #渐变

收录于

文章介绍了如何在uniapp项目的pages.json文件中设置页面mySuccessOrder/mySuccessOrder的导航栏背景为线性渐变效果，使用了`linear-gradient`函数，并提供了颜色渐变工具链接。

在uniapp文件夹的pages.json文件中添加如下代码即可实现

“backgroundImage”:“linear-gradient(to right, #FFDE28,#FF3228)”

{
    "path": "pages/mySuccessOrder/mySuccessOrder",
    "style": {
        "navigationBarTitleText": "支付",
        "app-plus": {
            "titleNView": {  
                "backgroundImage":"linear-gradient(to right, #FFDE28,#FF3228)"
            }  
        }
    }
}