uniapp配置全局样式

简介: 本文讲解如何使用uniapp配置全局样式,和其中的优先级问题。

简介:本文讲解如何使用uniapp配置全局样式,和其中的优先级问题。
在这里插入图片描述

"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/index/index", 
            "style": {
                "navigationBarTitleText": "新闻" // 上方栏标题名字
            }
        }
        ,{
            "path" : "pages/user/user",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "个人中心",
                "enablePullDownRefresh": false // 是否支持下拉刷新
            }
            
        }
    ],
    // 全体样式的优先级,是低于具体样式pages中的属性的
    "globalStyle": { // 设置全体样式 
        "navigationBarTextStyle": "white", // 上方栏的文字颜色
        "navigationBarTitleText": "新闻", // 上方栏的标题文字
        "navigationBarBackgroundColor": "#31C27C", // 上方栏的背景颜色
        "backgroundColor": "#F8F8F8" // 背景颜色
    }

运行结果
在这里插入图片描述

相关文章
|
3月前
uniapp Vue3 面包屑导航 带动态样式
uniapp Vue3 面包屑导航 带动态样式
52 1
|
4月前
|
JSON 数据格式
uniapp自定义头部导航样式
uniapp自定义头部导航样式
56 0
|
6月前
|
小程序 开发者
uniapp合法域名配置
uniapp合法域名配置
149 0
|
8月前
uniapp manifest.json 完整参数配置参考文档
uniapp manifest.json 完整参数配置参考文档
84 0
|
8月前
|
小程序
uniapp如何分包 & 分包配置后无法读取static文件夹
uniapp如何分包 & 分包配置后无法读取static文件夹
188 0
uniapp如何分包 & 分包配置后无法读取static文件夹
|
3月前
uniapp配置tarBar
uniapp配置tarBar
29 0
|
1月前
|
移动开发 监控 小程序
mPaaS常见问题之uniapp ios端云打包的配置config文件如何解决
mPaaS(移动平台即服务,Mobile Platform as a Service)是阿里巴巴集团提供的一套移动开发解决方案,它包含了一系列移动开发、测试、监控和运营的工具和服务。以下是mPaaS常见问题的汇总,旨在帮助开发者和企业用户解决在使用mPaaS产品过程中遇到的各种挑战
26 0
|
6月前
|
小程序 API
【 uniapp - 黑马优购 | 首页】小程序首页全局配置(home、网络请求、轮播图、分类...)
【 uniapp - 黑马优购 | 首页】小程序首页全局配置(home、网络请求、轮播图、分类...)
78 0
|
3月前
|
小程序
uniapp 数据配置
uniapp manifest.js 配置
|
5月前
|
移动开发 前端开发
uniapp导入样式坑
uniapp导入样式坑
23 0

热门文章

最新文章