微信小程序-04

rpx(responsive pixel)是微信小程序独有的,用来解决屏适配的尺寸单位。

@import 后跟需要导入的外联样式表的相对路径,用 ; 表示语句结束。

定义在 app.wxss 中的样式为全局样式,作用于每一个页面。

在页面的 .wxss 文件中定义的样式为局部样式,只作用于当前页面。

当局部样式和全局样式冲突时,根据就近原则,局部样式会覆盖全局样式

当局部样式的权重大于或等于全局样式的权重时,才会覆盖全局的样式

window 节点常用的配置项

tabBar 是移动端应用常见的页面效果,用于实现多页面的快速切换。小程序中通常将其分为:

底部 tabBar

顶部 tabBar

注意:

tabBar中只能配置最少 2 个、最多 5 个 tab 页签

当渲染顶部 tabBar 时,不显示 icon(图标),只显示文本

tabBar 节点的配置项

每个 tab 项的配置选项

页面配置和全局配置的关系

小程序中,app.json 中的 window 节点,可以全局配置小程序中每个页面的窗口表现。

如果某些小程序页面想要拥有特殊的窗口表现,此时,"页面级别的 .json 配置文件"就可以实现这种需求。

页面配置中常用的配置项

相关推荐
土土哥V_araolin2 小时前
一条线公排系统小程序开发
小程序·零售
爬坑的小白2 小时前
微信小程序拉起支付
微信小程序·小程序
土土哥V_araolin3 小时前
国械甄选新零售系统开发方案
小程序·个人开发·零售
humors2214 小时前
Deepseek工具:H5+Vue 项目转微信小程序报告生成工具
前端·vue.js·微信小程序·h5·工具·报告
毕设源码-钟学长6 小时前
【开题答辩全过程】以 基于微信小程序的蓝鲸旧物回收系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
Greg_Zhong7 小时前
小程序中单元测试对比表单测试,及单元测试、表单测试、组件测试的底层实现原理
小程序·单元测试
sheji34167 小时前
【开题答辩全过程】以 基于微信小程序的考研服务平台为例,包含答辩的问题和答案
微信小程序·小程序
2501_915918418 小时前
WebKit 抓包,WKWebView 请求的完整数据获取方法
android·前端·ios·小程序·uni-app·iphone·webkit
nhc0888 小时前
贵阳纳海川科技·语文刷题考证行业解决方案
科技·小程序·软件开发·小程序开发
AnalogElectronic9 小时前
uniapp学习1,hello world 项目,打包到微信小程序,贪吃蛇小游戏
学习·微信小程序·uni-app