美文网首页
WXML基础知识

WXML基础知识

作者: 进击的码农设计师 | 来源:发表于2018-05-21 12:12 被阅读0次

    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 组件事件

    相关文章

      网友评论

          本文标题:WXML基础知识

          本文链接:https://www.haomeiwen.com/subject/klefjftx.html