首页 > 编程语言 >微信小程序------全局配置设置

微信小程序------全局配置设置

时间:2024-05-26 22:11:12浏览次数:29  
标签:map 微信 images iconPath text ------ 全局 pages png

1、常用配置

项目跟目录下app.json就是应用级配置文件

属性  说明
pages 页面路径列表
window  全局默认窗口表现 
tabBar 底部tab栏的实现
networkTimeout 网络超时时间
debug 是否开启调试模式。默认为false
requiredBackgroundModes 需要在后台使用的能力,如音乐播放
plugins 使用到的插件

2、pages配置

  用来存储和新建页面,首先展示的是第一个设置的页面内容

  "pages": [
    "pages/index/index",
    "pages/picture/picture",
    "pages/video/video",
    "pages/map/map",
    "pages/guest/guest"
  ],

3、window

  用于设置全局配置

  "window": {
    "backgroundTextStyle":"light",   //设置下拉刷新时的loading样式
    "navigationBarBackgroundColor": "#ff4c91",  //设置导航栏背景色
    "navigationBarTextStyle": "white",   //设置导航栏的标题颜色
    "enablePullDownRefresh": false,     //全局开启下拉刷新
    "navigationStyle": "custom"   //设置右上角胶囊按钮,默认为default 
  },

4、tabBar

  用于配置页面底部的标签栏

属性 说明
color  未选择时,底部导航文字的颜色
selectedColor 选择时,底部导航文字的颜色
borderStyle 底部导航边框的颜色(如果没有写入样式会出现浅灰色线条)
backgroundColor 底部导航背景色
list 导航配置数组

 

   list是一个数组,数组的每一个元素是一个标签按钮对象,通过该对象的属性可以配置标签栏中每个标签按钮

属性 说明
pagePath 页面访问地址
iconPath 未选择时,图片路径
selectedIconPath 选中时,图片路径
text 导航图标下方文字

案例

  "tabBar": {
    "color": "#ccc",
    "selectedColor": "#ff4c91",
    "borderStyle":"white",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "iconPath": "/pages/images/invite.png",
        "selectedIconPath": "/pages/images/invite.png",
        "text": "邀请函"
      },
      {
        "pagePath": "pages/picture/picture",
        "iconPath": "/pages/images/marry.png",
        "selectedIconPath": "/pages/images/marry.png",
        "text": "照片"
      },
      {
        "pagePath": "pages/video/video",
        "iconPath": "/pages/images/video.png",
        "selectedIconPath": "/pages/images/video.png",
        "text": "美好时光"
      },
      {
        "pagePath": "pages/map/map",
        "iconPath": "/pages/images/map.png",
        "selectedIconPath": "/pages/images/map.png",
        "text": "婚礼地点"
      },
      {
        "pagePath": "pages/guest/guest",
        "iconPath": "/pages/images/guest.png",
        "selectedIconPath": "/pages/images/guest.png",
        "text": "宾客信息"
      }
    ]
  },

5、requireBackgroundModes

  "requireBackgroundModes": [
                    "audio" //音乐
                  ],

  

 

 

标签:map,微信,images,iconPath,text,------,全局,pages,png
From: https://www.cnblogs.com/lixianhui/p/18213779

相关文章

  • springboot+vue创建_2(分页)
    七、分页7.1//分页@PostMapping("/listPage")//publicList<Login00>listhu(@RequestBodyHashMapmap){publicList<Login00>listhu(@RequestBodyQueryPageParamqueryPageParam){//hashmap//System.out.println(......
  • Linux Linux第一个小程序——进度条
    1.补充概念1.1回车换行:回车换行是两个概念;1.换行是将光标从第一行挪到第二行;2.回车是将光标挪到第二行的最左面;C语言是将回车换行一起用,他是可以分开用的;1.2缓冲区//现象第一组代码,先休眠后打印;第二组代码先打印后休眠#include<unistd.h>//第一组intmain(){printf(......
  • 简单实现Lua的面向对象
    参考了多篇文章和以往的项目经验,这里来写一篇在Unity游戏客户端开发面试的时候经常会被问到的如何实现lua的面向对象功能。众所周知面向对象有三大特性,封装、继承、多态,那么在这里我们用lua来分别实现这三个功能。一、封装假设我有一个类,我想要快速创建一个该类的实例化对象......
  • 《拯救大学生课设不挂科第四期之蓝桥杯是什么?我是否要参加蓝桥杯?选择何种语言?如何科学
    背景:有些同学在大一或者大二可能会被老师建议参加蓝桥杯,本视频和文章主要是以一个过来人的身份来给与大家一些思路。比如蓝桥杯是什么?我是否要参加蓝桥杯?参加蓝桥杯该选择何种语言?如何科学备赛?等问题进行一个经验分享视频地址:【240526晚21点56分更新视频地址完毕】《拯救......
  • 手把手教你如何将自己的项目发布到Maven中央仓库
    看到别人写的工具类,有些自己想用的方法没有,想着看能不能自己封装一个库,然后丢上去,说干就干。网上有很多的教程,但是都是老版本的,maven中央仓库2024年3月份有更新迭代,本教程是最新版。一、Maven中央仓库账号1.注册登录地址:https://central.sonatype.com/有的话直接登录,没有......
  • 一个免费、时尚、强大的 Windows GitHub 客户端
    前言今天大姚给大家分享一个.NET开源(MITLicense)、免费、时尚、功能强大的WindowsGitHub客户端:FluentHub。工具功能多任务标签页。上下文菜单扩展。对问题和PR进行评论。用户/组织/代码库页面。代码库页面的列/树布局。编辑用户固定的代码库。编辑用户个人资料信息。......
  • 【考研数据结构知识点详解及整理——C语言描述】第二章线性表的定义和基本操作
    25计算机考研,数据结构知识点整理(内容借鉴了王道408+数据结构教材),还会不断完善所整理的内容,后续的内容也会不断更新(可以关注),若有错误和不足欢迎各位朋友指出!目录 一.线性表的定义二.线性表的基本操作一.线性表的定义(1)线性表是具有相同数据类型的n(n>0)个数据元素的有......
  • 无界(wujie)微前端子应用elementUI时,dialog中使用Select、TimePicker等组件,弹出框位置
    无界(wujie)微前端子应用elementUI时,dialog中使用Select、TimePicker等组件,弹出框位置可能会异常,如图:解决方法参考:public/index.html文件1、body中加style="position:relative"2、script中加if(window.__POWERED_BY_WUJIE__){Document.documentElement.classList.add(“i......
  • 【Python】 XGBoost模型的使用案例及原理解析
    原谅把你带走的雨天在渐渐模糊的窗前每个人最后都要说再见原谅被你带走的永远微笑着容易过一天也许是我已经老了一点那些日子你会不会舍不得思念就像关不紧的门空气里有幸福的灰尘否则为何闭上眼睛的时候又全都想起了谁都别说让我一个人躲一躲你的承诺我竟......
  • Linux虚拟机有线网络图标消失
    上不了网了chkconfignetworkoffchkconfignetworkonserviceNetworkManagerstopserviceNetworkManagerstart作者:Chting链接:https://www.jianshu.com/p/037de7b3024f来源:简书著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。我直呼好厉......