<template>
  <div class="input-base">

    <hive-input
      size="small"
      placeholder="请输入内容">
    </hive-input>

    <hive-input
      size="small"
      value="错误"
      :error="true">
    </hive-input>

    <hive-input
      size="small"
      value="不可用"
      disabled>
    </hive-input>

    <hive-input
      size="small"
      placeholder="请输入"
      icon="calendar"
      @iconclick="onIconClick">
    </hive-input>

    <hive-input
      size="small"
      placeholder="请输入"
      suffix-icon="calendar">
    </hive-input>

    <hive-input
      size="small"
      placeholder="请输入网址"
      suffix=".com"
    >
    </hive-input>

    <hive-input
      size="small"
      placeholder="请输入网址"
      prefix="http://"
    >
    </hive-input>

    <hive-input
      size="small"
      disabled
      placeholder="请输入网址"
      prefix="http://"
    >
    </hive-input>
  </div>
</template>

<script>
  export default {
    methods: {
      onIconClick() {
        console.log('点击了图标');
      },
    },
  };
</script>
