web学习笔记(七十三)微信小程序

目录

1. 微信公众平台和微信开放平台

1.1 微信公众平台:

1.2 微信开放平台:

2.全局配置和局部配置

2.1 全局配置

2.2 页面配置


1. 微信公众平台和微信开放平台

1.1 微信公众平台:

微信公众平台是用于创建和管理公众号和小程序,主要面向内容传播和客户服务的平台。

1.2 微信开放平台:

微信开放平台是用于开发者接入微信生态系统,开发应用和服务,主要面向技术开发和创新的第三方平台。比如自己研发的系统需要接入微信支付或者需要微信登录等功能。

2.全局配置和局部配置

2.1 全局配置

我们可以通过小程序根目录下的 app.json 文件用来对微信小程序进行全局配置

(1) "pages": []  用来定义小程序的所有页面路径,默认展示数组第一项的页面。

 "pages": ["pages/index/index", "pages/cates/cates"]

(2)  "renderer"和   "rendererOptions"是小程序的渲染配置,如果我们不想使用自带的navigation-bar时需要删除相关配置,此处的渲染配置也需要进行删除操作,否则会产生警告。

  "renderer": "skyline","rendererOptions": {"skyline": {"defaultDisplayBlock": true,"disableABTest": true,"sdkVersionBegin": "3.0.0","sdkVersionEnd": "15.255.255"}},

(3) "window" 是用来定义小程序的窗口表现的配置项。这些配置项包括小程序的基本信息、样式、导航栏、背景颜色等。以下是一些常见的 "window" 配置项及其作用:

  1. navigationBarBackgroundColor:导航栏背景颜色。
  2. navigationBarTextStyle:导航栏标题颜色,支持 "black" 或 "white"
  3. navigationBarTitleText:导航栏标题文字内容。
  4. backgroundColor:窗口的背景色。
  5. backgroundTextStyle:下拉 loading 的样式,仅支持 "dark" 或 "light"
  6. enablePullDownRefresh:是否开启下拉刷新。
  7. onReachBottomDistance:页面上拉触底事件触发时距页面底部距离,单位为 px。
  8. disableScroll:设置为 true 则页面整体不能上下滚动。

(4)"tabBar" 是用来定义底部导航栏的配置项。底部导航栏(Tab Bar)通常用于在不同页面之间进行快速导航,用户可以通过点击底部的图标或文本切换到不同的页面。以下是 "tabBar" 配置中常见的选项:

  1. list:定义底部导航的按钮列表,最少配置两个,最多配置五个,每个按钮包含以下属性:

    • pagePath:页面路径,必须是在 "pages" 数组中定义过的页面路径。
    • text:按钮文字,长度不超过 4 个字符。
    • iconPath:按钮图标路径,建议尺寸为 81px * 81px,支持网络图片路径或本地路径。
    • selectedIconPath:按钮选中时的图标路径,建议尺寸为 81px * 81px,支持网络图片路径或本地路径。
  2. color:底部导航栏的默认文字颜色,例如 "#333333"

  3. selectedColor:底部导航栏的选中态文字颜色,例如 "#ff0000"

  4. backgroundColor:底部导航栏的背景色,例如 "#ffffff"

  5. borderStyle:底部导航栏的边框样式,支持 "black""white"

{"pages": ["pages/index/index","pages/logs/logs","pages/mine/mine"],"tabBar": {"list": [{"pagePath": "pages/index/index","text": "首页","iconPath": "images/tabbar/home.png","selectedIconPath": "images/tabbar/home_selected.png"},{"pagePath": "pages/logs/logs","text": "日志","iconPath": "images/tabbar/logs.png","selectedIconPath": "images/tabbar/logs_selected.png"},{"pagePath": "pages/mine/mine","text": "我的","iconPath": "images/tabbar/mine.png","selectedIconPath": "images/tabbar/mine_selected.png"}],"color": "#666666","selectedColor": "#ff0000","backgroundColor": "#ffffff","borderStyle": "black"}
}

(5)"entryPagePath": "", 用来配置入口页面。

"entryPagePath": "pages/index/index", 

2.2 页面配置

每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置,页面中配置项会覆盖 app.json 的 window 中相同的配置项。

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/40078.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++ 现代教程二

线程支持库 - C中文 - API参考文档 GitHub - microsoft/GSL: Guidelines Support Library Fluent C&#xff1a;奇异递归模板模式&#xff08;CRTP&#xff09; - 简书 #include <thread> #include <iostream> #include <unordered_map> #include <futu…

Python京东商品评论爬取及可视化

在Python中爬取京东商品评论并进行可视化通常涉及几个关键步骤&#xff1a;使用爬虫库&#xff08;如requests和BeautifulSoup或Selenium&#xff09;来抓取网页数据&#xff0c;使用数据处理库&#xff08;如pandas&#xff09;来整理数据&#xff0c;以及使用数据可视化库&am…

区块链加载解析方法

一.区块链加载解析 对于数据的下载主要包括三种方式&#xff1a; 1.实现比特币网络协议&#xff0c;通过该协议和其他比特币全节点建立联系&#xff0c;然后同步区块数据。 2.通过比特币节点提供的API服务下载区块链数据。 3.通过blickchain.com提供的rest服务下载区块数据…

《后端程序猿 · Caffeine 本地缓存》

&#x1f4e2; 大家好&#xff0c;我是 【战神刘玉栋】&#xff0c;有10多年的研发经验&#xff0c;致力于前后端技术栈的知识沉淀和传播。 &#x1f497; &#x1f33b; CSDN入驻一周&#xff0c;希望大家多多支持&#xff0c;后续会继续提升文章质量&#xff0c;绝不滥竽充数…

EE架构大跃进:特斯拉、小鹏引领舱驾融合,从域控融合走向单SoC

作者 |肖恩 编辑 |德新 智能汽车发展到今天&#xff0c;整车电气架构已经从分布式架构逐渐迈向中央集成式架构&#xff0c;传统的小控制器被集成到按功能划分的大域控里&#xff0c;下一个阶段将是跨域的融合&#xff0c;通过不同功能域的集成实现中央计算平台的最终目标。 …

onTouch()与onTouchEvent()的区别

onTouch()和onTouchEvent()是Android中处理触摸事件的两个重要方法。它们用于不同的场景&#xff0c;并在事件分发机制中扮演不同的角色。以下是它们的详细区别和使用方法&#xff1a; onTouch() 方法 定义&#xff1a;onTouch(View v, MotionEvent event)是View.OnTouchList…

Visual Studio 中的键盘快捷方式

1. Visual Studio 中的键盘快捷方式 1.1. 可打印快捷方式备忘单 1.2. Visual Studio 的常用键盘快捷方式 本部分中的所有快捷方式都将全局应用&#xff08;除非另有指定&#xff09;。 “全局”上下文表示该快捷方式适用于 Visual Studio 中的任何工具窗口。 生成&#xff1…

注解详解系列 - @EnableAspectJAutoProxy:启用AspectJ自动代理

注解简介 在今天的注解详解系列中&#xff0c;我们将探讨EnableAspectJAutoProxy注解。EnableAspectJAutoProxy是Spring框架提供的一个注解&#xff0c;用于启用对AspectJ注解风格的支持&#xff0c;从而允许Spring AOP自动代理基于注解的切面。通过EnableAspectJAutoProxy注解…

心理学|变态心理学健康信息学——变态心理学与健康心理学单科作业题(中科院)

一、单选题(第1-100小题,每题0.5分,共计50分。) 1、变态心理学侧重说明异常心理的( ) 分值0.5分 A、诊断 B、咨询 C、治疗 D、特点 正确答案: D、特点 2、精神分析理论认为本我的活动原则是( ) 分值0.5分 A、现实原则 B、道德原则 C、快乐原则 …

[leetcode hot 150]第四百五十二题,用最少数量的箭引爆气球

题目&#xff1a; 有一些球形气球贴在一堵用 XY 平面表示的墙面上。墙面上的气球记录在整数数组 points &#xff0c;其中points[i] [xstart, xend] 表示水平直径在 xstart 和 xend之间的气球。你不知道气球的确切 y 坐标。 一支弓箭可以沿着 x 轴从不同点 完全垂直 地射出。…

[leetcode hot 150]第三题,无重复字符的最长子串

题目&#xff1a; 给定一个字符串 s &#xff0c;请你找出其中不含有重复字符的 最长 子串的长度。 可以使用"滑动窗口"的方法来解决这个问题。基本思路如下: 使用两个指针(start和end)来定义一个窗口移动end指针来扩大窗口,直到遇到重复字符如果遇到重复字符,移动s…

Vite: 插件流水线之核心编译能力

概述 Vite 在开发阶段实现了一个按需加载的服务器&#xff0c;每一个文件请求进来都会经历一系列的编译流程&#xff0c;然后 Vite 会将编译结果响应给浏览器。在生产环境下&#xff0c;Vite 同样会执行一系列编译过程&#xff0c;将编译结果交给 Rollup 进行模块打包这一系列…

【面试题】网络IO模型

IO&#xff08;Input/Output&#xff09;模型指的是计算机系统中对输入/输出操作进行处理的不同方式。它定义了操作系统内核、应用程序和I/O设备之间如何交互和协调数据传输。不同的IO模型在效率、复杂性和适用场景方面都有所差异。以下是几种主要的IO模型及其特点&#xff1a;…

什么是 URL ?

统一资源定位符&#xff08;URL&#xff09;是一个字符串&#xff0c;它指定了一个资源在互联网上的位置以及如何访问它。URL 是由几部分组成的&#xff0c;每部分都有其特定的作用&#xff1a; 协议/方案&#xff1a;这是 URL 的开头部分&#xff0c;表明了用于访问资源的协议…

antfu/ni 在 Windows 下的安装

问题 全局安装 ni 之后&#xff0c;第一次使用会有这个问题 解决 在 powershell 中输入 Remove-Item Alias:ni -Force -ErrorAction Ignore之后再次运行 ni Windows 11 下的 Powershell 环境配置 可以参考 https://github.com/antfu-collective/ni?tabreadme-ov-file#how …

【C++ 虚函数、纯虚函数、多态说明并使用代码举例】

虚函数、纯虚函数和多态是面向对象编程(OOP)中的三个重要概念,它们允许我们创建灵活的代码结构,实现继承和多态性。下面我将分别介绍这三个概念,并提供相应的代码示例。 虚函数(Virtual Function) 虚函数是在基类中声明的,可以在派生类中重写(覆盖)它的函数。虚函数…

Java---Mybatis详解二

雄鹰展翅凌空飞&#xff0c; 大江奔流不回头。 壮志未酬心未老&#xff0c; 豪情万丈任遨游。 巍巍高山攀顶峰&#xff0c; 滔滔黄河入海流。 风云变幻凭君舞&#xff0c; 踏遍天涯尽逍遥。 目录 一&#xff0c;环境准备 二&#xff0c;删除 三&#xff0c;删除(预编译SQL) 为什…

Celery入门教程

一.Celery介绍 1.Celery架构 Celery架构基于可插拔组件&#xff08;pluggable components&#xff09;和根据选择的消息传输&#xff08;代理&#xff09;(message transport(broker))协议实现的消息交换机制。 2.Celery模块 &#xff08;1&#xff09;任务模块 Task 包含异…

Python数据分析的数据导入和导出

在Python数据分析中&#xff0c;数据的导入和导出是非常关键的步骤。这些步骤通常涉及到将数据从外部文件&#xff08;如CSV、Excel、数据库等&#xff09;读入到Python程序中&#xff0c;以及将处理后的数据导出回外部文件或数据库。以下是一些常用的库和方法来实现这些操作。…

2024中国西安科博会暨硬科技产业博览会11月召开

2024第18届中国西安国际科学技术产业博览会暨硬科技产业博览会 时间&#xff1a;2024年11月3日-5日 地点&#xff1a;西安国际会展中心 主办单位&#xff1a;中国国际科学技术合作协会 陕西省科技资源统筹中心 协办单位&#xff1a;西安市科学技术协会 西安市中小企业协会、…