<template>
  <div>
    <table>
      <tr>
        <td>
          <hive-upload v-bind="uploadOption" style="width:140px;">
            <hive-button style="width:140px;">
              <hive-icon icon="eject"/>主按钮
            </hive-button>
          </hive-upload>
        </td>
        <td width="10"></td>
        <td>
          <div :style="{ lineHeight: '40px', marginLeft: 16, opacity: 0.4 }">
            <span>支持扩展名：.rar .zip .doc .docx .pdf .jpg...</span>
          </div>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        uploadOption: {
          accept: '.png',
          url: '//jsonplaceholder.typicode.com/posts/',
          limit: 2,
          multiple: true,
          formData: {
            text: 'test',
          },
          onChange: function(list) {
            console.log(list);
          },
        },
      };
    },
    methods: {},
  };
</script>
