微信小程序 样式和全局配置

WXSS

wxss 把屏幕分为750个物理像素,大屏大,小屏小,随着设备不一致自动适配

推荐使用iPhone6作为标准,1个rpx = 0.5个px,把px乘以2就是rpx的参数

@import

导入外部样式表

复制代码
@import '/common/common.wxss'

样式

权重一样时,局部样式可以覆盖全局样式

配置

导航栏区域 navigationBar

背景区域 backgroud

页面主体区域

window

可以配置【导航栏区域 navigationBar】和【背景区域 backgroud】

背景颜色

导航栏标题颜色

设置全局下拉

下拉刷新的背景颜色

下拉刷新时小圆点的样式

下拉触底的触发值,默认50

tabBar

tabBar 最少2个,最多5个

如果是底部,可以显示ICON和文本,如果是顶部,只显示文本

tabBar配置项

复制代码
backgroundColor:背景颜色

borderStyle:边框颜色

iconPath:未选中的图片路径

selectedIconPath:选中的图片路径

color:未选中的文字颜色

selectedColor:选中的文字颜色

tabBar配置项属性

参考:https://www.cnblogs.com/xinjingsiyuan/articles/16875767.html

相关推荐
花卷HJ3 小时前
微信小程序国际化完整方案
微信小程序·小程序·notepad++
nhc0883 小时前
贵阳纳海川科技・上门洗车行业解决方案
科技·微信小程序·软件开发·小程序开发
hashiqimiya4 小时前
微信小程序--动态切换登录注册标签页
微信小程序·小程序
hashiqimiya4 小时前
微信小程序--获取验证码设计倒计时灰白色
微信小程序·小程序
2501_933907218 小时前
宁波小程序公司提供专业的小程序开发服务
科技·微信小程序·小程序
扶苏10029 小时前
记一次 uni-app开发微信小程序 textarea 的“伪遮挡”踩坑实录
微信小程序·小程序·uni-app
哈罗哈皮1 天前
trea也很强,我撸一个给你看(附教程)
前端·人工智能·微信小程序
毕设源码-赖学姐1 天前
【开题答辩全过程】以 居家养老服务微信小程序设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
Emma_Maria1 天前
【小程序】插件开发总结
微信小程序
2501_933907211 天前
如何选择宁波小程序公司,实现高效的小程序开发?
科技·微信小程序·小程序