小程序笔记

1.小程序全局配置app.json

html 复制代码
{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

2.小程序全局配置 app.json ----window的配置

"backgroundTextStyle":"light", 下拉 loading 的样式,仅支持 dark / ligh

dark / ligh 为下拉加载出现的小圆点的颜色

"backgroundColor":"#fff000", 窗口的背景色

"navigationBarBackgroundColor": "#fff", 导航栏背景颜色,

"navigationBarTitleText": "Weixin", 导航栏标题文字内容

"navigationBarTextStyle":"black" 导航栏标题颜色,仅支持 black / white

"enablePullDownRefresh":true 是否开启全局的下拉刷新。

"onReachBottomDistance": 100 页面上拉触底事件触发时距页面底部距离,单位为 px。

注意:

  1. json文件中不能写注释

  2. 前两条配置都必须开启下拉刷新才有效果

3.小程序全局配置 app.json ----tabBar的配置

"tabBar"和"window"是并列关系

有一些配置项的颜色只接收十六进制

tabBar最少设置2个,最 多5个

color: tab 上的文字默认颜色,仅支持十六进制颜色

selectedColor: tab 上的文字选中时的颜色,仅支持十六进制颜色

backgroundColor: tab 的背景色,仅支持十六进制颜色

borderStyle: tabbar 上边框的颜色, 仅支持 black / white

position: tabBar 的位置,仅支持 bottom / top

ist中的iconPath: 图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,不支持网络图 片。当 position 为 top 时,不显示 icon。

list中的selectedIconPath: 选中时的图片路径

javascript 复制代码
"tabBar": {
    "color": "#f96677",
    "selectedColor":"#567788",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath":"/images/icon1.jpg",
        "selectedIconPath":"/images/icon2.jpg"
      },
      {
        "pagePath": "pages/list/list",
        "text": "列表"
      },
      {
        "pagePath": "pages/detail/detail",
        "text": "详情"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "日志"
      }
    ]
}
相关推荐
hour_go2 分钟前
【知识图谱】图神经网络(GNN)核心概念详解:从消息传递到实战应用
笔记·深度学习·神经网络·1024程序员节
摇滚侠11 分钟前
全面掌握PostgreSQL关系型数据库,设置远程连接,笔记05,笔记06
java·数据库·笔记·postgresql
蒙奇D索大1 小时前
【数据结构】数据结构核心考点:AVL树删除操作详解(附平衡旋转实例)
数据结构·笔记·考研·学习方法·改行学it·1024程序员节
开心-开心急了1 小时前
Flask入门教程——李辉 第5章: 数据库 关键知识梳理
笔记·后端·python·flask·1024程序员节
charlie1145141914 小时前
HTML 理论笔记
开发语言·前端·笔记·学习·html·1024程序员节
知识分享小能手4 小时前
uni-app 入门学习教程,从入门到精通,uni-app 企业项目实战:鲁嗑瓜子项目开发知识点(9)
前端·javascript·学习·微信小程序·小程序·uni-app·vue
知识分享小能手4 小时前
uni-app 入门学习教程,从入门到精通,uni-app中uCharts组件学习((8)
vue.js·学习·ui·微信小程序·小程序·uni-app·echarts
岑梓铭5 小时前
考研408《操作系统》复习笔记,第二章《2.3 进程调度》
笔记·考研·操作系统·os
生物小卡拉5 小时前
指定列交集内容合并-Rscript_v1.0
笔记·学习·r语言
流星5211226 小时前
GC 如何判断对象该回收?从可达性分析到回收时机的关键逻辑
java·jvm·笔记·学习·算法