微信小程序之WXML:标签与属性

WXML(WeiXin Markup Language)(页面结构文件)是框架设计的一套标签(标记)语言。用于渲染界面,它结合基础组件和时件系统,可以构建出页面结构。

标签与属性

语法规则:
1、所有元素都必须闭合标签且小写:

 Hello World 

2、所有元素都必须正确嵌套:

(开始标签1)(开始标签2)Hello (结束标签2)(结束标签1)

3、属性值必须使用引号保卫:

 myText 

4、WXML中连续出现多个空格会被合并为1个空格。

属性

组件是视图层的基本组成单元。一个组件通常包括“开始标签”和“结束标签”,属性就是用来修饰这个组件的,内容在两个标签之内。公共属性如下:

属性 类型 描述 注解
id String 组件的唯一标识 保持整个页面的唯一
class String 组件的样式类 在对应的WXSS中定义样式类
style String 组件的内联样式 可以动态设置的内联样式
hidden Boolean 组件的是否显示 所有组件默认显示
data-* Any 自定义属性 组件上触发事件时,会发送给事件处理函数
bind*/catch* EventHandler 组件的事件 详见事件

每一个组件都有各自的定义,可以对该组件的功能或样式进行修饰,更多的可以在微信公众官网上看微信官方文档.小程序

你可能感兴趣的:(微信小程序之WXML:标签与属性)