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

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

相关推荐
干到60岁退休的码农8 小时前
微信小程序 按钮点击事件
微信小程序·小程序
三脚猫的喵10 小时前
微信小程序使用图片实现红包雨功能
javascript·微信小程序
炫彩@之星2 天前
微信小程序渗透测试指北(附案例)
微信小程序·小程序
换日线°2 天前
微信小程序生成小程序码缓存删除
微信小程序
像素之间3 天前
微信小程序中安装vant
微信小程序
java1234_小锋3 天前
[免费]微信小程序音乐播放器(爬取网易云音乐数据)(node.js后端)【论文+源码】
微信小程序·小程序·node.js·音乐播放器·网易云音乐
野盒子3 天前
前端面试题 微信小程序兼容性问题与组件适配策略
前端·javascript·面试·微信小程序·小程序·cocoa
Maitians4 天前
微信小程序 - 保存手机号等信息到通讯录
微信小程序·小程序
Maitians4 天前
微信小程序 - 手机震动
微信小程序·小程序
像素之间4 天前
在微信小程序中使用骨架屏
微信小程序·小程序