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

绝地灬酷狼 2021-07-24 18:03 454阅读 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 条评论，454人围观）

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

相关阅读

相关 uniapp配置全局样式

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

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

相关 uniapp 自定义全局组件

在 uni-app 中，自定义全局组件是很容易的。首先，你需要在项目的 `components` 目录下创建一个新文件，例如 `my-component.vue`。然后，在这个

阳光穿透心脏的1/2处/ 2024年03月25日 18:51/ 0 赞/ 80 阅读

相关 uniapp全局引入字体

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

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

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

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

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

相关 uniapp 图标配置

uniapp 图标配置，记录一下 1、在 HBuilderX 中打开 manifest.json 文件，找到 App图标配置 ![watermark_type_ZHJvaW

秒速五厘米/ 2022年09月10日 10:28/ 0 赞/ 698 阅读

相关 uniapp mixin全局混入

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

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

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

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

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

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

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

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

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

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

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

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

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

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