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

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

相关推荐
IT_陈寒3 小时前
微信小程序:题上岸
微信小程序
一木 之林21 小时前
微信小程序开发全攻略·文章版|00 总览:74集学习路径与知识地图
人工智能·学习·计算机视觉·微信小程序·小程序
一木 之林1 天前
微信小程序开发全攻略·文章版|01 入门与环境搭建
人工智能·学习·计算机视觉·微信小程序·notepad++
StevenLdh1 天前
第八期 · 情绪闯关挑战盒:一个「无惩罚」成就系统的数据建模
java·微信小程序
拖孩1 天前
AI 时代,个人开发者到底能不能靠一个小程序赚到钱
前端·后端·微信小程序
微笑的曙光2 天前
第八期 · 情绪闯关挑战盒:一个「无惩罚」成就系统的数据建模
java·微信小程序
andrsted2 天前
练题簿在线免费刷题:顺序续练、优先新题与题型筛选,让复习一轮轮推进
微信小程序·小程序·刷题
拖孩2 天前
全程 AI 写的小程序,刚接上会员虚拟支付,上线第二天就有人真金白银买单了|双签名、定价、iOS 的坑我全踩了一遍
前端·后端·微信小程序
醒醒1112 天前
深入浅出:如何用 Python 实现一个小程序污点分析引擎
微信小程序