当前位置: 首页 > news >正文

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

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

 

http://www.lryc.cn/news/96271.html

相关文章:

  • 一.初识C语言
  • filebeat到kafka示例
  • AlmaLinux系统下的Zabbix汉化
  • 【网络编程】(TCP流套接字编程 ServerSocket API Socket API 手写TCP版本的回显服务器 TCP中的长短连接)
  • 企业级PaaS低代码快开平台源码,基于 Salesforce Platform 的开源替代方案
  • 【LeetCode】72.编辑距离
  • 大模型,开源干不掉闭源
  • Redis 九种数据类型的基本操作
  • 爬取微博热搜榜并进行数据分析
  • 基于深度神经网络的肺炎检测系统实现
  • C# LINQ和Lambda表达式对照
  • 二、SQL-6.DCL-1).用户管理
  • ElasticSearch学习--数据聚合
  • PostMan+Jmeter工具介绍及安装
  • AutoSAR系列讲解(实践篇)7.4-实验:配置SWCRTE
  • 腾讯云内存型CVM服务器MA3、M6、M6ce和M5处理器CPU说明
  • 集睿致远推出CS5466多功能拓展坞方案:支持DP1.4、HDMI2.1视频8K输出
  • SQL中为何时常见到 where 1=1?
  • React AntDesign表批量操作时的selectedRowKeys回显选中
  • anydesk远程控制,主动连接。
  • Spring Data Redis操作Redis
  • sqlite触发器1
  • python中——requests爬虫【中文乱码】的3种解决方法
  • E. Nastya and Potions(DFS+记忆化搜索)
  • 什么是tcp rst以及什么时候产生?
  • Visual Studio Code配置免密远程开发环境
  • flutter android Webview 打开网页错误ERR_CLEARTEXT_NOT_PERMITTED 、 net:ERR_CACHE_MISS
  • ARP协议(地址解析协议)
  • 【贪心算法】334. 递增的三元子序列
  • react实现路由跳转动画