WXML基础知识

WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件事件系统,可以构建出页面的结构。

  • WXML的语法规则:
  • 所有元素都必须闭合标签
    <text>Hello World</text>
  • 所有元素都必须正确嵌套
    <view>(开始标签1)<text>(开始标签2)Hello World</text>(结束标签2)</view>(结束标签1)
  • 属性值必须使用引号包围
    <text id = "myText"(参数值必须使用引号包围) >myText</text>
  • 标签必须使用小写
    <text(小写)>Hello World</text>
  • WXML中连续多个空格会被合并为1个空格
    <text>Hello(此处7个空格)World</text>
    <text>Hello(合并为1个空格) World</text>
  • 共同属性:
    由于某些属性被几乎所有的组建使用,这些属性被抽离出来,形成了组件的共同属性。
属性名 描述 注解
id 组件唯一标识 页面内唯一
class 组件样式类 在对应的wxss内定义
style 组件的内联样式 常用语动态样式
hidden: 组件是否显示 默认显示
data-* 自定义数据 触发时会进行上报
hide/catch 组件事件
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,009评论 19 139
  • 什么是html? html是一种网页标记语言,叫超文本标记语言,我们平时上网所看到的所有网页均来自于html,英文...
    波段顶底阅读 8,427评论 2 7
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,571评论 0 17
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,092评论 0 0
  • guoguoguoguoguo阅读 190评论 1 0