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

最新推荐文章于 2024-08-21 17:27:47 发布

长庚~Richarlie

最新推荐文章于 2024-08-21 17:27:47 发布

阅读量930

点赞数

文章标签： uni-app 导航渐变

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

摘要由CSDN通过智能技术生成

在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)"
            }  
        }
    }
}