当前位置: 首页 > article >正文

小程序笔记

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

{
  "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: 选中时的图片路径

"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": "日志"
      }
    ]
}


http://www.kler.cn/a/458966.html

相关文章:

  • 米哈游可切换角色背景动态壁纸
  • 玩客云docker修复(docker安装)
  • C#调用Lua
  • 网络安全【C10-2024.10.1】-sql注入基础
  • Redission红锁
  • GRU-PFG:利用图神经网络从股票因子中提取股票间相关性
  • Linux系统编程之文件系统的挂载
  • 海陆并进 陵水农业向深图强
  • cpp编译链接与命名空间
  • ​虚幻引擎UE5渲染不够快的解决办法
  • 4种更快更简单实现Python数据可视化的方法
  • 001__VMware软件和ubuntu系统安装(镜像)
  • 精准测算与优化策略:大流量网站海外服务器带宽需求分析
  • HTML——28.音频的引入
  • 如何开发一个前端自动回复机器人:从零开始的入门指南
  • 嵌入式应用实例→电子产品量产工具→UI界面的绘制和测试
  • 走方格(蓝桥杯2020年试题H)
  • TDengine 新功能 VARBINARY 数据类型
  • VScode 只能运行c,运行不了c++的解决问题
  • HTML——21. 文件下载
  • 什么是出海投资安全评估报告?如何写出海投资安全评估报告?
  • 基于 InternLM 和 LangChain 搭建你的知识库
  • YUM与开源项目(Web运维)
  • 微服务SpringCloud分布式事务之Seata
  • 基于Pytorch和yolov8n手搓安全帽目标检测的全过程
  • 闭包的理解