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

WXSS (WeiXin Style sheets)

用于描述WXML的样式,类似于css
相对于css,WXSS有以下特点:

  1. 样式导入
  2. 尺寸单位

尺寸单位

rpx(responsive pixel),是微信小程序新增的响应式单位,可根据小程序屏幕宽度进行自适应

样式导入

/** common.wxss **/
.small-p {padding:5px;
}
/** app.wxss **/
@import "common.wxss";
.middle-p {padding:15px;
}

内联样式

  1. 可在wxml中的标签中书写内联样式,并支持数据绑定
<view style="color:{{color}};" />
  1. 也可写样式类(class、id、element)
    在这里插入图片描述

相关文章:

  • Java中volatile关键字
  • 英语学习笔记22——Give me/him/her/us/them a .... Which one?
  • js处理服务器响应Blob对象格式文件处理
  • 【Unity】免费的高亮插件——QuickOutline
  • 【全开源】JAVA同城搬家系统源码小程序APP源码
  • Scrapy框架简单介绍及Scrapy项目编写详细步骤(Scrapy框架爬取豆瓣网站示例)
  • 在Ubuntu系统中使用Systemctl添加启动项的详细指南
  • Mybatis入门——其他查询操作和数据库连接池(4)
  • 【oracle】Oracle RAC中的GNS到底是什么?
  • ctfshow web入门 黑盒测试
  • linux input 驱动
  • 持续总结中!2024年面试必问 20 道 Rocket MQ面试题(二)
  • 语言模型的发展
  • 磁盘管理以及文件系统08
  • Python二叉树遍历算法
  • 【Leetcode】101. 对称二叉树
  • [NodeJS] 关于Buffer
  • [笔记] php常见简单功能及函数
  • Angular 2 DI - IoC DI - 1
  • Debian下无root权限使用Python访问Oracle
  • fetch 从初识到应用
  • Java 多线程编程之:notify 和 wait 用法
  • JavaScript中的对象个人分享
  • leetcode386. Lexicographical Numbers
  • Mithril.js 入门介绍
  • mysql外键的使用
  • Python代码面试必读 - Data Structures and Algorithms in Python
  • ReactNativeweexDeviceOne对比
  • sublime配置文件
  • vue和cordova项目整合打包,并实现vue调用android的相机的demo
  • WinRAR存在严重的安全漏洞影响5亿用户
  • 关于Android中设置闹钟的相对比较完善的解决方案
  • 官方新出的 Kotlin 扩展库 KTX,到底帮你干了什么?
  • 码农张的Bug人生 - 见面之礼
  • 吴恩达Deep Learning课程练习题参考答案——R语言版
  • 想使用 MongoDB ,你应该了解这8个方面!
  • 用quicker-worker.js轻松跑一个大数据遍历
  • 怎样选择前端框架
  • Mac 上flink的安装与启动
  • 阿里云ACE认证之理解CDN技术
  • 曜石科技宣布获得千万级天使轮投资,全方面布局电竞产业链 ...
  • #includecmath
  • #宝哥教你#查看jquery绑定的事件函数
  • (01)ORB-SLAM2源码无死角解析-(56) 闭环线程→计算Sim3:理论推导(1)求解s,t
  • (13)DroneCAN 适配器节点(一)
  • (14)Hive调优——合并小文件
  • (2020)Java后端开发----(面试题和笔试题)
  • (23)mysql中mysqldump备份数据库
  • (24)(24.1) FPV和仿真的机载OSD(三)
  • (6)【Python/机器学习/深度学习】Machine-Learning模型与算法应用—使用Adaboost建模及工作环境下的数据分析整理
  • (7)svelte 教程: Props(属性)
  • (附源码)ssm基于微信小程序的疫苗管理系统 毕业设计 092354
  • (已解决)什么是vue导航守卫
  • .dwp和.webpart的区别
  • .NET Micro Framework初体验(二)