wxml表现层

界面结构wxmL比较容易理解,主要是由八大类基础组件构成:

一、视图容器(View Container)

二、基础内容(Basic Content)

三、表单组件(Form)

四、操作反馈组件(Interaction)

五、导航(Navigation)

六、多媒体(Media)

七、地图(Map)

八、画布(Canvas)

常用的:view、text、navigator、template、block、swiper...

view相当于div元素;

text用于字体元素,如p、span等;

navigator官方文档定义为应用内跳转,即有时候我们需要通过循环遍历出来的块元素,当点击这个块元素会跳转到另一个页面时,我们就可以用navigator。例如我在产品的列表页,遍历出来的数据,当我点击其中一个数据,它会通过绑定的id跳转到产品详情页;

(navigator类似于a标签,但是它默认是块元素)

   

template用于分装公用组件,可以通过import导入和它的属性name引用组件;

(先通过import引用template模板,然后通过is属性绑定,最后将模板所需要的数据通过data传入)

block和template配合使用,例如我们可以在template的外层包含一个block块元素,并在block元素使用for循环方法遍历template组件;