微信小程序学习之路,每日更新

news/2024/7/19 15:22:55 标签: js, 小程序

小程序的配置文件

jsonutils_2">全局配置 app.json(utils目录下)

pages字段:描述当前小程序所有的页面路径

json"> "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
     
     //对应的是文件夹pages页面的两个文件,注意,文件没有后缀名
  • 新增一个页面

    json"> "pages":[
        "pages/index/index",
        "pages/logs/logs",
        "pages/demo01/demo01"
      ],
         
      //或者可以像创建文件一样一级一级的创建即可:一个文件夹+4个子文件.js  .json  .wxml  .wxss
    
  • 设置默认显示界面是什么

    //想让谁是第一个显示的界面就放在最上面
    

window字段:定义小程序所有页面的顶部背景颜色

  • json">"window":{
        "backgroundTextStyle":"light",//下拉loading的样式,值为dark或light
        "navigationBarBackgroundColor": "#fff", //导航栏背景颜色
        "navigationBarTitleText": "Weixin",//导航栏标题
        "navigationBarTextStyle":"black",//导航栏文字颜色:颜色只能是黑色或者白色,不能是其他
        "enablePullDownRefresh":true//开启全局下拉刷新,默认值是false
        "backgroundColor":"#ABC"  //loading那一小块区域的背景颜色,整体窗口的背景颜色应该是在wxss中设置的,支支持#xxx了
      },
    

tabbar字段:选项卡字段

  • json">"tabBar": {
        "list": [{
          "pagePath": "pagePath", //页面路径
          "text": "text", //页面标题
          "iconPath": "iconPath", //未选择图标路径
          "selectedIconPath": "selectedIconPath" //已经选中的图标路径
        }], //list数组至少包含两项,最多5项
        "color":"#0094ff",//只支持十六进制,没有选中的时候选项卡上文字的颜色
        "selectedColor":"#ff9400",//只支持十六进制,选中的情况下文字的颜色
        "backgroundColor":"#ff0000",//只支持十六进制,选项卡背景颜色设置
        "position":"bottom"  //默认时下面,值只有两个--top和bottom,当在上面的时候默认图标icon不再显示
      },
    
  • 图片放到与page同级的目录下:粘贴复制即可

json">{
  "pages":[
    "pages/demo01/demo01",
    "pages/index/index",
    "pages/img/img",
    "pages/mine/mine",
    "pages/search/search",
    "pages/logs/logs",
    "pages/demo03/demo03" 
  ],
  "window":{
    "backgroundTextStyle":"dark",
    "navigationBarBackgroundColor": "#0099ff",
    "navigationBarTitleText": "练习一",
    "navigationBarTextStyle":"white",
    "enablePullDownRefresh":true,
    "backgroundColor":"#abc"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "icon/1.png",
      "selectedIconPath": "icon/5.png"
    },
    {
      "pagePath": "pages/img/img",
      "text": "图片页",
      "iconPath": "icon/2.png",
      "selectedIconPath": "icon/6.png"
    },
    {
      "pagePath": "pages/mine/mine",
      "text": "个人页",
      "iconPath": "icon/3.png",
      "selectedIconPath": "icon/7.png"
    },
    {
      "pagePath": "pages/search/search",
      "text": "搜索页",
      "iconPath": "icon/4.png",
      "selectedIconPath": "icon/8.png"
    }
  ],
  "backgroundColor":"#009468",
  "color": "#112233",
  "selectedColor": "#556677"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

json_126">页面配置 page.json

  • 为每一个页面设置不同的标题,导航栏颜色等window里面的属性

http://www.niftyadmin.cn/n/1491791.html

相关文章

两种队列基础知识和基本方法

Queue接口 队列,先进先出,只能在队尾添加元素,队头输出元素。继承了Collection接口。内置了六种方法 入队 add() boolean add(E e); //将元素进行入队操作,如果成功的话,返回true;失败的话抛出IllegalS…

栈的基本方法解析

Stack Stack栈采用的是一种先进先出的操作。 Stack类继承自Vector类(向量)。关于Vector的内容:https://www.runoob.com/java/java-vector-class.html 这个类中存在五个方法,他们的作用分别是: 入栈操作出栈操作查看栈…

HashMap底层深度解析

简介 HashMap实现了Map接口,该接口主要有四个常用的实现类,分别是HashMap,LinkedHashMap,Hashtable,TreeMap,IdentityHashMap。 HashMap的数据结构:HashMap的数据结构为 数组(链表或红黑树)&am…

操作系统第一章复习

目录 一、判断题 二、选择题 三、多选题 四、填空题 在设计分时操作系统时,首先要考虑的是交互性和响应时间 在设计批处理操作系统时,首先要考虑的是周转时间和系统吞吐量 在设计实时操作系统时,首先要考虑的是实时性和可靠性 一、判断…

操作系统第二章复习

目录 一、判断题 二、选择题 三、多选题 四、填空题 一、判断题 1-1多个进程可以对应于同一个程序,且一个进程也可能会执行多个程序。√ 一个程序多个进程:一台电脑可以登录很多qq 一个进程多个程序:UI进程可以在qq,360&am…

操作系统第三章复习

目录 一、判断题 二、单选题 三、多选题 一、判断题 1-1作业调度能使作业获得CPU。 作业调度仅仅是创建进程将其调入内存;进程调度是获取CPU的 1-2短作业(进程)优先调度算法具有最短的平均周转时间。 在所有作业同时到达的情况下&…

操作系统第四章复习

目录 一、单选题 二、填空题 一、单选题 2-1操作系统内核是通过各种原语操作来实现其控制功能的,所谓原语是()。 A.一个程序段 B.一个具有特定核心功能的程序段 C.一个具有特定核心功能,且不可被中断执行的程序段 D.一个具…

操作系统第五章复习

目录 一、判断题 二、单选题 一、判断题 1-1如果系统在所有进程运行前,一次性地将其在整个运行过程中所需地全部资源分配给进程,即所谓"静态分配",可以预防死锁发生。√ 预防死锁:资源静态分配法 解除死锁…