1、打开元素模式。添加一个div。

在这个div中添加三个div，并分别在每个div中添加p标签

2、右键单击第一个div，逻辑>>数据绑定。

绑定模式：数组绑定，绑定参数：shuzu1。输入完成后添加绑定。

高级编辑

在div中添加一个p标签，标签内可以是图片，文字等任何内容，这里我们添加一张图片。

右键单击图片，逻辑>>数据绑定。绑定模式：属性绑定，绑定参数：{"src":src1}输入完成后添加绑定。(注意当内容为图片时必须为src)

高级编辑

第一个p标签内容设置完成后回车生成第二个p标签，录入图片的文字标题。

右键单击文字标题的p标签。逻辑>>数据绑定>>绑定模式:文本内容绑定，绑定参数：neirong1 输入完成后添加绑定。

第一个div的内容就设置完成了。

3、右键单击第二个div，逻辑>>数据绑定。

绑定模式:数组绑定，绑定参数：shuzu2。输入完成后添加绑定。

高级编辑

在div中添加一个p标签，标签内可以是图片，文字等任何内容，这里我们添加一张图片。

右键单击图片，逻辑>>数据绑定。绑定模式：属性绑定，绑定参数：{"src":src2}输入完成后添加绑定。(注意当内容为图片时必须为src)

第一个p标签内容设置完成后回车生成第二个p标签。插入一个单行文本。

右键单行文本所在的input标签。逻辑>>数据绑定>>绑定模式：表单元素值绑定，绑定参数：neirong2 输入完成后添加绑定。

设置完成后回车生成第三个p标签。插入一个按钮。(注意：按钮链接设置为空，即"#")

右键按钮所在标签。逻辑>>逻辑>>额外逻辑：高级编辑

录入

$.wwclass.runCommand([{
  command: "vmArrFuc",
  params: [
    "push",
    "shuzu1", {
      "src1":_ko.dataFor(_ctx.self[0]).src2() ,
      "neirong1": _ko.dataFor(_ctx.self[0]).neirong2(),
    }
  ]
}]);

4、在第三个div中添加一个按钮，右键单击 逻辑>>逻辑 产生某效果：绑定数据编程>>高级编辑。

录入：

$.wwclass.runCommand([{
  command: "vmArrFuc",
  params: [
    "push",
    "shuzu2", {
    "src2":"/img/demo2.jpg",
    "neirong2":"aaa"
    }
  ]
}]);

设置完成