ConfigNetSteps.md

ConfigNetSteps配网步骤

属性:

属性	说明	类型	默认值
title	设备名称	string
buttons	按钮数组	array	[]
onback	点击返回事件
onconfirm	点击buttons事件

属性button数组项:

属性	说明	类型	默认值
title	按钮名字	string
block	将按钮宽度调整为其父宽度的选项	boolean	false
type	设置按钮类型，可选值为 primary default dashed或者不设	string	default

注意 ⚠️

 1.0.0 版本点击返回事件使用 onevt-back 而非 onback
 1.0.0 版本点击buttons事件使用 onevt-click-btn 而非 onconfirm

示例

<import name="ConfigNetSteps" src="iot-ui/ConfigNetSteps/index.ux"></import>
<template>
  <div>
    <ConfigNetSteps title="设备名称" onback="handleClickBack" buttons="{{buttons}}" onconfirm="handleClickBtn">
      <list>
        <list-item for="productList" type="{{$idx}}">
          <text>{{ $item.name }}</text>
        </list-item>
      </list>
    </ConfigNetSteps>
  </div>
</template>

<style lang="less">
  list-item {
    justify-content: center;
  }
</style>

<script>
  let productList = [];
  for (let i = 0; i < 100; i++) {
    productList.push({
      name: "产品" + i
    });
  }

  export default {
    data() {
      return {
        buttons: [
          {
            title: "重试",
            block: true
          },
          {
            title: "取消",
            type: "dashed",
            block: true
          }
        ],
        productList: productList
      };
    },

    onInit() { },
    handleClickBack(evt) {
      console.log(evt);
    },
    handleClickBtn(evt) {
      console.log(evt.detail);
    }
  };
</script>