微信小程序的WXSS和全局、页面配置详细讲解
1、微信小程序的全局配置位于根目录的app.json文件中。配置项包括pages（存放页面路径）、window（设置窗口外观）、tabBar（底部栏）和style（启用新版组件样式）。例如，设置窗口背景色为白色，标题文本为黑色，导航栏文本为“第一个小程序”。
2、小程序开发中，全局文件是项目的基础组成部分，包括app.js、app.json和app.wxss。其中，app.js是全局生命周期和变量设置的地方，例如在小程序启动时加载用户信息。app.json定义了可访问的页面路径，类似于低代码工具中的页面管理。app.wxss则是全局样式文件，可以被多个页面引用。
3、小程序自定义单页面和全局导航栏的实现方法如下：自定义单页面导航栏： 设置navigationStyle：在app.json或对应页面的json文件中，将navigationStyle设置为custom，以去除默认的导航栏。
微信小程序中如何让图片居中显示?
1、在微信小程序中，为了实现图片居中显示的效果，我们首先需要在样式文件中应用一些CSS属性。具体来说，我们可以通过调整图片所在的容器样式来实现居中效果。在wxss文件中，我们首先需要将容器设置为弹性布局（flex布局），这可以通过设置display属性为flex来完成。
2、首先打开微信开发者工具，新建一个小程序。page目录下新建一个test目录和相关页面文件。打开app.json文件，将test页面路径放置到index前面。单个view居中：点击打开test.wxml页面代码，输入图中的代码内容。给view设置一个class。点击打开test.wxss文件，这里设置元素样式。
3、微信小程序开发中，实现元素的上下左右居中显示是一个常见的需求。首先，让我们看一个初始示例，index.wxml中文字默认居左，没有实现居中对齐。尝试调整代码后，虽然文字可以居中，但上下方向并未居中。通过调试，我们发现问题出在页面高度不足。
4、最后查看了一下align-items：center；的属性 居中对齐弹性盒的各项元素：view { display：flex ；align-items：center；} 但是也遇到了align-items：center无法居中的问题，想了很久终于找到了解决办法。
5、新建图标文件：尺寸要求：首先，需要新建一个144*144像素的正方形文件。这是微信小程序应用图标严格的显示要求，确保图标在不同设备和屏幕尺寸上都能保持清晰和一致。导入图片：选择图片：导入自己的logo或其他想要作为图标的图片文件。
6、文件大小与形状：首先，需要新建一个144x144像素的正方形文件。这是微信小程序对应用图标大小的严格要求。导入图片：选择图片：选择你想要用作图标的图片，比如公司的logo或其他具有代表性的图像。导入图片：将选中的图片导入到你刚才新建的正方形文件中。
wxss和css的区别
WXSS和CSS的主要区别如下：环境与应用场景：CSS：是层叠样式表，专为网页设计，用于描述HTML或XML文档的样式。广泛应用于Web开发中，为网页元素提供布局、颜色、字体等样式。WXSS：是微信小程序样式表，用于描述微信小程序中的页面样式。它基于CSS，但为了适应小程序的运行环境和性能要求，做了一些扩展和限制。
app.json文件包含小程序的脚本代码，用于处理生命周期函数和声明全局变量。app.wxss为全局样式文件，确保所有页面样式一致。WXSS与CSS的区别：WXSS是微信自定义的CSS语言，具备大部分CSS特性。WXSS根据屏幕宽度动态调整，使用rpx单位进行适配。
与 CSS 相比，WXSS 扩展的特性有：（1）尺寸单位 （2）样式导入 尺寸单位 rpx（responsive pixel）： 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
WXSS： 角色：描述WXML组件样式的CSS样式表，类似于CSS。 功能：定义组件的颜色、背景、尺寸等属性，实现美观且响应式的界面设计。 与CSS的差异： 尺寸单位：引入rpx单位，自动换算以适应不同屏幕尺寸。 样式覆盖：app.wxss文件影响所有页面，局部页面的.wxss样式仅对该页面有效。
微信小程序之wxss，就是微信的css。微信把网页编程里运用的css，换成了自己的开发语言，wxss，其实主要的实现思想理念也和网页的开发技术基本没什么不同，也是一些标签的简单替换，大部分和原先的css、基本不误。
我们在wxss页面中进行定义 注意，page选择器是选中整个页面，前面是没有.号的。这是wxss系统自带的选择器。可以看到，用法和css原始用法差别不大。你也可以在wxml里面直接使用！这个wxss变量，既可以在每个页面mypage.wxss里面的page里声明， ，就能在所有页面里使用。
【已解决】微信小程序:修改页面背景色
在进行微信小程序开发时，若需要对整个页面的背景色进行修改，可以遵循以下步骤进行操作。首先，进入对应的页面文件夹，找到并打开wxss样式文件。在wxss文件中，找到或创建一个类名，用于描述需要修改背景色的页面。例如，可以创建一个名为.page-bg的类名，以便于后续使用。
微信小程序背景颜色设置 直接在app.wxss中设置：可以在app.wxss（全局样式文件）中，通过CSS选择器为页面或组件设置背景颜色。例如，使用body选择器或特定页面的容器选择器来设置背景颜色。动态修改背景颜色：如果需要动态修改背景颜色，可以通过微信小程序的数据绑定和样式绑定功能来实现。
首先用已有的账号密码登陆飞虎商联后台（没有账号即点击注册），接着可以看到左上方有“小 程序”选项，点击进入小程序设置页面。进入小程序设置页面后，点击设计—页面—左边栏小程序头部菜单选项，点击想要的头部颜色，即可开始设置小程序头部颜色，如下图。
微信小程序中的WXML和WXSS
WXML在微信小程序中用于构建页面结构，WXSS则用于描述WXML组件的样式。WXML： 角色：构建页面结构的基石，类似于HTML。 功能：提供标签语言来组织组件和定义事件，实现与用户交互的功能。 特点： 开发工具限制：预览仅在微信小程序开发工具中实现，不支持浏览器预览。
深入探讨微信小程序中的WXML和WXSS 在微信小程序的开发中，WXML（WeiXin Markup Language）扮演着构建页面结构的基石角色。它类似于网页开发中的HTML，提供了一套标签语言来组织组件和定义事件。通过在WXML文件中定义组件和事件，开发者可以实现与用户交互的功能，使得页面能够响应用户操作。
微信小程序开发主要使用JavaScript、WXML、WXSS以及JavaScript SDK。JavaScript：这是构建微信小程序的基础脚本语言，用于处理小程序中的逻辑和事件。开发者需要掌握JavaScript来编写小程序的交互逻辑，并实现与小程序其他组件的交互。WXML：微信小程序的模板语言，类似于HTML，用于构建小程序的界面布局。