定义在app.wxss 中的样式称为全局样式,作用于每一个页面。在Page 的.wxss文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖app.wxss中相同的选择器。
框架组件
组件是视图层的基本构成单元。
一个组件通常包含“开始标签”和“结束标签”,组件由属性来定义和修饰,放在“开始标签”中。组件的内容则包含在两个标签之内。所有的组件与属性都需要使用小写字符。组件代码样式如下:
<tagname property = "value">
Content goes here...
</tagname>
所有组件都有共同的属性:
属性名 |
类型 |
描述 |
注释 |
id |
String |
组件的唯一标示符 |
保持整个页面唯一 |
class |
String |
组件的样式类 |
在对应的wxss 中定义的样式类 |
style |
String |
组件的内联样式 |
可以动态设置的内联样式 |
hidden |
Boolean |
组件是否显示 |
所有组件默认显示 |
data-* |
Any |
自定义属性 |
组件上触发事件时会发送给事件处理函数 |
bind*/catch* |
EventHandler |
组件的事件 |
详见本文前面的wxml事件绑定部分 |
同时每一个组件也可以有自定义的属性(称为特殊独有属性),用于该组件的功能或样式进行修饰。自定义属性只支持以下几种数据类型:
Boolean、Number、String、Array、Object、EventHandler。
微信小程序为开发者提供的组件分为常用组件和高级组件两个大类,其中常用组件包括视图容器、基础内容、表单、互动操作、页面导航。高级组件包括媒体、地图、画布、客服会话组件。
对于这些组件的常规使用方法,我们可以参考微信官方提供的小程序开发者文档。