uniapp 全局外观配置pages.json的globalStyle

绝地灬酷狼 2021-07-24 18:03 476阅读 0赞

"navigationBarTextStyle": "black",    只支持黑/白
    	"navigationBarTitleText": "uni-appaa",      导航栏标题
    	"navigationBarBackgroundColor": "#008000",   导航栏背景色,使用16进制保证各平台通用
    	"backgroundColor": "#F8F8F8"   下拉等露出的窗体的背景色
    	"enablePullDownRefresh":true,   是否开启下拉刷新
    	"backgroundTextStyle":"light"   下拉刷新的加载动画样式,只支持"dark"/"light"
    	"onReachBottomDistance":100  上拉加载触发离底部的距离

[文档][Link 1]

代码示例:

{ 
    	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
    		{ 
    			"path": "pages/index/index",
    			"style": { 
    				"navigationBarTitleText": "uni-app"
    			}
    		}
    	],
    	"globalStyle": { 
    		"navigationBarTextStyle": "black",
    		"navigationBarTitleText": "uni-appaa",
    		"navigationBarBackgroundColor": "#008000",
    		"backgroundColor": "#008000",
    		"enablePullDownRefresh":true,
    		"backgroundTextStyle":"light",
    		"onReachBottomDistance":100
    	}
    }

[Link 1]: https://uniapp.dcloud.io/collocation/pages?id=pages

发表评论取消回复

表情：

评论列表（有 0 条评论，476人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp配置全局样式

简介：本文讲解如何使用uniapp配置全局样式，和其中的优先级问题。 ![在这里插入图片描述][1a44d03c932b4c818d4a29c49da37680.png]

旧城等待，/ 2024年03月31日 09:08/ 0 赞/ 129 阅读

相关 uni-app设置全局属性globalStyle

uni-app修炼之路（五）参考官方文档：[https://uniapp.dcloud.io/collocation/pages][https_uniapp.dclou

客官°小女子只卖身不卖艺/ 2023年03月04日 09:25/ 0 赞/ 2 阅读

相关 uniapp全局变量的实现

> ![af290ddf8e4bf65b27f1788b9f788c5c.png][] > > 这里说全局变量，着重指的是能够全局动态响应的情况。说到全局变量，我们首先想到的

末蓝、/ 2023年02月24日 08:57/ 0 赞/ 36 阅读

相关 uniapp全局引入字体

uniapp引入各种字体一.下载字体 ![在这里插入图片描述][20210115093344326.png] 二.在全局设置字体在font-face中说明，

喜欢ヅ旅行/ 2023年01月07日 01:26/ 0 赞/ 269 阅读

相关 vue+uniapp：全局组件（easycom）

一、创建组件 [https://my.oschina.net/u/4397787/blog/3309273][https_my.oschina.net_u_439

「爱情、让人受尽委屈。」/ 2022年11月15日 15:46/ 0 赞/ 246 阅读

相关 uniapp mixin全局混入

/ 全局混入型 / module.exports = { beforeCreate() { },

你的名字/ 2022年09月07日 12:16/ 0 赞/ 290 阅读

相关 uniapp 配置全局scss/less/sass变量

uniapp 配置全局scss/less/sass变量根目录新建 `vue.config.js`文件 vue.config.js module.exports

╰半橙微兮°/ 2021年08月31日 12:37/ 0 赞/ 2585 阅读

相关 uniapp——globalStyle全局外观配置

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

刺骨的言语ヽ痛彻心扉/ 2021年07月25日 19:26/ 0 赞/ 562 阅读

相关 uniapp实战——创建项目和清理结构及配置基本外观

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

╰半夏微凉°/ 2021年07月25日 15:53/ 0 赞/ 340 阅读

相关 uniapp 全局外观配置pages.json的globalStyle

"navigationBarTextStyle": "black", 只支持黑/白 "navigationBarTitleText": "uni-app

绝地灬酷狼/ 2021年07月24日 18:03/ 0 赞/ 477 阅读