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

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

相关推荐
鸭鸭梨吖10 小时前
微信小程序---下拉框
微信小程序·小程序
CRMEB定制开发11 小时前
CRMEB Pro版前端环境配置指南
前端·微信小程序·uni-app·商城源码·微信商城·crmeb
mon_star°13 小时前
搭建一款结合传统黄历功能的日历小程序
微信·微信小程序·小程序·微信公众平台
The_era_achievs_hero14 小时前
微信小程序91~100
微信小程序·小程序
假装我不帅14 小时前
微信小程序下拉加载更多实现
微信小程序·小程序
高压锅_122014 小时前
Cursor+Coze+微信小程序实战: AI春联生成器
人工智能·微信小程序·notepad++
2301_8059629314 小时前
微信小程序控制空调之微信小程序篇
微信小程序·小程序
Ama_tor20 小时前
mini-program01の系统认识微信小程序开发
微信小程序·小程序
毛毛三由1 天前
基于svga+uniapp的微信小程序动画组件开发指南
微信小程序·uni-app·notepad++
Python智慧行囊2 天前
微信小程序交互精髓:点击操作与状态管理实战
微信小程序·小程序·交互