<template>
  <div>
    <hive-upload v-bind="uploadOption">
      <br>
      <div :style="{ textAlign: 'center', fontSize: 60, height: 80 }">
        <hive-icon type="cloud_upload" :style="{color: 'rgb(195, 195, 195)'}"/>
      </div>
      <p :style="{ textAlign: 'center', fontSize: 14 }">点击或将文件拖拽到这里上传</p>
      <p
        :style="{ textAlign: 'center', fontSize: 12, color: 'rgb(200,200,200)' }"
      >支持扩展名：.rar .zip .doc .docx .pdf .jpg...</p>
      <br>
      <br>
    </hive-upload>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        uploadOption: {
          url: '//jsonplaceholder.typicode.com/posts/',
          dragFlag: true,
          onChange: function(list) {
            console.log(list);
          },
        },
      };
    },
    methods: {},
  };
</script>
