wxml

Posted duanzexun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 组件事件  


以上是关于wxml的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序第七天WXML语法之模板用法

小程序各种功能代码片段整理---持续更新

微信小程序开发之--"template模板“的应用

小程序模板使用

微信小程序海报 uniapp

微信小程序海报 uniapp