微信小程序笔记 全局配置 pages、window、tabBar

news/2024/5/19 3:15:33

关于全局配置可以在微信官方文档查到:
在这里插入图片描述
全局配置在app.json中设置。

一、pages
略。

二、window
window的部分属性如下:
在这里插入图片描述
一般enablePullDownRefresh(是否开启全局的下拉刷新)不会在app.json中设置,除非所有的页面都有下拉刷新的功能。

三、tabBar
tabBar的部分属性如下:
在这里插入图片描述
注意,如果tabBar的list中如果没有路径"pages/index/index",则会报错或tabBar无法显示。
示例:
app.json:

{
  "pages": [
    "pages/index/index",
    "pages/test/test",
    
    "pages/home/home",
    "pages/discover/discover",
    "pages/mine/mine"
  ],
  "window": {
    "navigationBarBackgroundColor": "#ffa727",
    "navigationBarTitleText": "摊易选",
    "navigationBarTextStyle": "black",

    "enablePullDownRefresh": true,
    "backgroundColor": "#e9e9e9",
    "backgroundTextStyle": "dark"
  },
  "tabBar":{
    "color":"#dcdcdc",
    "selectedColor":"#2c2c2c",
    "backgroundColor":"#ffa727",
    "list":[
      {
        "pagePath":"pages/index/index",
        "text":"首页",
        "iconPath":"images/home.png",
        "selectedIconPath":"images/homeActive.png"
      },
      {
        "pagePath":"pages/discover/discover",
        "text":"发现",
        "iconPath":"images/discover.png",
        "selectedIconPath":"images/discoverActive.png"
      },
      {
        "pagePath":"pages/mine/mine",
        "text":"我的",
        "iconPath":"images/mine.png",
        "selectedIconPath":"images/mineActive.png"
      }
    ]
  },

  "sitemapLocation": "sitemap.json",
  "style": "v2"
}

前端效果图:
在这里插入图片描述


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

相关文章

HDG深圳站:不仅是一场沙龙,更是一段情怀

——一位HDG深圳站现场小编 一场沙龙,一次邂逅,一段情怀 12月24日,华为HDG开发者汇迎来了2016年的最后一站,这一站我们来到了青春洋溢的时尚之都——深圳。而在这个洒满青春的城市,平安夜氛围并未阻止开发者的脚步&…

MySQL 笔记 - 索引优化

写在前面 这篇文章是《高性能 MySQL》第五章的读书笔记以及总结~旨在帮助我自己梳理并总结书中的知识点和内容~同时也为一些懒得看书的小伙伴提供一个提取好的知识点~觉得水的朋友烦请关闭哟 巧妙的使用 Explain 看一条 SQL 语句的性能,可以使用 explain 关键字查看…

微信小程序笔记 前端 display的三种值:inline、block、inline-block

display有三种值:inline、block、inline-block 有篇文章是这么说的: 简单来说,就是: inline:宽度、高度、边距不可控制(宽度、高度就是文本的宽度、高度);不独占一行 block&#xf…

算法Day60 | 84.柱状图中最大的矩形,刷题总结

Day60 84.柱状图中最大的矩形刷题总结 84.柱状图中最大的矩形 题目链接:84.柱状图中最大的矩形 遍历每个元素,找到左右元素小于当前元素的,以左右元素间的区间(左开右开区间)所围成的面积中的最大值。 数组尾部加一个…

微信小程序笔记 前端 view的一些属性

可以查看微信官方文档&#xff1a; 简单示例&#xff1a; wxml&#xff1a; <view class"box" hover-class"boxHover" hover-start-time"100" hover-stay-time"200">test</view>wxss&#xff1a; .box{width: 100rpx;h…

2018今日头条

P为给定的二维平面整数点集。定义 P 中某点x&#xff0c;如果x满足 P 中任意点都不在 x 的右上方区域内&#xff08;横纵坐标都大于x&#xff09;&#xff0c;则称其为“最大的”。求出所有“最大的”点的集合。&#xff08;所有点的横坐标和纵坐标都不重复, 坐标轴范围在[0, 1…

微信小程序笔记 云开发 上传图片到云数据库 基础(wx.chooseImage、wx.cloud.uploadFile)

wx.chooseImage和wx.cloud.uploadFile是小程序上传图片到云数据库的两个很重要的函数。 其中&#xff0c;wx.chooseImage函数的作用是选择要上传的图片、wx.cloud.uploadFile函数的作用的将文件上传到云数据库中。 它们的详细参数可以在微信官方文档中查到&#xff1a; 下面…