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" // 背景颜色
    }

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

相关文章
|
10月前
uniapp Vue3 面包屑导航 带动态样式
uniapp Vue3 面包屑导航 带动态样式
169 1
|
10月前
|
JSON 数据格式
uniapp自定义头部导航样式
uniapp自定义头部导航样式
299 0
|
小程序 开发者
uniapp合法域名配置
uniapp合法域名配置
449 0
uniapp manifest.json 完整参数配置参考文档
uniapp manifest.json 完整参数配置参考文档
242 0
|
10月前
uniapp配置tarBar
uniapp配置tarBar
107 0
|
7月前
|
移动开发 JavaScript 前端开发
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
这篇文章介绍了在UniApp H5项目中处理跨域问题的两种方法:通过修改manifest.json文件配置h5设置,或在项目根目录创建vue.config.js文件进行代理配置,并提供了具体的配置代码示例。
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
|
6月前
vue3+uniapp配置路由导航守卫
vue3+uniapp配置路由导航守卫
|
8月前
|
小程序 UED
uniapp 添加分包页面,配置分包预下载
uniapp 添加分包页面,配置分包预下载
134 2
|
小程序 API
【 uniapp - 黑马优购 | 首页】小程序首页全局配置(home、网络请求、轮播图、分类...)
【 uniapp - 黑马优购 | 首页】小程序首页全局配置(home、网络请求、轮播图、分类...)
229 0
|
10月前
|
移动开发 监控 小程序
mPaaS常见问题之uniapp ios端云打包的配置config文件如何解决
mPaaS(移动平台即服务,Mobile Platform as a Service)是阿里巴巴集团提供的一套移动开发解决方案,它包含了一系列移动开发、测试、监控和运营的工具和服务。以下是mPaaS常见问题的汇总,旨在帮助开发者和企业用户解决在使用mPaaS产品过程中遇到的各种挑战
247 0

热门文章

最新文章